✨ AI Personal Brand Builder Lesson 3 of 10

Building Your Portfolio Website

Lesson Content

After this lesson you'll know

  • The essential pages every portfolio website needs
  • How to use AI to design and build your site fast
  • SEO basics that make you findable on Google
  • How to choose the right platform and domain
Why a Website

Social profiles are rented land. Your website is owned.

No Website vs. Portfolio Website
BEFORE
Someone Googles your name and finds nothing -- or worse, someone else's narrative. No hub, no proof of work, no call to action. Invisible.
Missed opportunities you never knew about
AFTER
Four pages: Home (your hook), About (your story), Work (proof), Contact (easy reach). SEO-optimized. Answers who, what, and why in 5 seconds.
The hub every link, bio, and card points to
Your website is the one place on the internet you fully control -- build it today, improve it forever.

LinkedIn can change their algorithm. Twitter can ban your account. Instagram can disappear. Your website? That's yours forever. It's the one place on the internet you fully control.

Every link in your bio, every email signature, every business card -- they all point back to your website. It's the hub of your entire brand.

The 5-second rule: A visitor decides whether to stay or leave within 5 seconds. Your website needs to answer three questions instantly: Who are you? What do you do? Why should I care?
Essential Pages

Four pages. That's all you need to start.

Don't overthink it. A portfolio website needs four pages:

Home: Your hook. A clear headline, a one-sentence description of what you do, and a call to action. This is your elevator pitch in web form.
About: Your story. Not your resume -- your story. Why you do what you do. What drives you. Include a professional photo (AI can help you edit one).
Work/Projects: Proof of expertise. 3-5 of your best projects with descriptions, images, and results. Quality over quantity always.
Contact: How to reach you. Email, social links, and optionally a contact form. Make it ridiculously easy for opportunities to find you.
Building It

From zero to live in one afternoon.

Platform options ranked by simplicity:

Framer: AI-powered website builder. Describe your site and it generates a design. Drag-and-drop editing. Custom domains. Free tier available.

Webflow: More control, more complexity. Great for design-heavy portfolios. Learning curve is steeper but output is stunning.

Next.js + Vercel: If you code (or want AI to code for you). Maximum flexibility. Free hosting. Ask AI to generate a complete portfolio site in Next.js.

"Build me a personal portfolio website. I'm a [your role]. Include: hero section with my name and tagline, about section with my story, project grid showing 4 projects with images and descriptions, contact section with email and social links. Use a clean, minimal design with lots of white space. Dark mode support."

Whichever platform you choose, get version 1 live today. You can always improve it later. A live imperfect site beats a perfect site that exists only in your head.

SEO

Be findable when people search your name.

Search Engine Optimization sounds scary but the basics are simple. You want your website to be the first result when someone Googles your name.

Title tag: "[Your Name] - [What You Do]" on every page. This is what shows up in Google results.

Meta description: A 150-character summary of each page. Write it like a hook -- make people want to click.

Headings: Use H1 for your name, H2 for sections. Google reads these to understand your page structure.

Speed: Compress images, minimize code. A slow site ranks lower and loses visitors. Most website builders handle this automatically.

AI SEO prompt: "Write SEO-optimized title tags and meta descriptions for my portfolio website. My name is [name], I'm a [role], and I specialize in [specialty]. Make each description compelling and under 155 characters."
Quick Check

Lock it in.

Quiz

1Why is a personal website more important than social media profiles?

2What is the 5-second rule for portfolio websites?

Review

Key concepts to remember.

Portfolio Website

What four pages does a portfolio website need?
Home (your hook), About (your story), Work/Projects (proof of expertise), and Contact (how to reach you).
What are three platform options for building a portfolio?
Framer (AI-powered, easiest), Webflow (design-heavy, more control), and Next.js + Vercel (maximum flexibility, code-based).
What is the most important SEO element for a personal site?
Title tags: '[Your Name] - [What You Do]' on every page. This is what appears in Google search results.
What should the Home page accomplish?
Answer three questions in 5 seconds: Who are you? What do you do? Why should I care? Clear headline, one-sentence description, call to action.