Marketing

How to Build a Portfolio Website with AI

You don't need Squarespace. You don't need to browse 200 templates and pick one that's "close enough." You don't need to fight a drag-and-drop editor for three hours to move a text block 10 pixels to the left.

Tell your Zo what you want on your portfolio. It builds the page. It's live at yourhandle.zo.space. Done.

Build it in one prompt

Prompt

Build me a portfolio page at / with sections for About, Projects, and Contact. My name is [your name]. I'm a [your title]. Use a dark theme with clean typography. Include links to my GitHub and LinkedIn. Make it public.

Your Zo creates the page. Visit yourhandle.zo.space. It's there.

That's not a preview. That's not a staging environment. That's your live website.

Make it yours

The first version is a starting point. Iterate by telling Zo what to change:

  • Make the project cards larger with hover animations. Change the accent color to blue.
  • Add a headshot. Use the photo I uploaded to my workspace.
  • Add a "Writing" section with links to my three most recent blog posts.
  • Make it look more minimal. Less padding, tighter spacing, serif fonts.

Every change is live immediately. No deploy step.

What to include

Most good portfolios have 4 to 5 sections:

  1. Hero. Your name, title, and one sentence about what you do.
  2. About. A short paragraph. Not your life story. What you're working on and why someone should care.
  3. Projects. Cards with descriptions, screenshots, and links. Your best work.
  4. Writing or talks. If you create content, show it. Blog posts, conference talks, podcast appearances.
  5. Contact. Email, social links, or a contact form.

Tell your Zo which sections you want and give it the content. It handles the design.

Examples by role

Developer portfolio. GitHub repos with live demo links, tech stack badges, open source contributions.

Prompt

Build a developer portfolio with a project grid. Each card should have the project name, a one-line description, tech stack tags, and links to the repo and live demo. Dark theme, monospace headings.

Designer portfolio. Image galleries, case study layouts, process breakdowns.

Prompt

Build a designer portfolio with large image galleries for each project. Include a brief case study section with problem, approach, and outcome. Clean white theme, lots of whitespace.

Freelancer landing page. Services, testimonials, pricing, and a way to get in touch.

Prompt

Build a freelancer landing page with sections for services offered, client testimonials, pricing tiers, and a contact form. Professional, trustworthy feel.

Student portfolio. Class projects, internship work, research.

Prompt

Build a student portfolio with sections for coursework projects, internship experience, and a short about section. Include a PDF download link for my resume.

Add images

Drop images into Zo chat or upload them to your workspace. Reference them in your portfolio:

  • Add project screenshots. Use the images in my workspace at /Projects/screenshots/
  • Add my headshot as the profile photo. It's the image I just uploaded.

Your Zo uploads the images as assets and includes them in the page.

Why not a traditional website builder?

FeatureZoSquarespaceCarrdWix
Setup time5 minutes1-3 hours30 minutes1-3 hours
CostIncluded with Zo$16/mo$9/mo$17/mo
TemplatesNone neededRequiredRequiredRequired
Custom codeFull React + APILimitedNoneLimited
AI iterationDescribe changes in EnglishManual editingManual editingAI assist
API endpointsYesNoNoNo
Hosting includedYesYesYesYes

The real difference: Zo portfolios are living pages. Your Zo can update them. Set up a scheduled agent that pulls your latest GitHub repos and updates the project section weekly. Connect it to your blog RSS and auto-update the writing section. It's a page that maintains itself.

Make it public

New pages are private by default. To share your portfolio, tell Zo: Make my portfolio page public. Now anyone with the link can see it. Share yourhandle.zo.space on your resume, LinkedIn, GitHub profile, email signature.

Getting started

You have a zo.space right now. Try this:

Prompt

Build me a minimal portfolio page at / with my name, title, and 3 links to my most important profiles. Dark theme. Make it public.

Visit the URL. See how fast it is. Then start adding sections, uploading images, and iterating on the design. Your Zo builds exactly what you describe, and it's live before you finish your coffee.

For a deeper dive on everything zo.space can do beyond portfolios, see Build Your Personal Corner of the Internet.

More from the blog

How to Build a Portfolio Website with AI | Zo Computer