How to build a portfolio site with AI in one day

Share

I put off building a proper portfolio for about two years. Every time I started, I’d get lost in tool decisions, second-guess my layout, rewrite my bio seventeen times, and abandon it halfway through. The perfectionism-to-procrastination pipeline is real.

Then I tried doing it as a one-day build. Constraints are clarifying. With a hard deadline of end of day, I stopped agonizing and started shipping. Six hours later I had a live portfolio that I was genuinely happy with — and that I’ve actually sent to people.

Here’s exactly how I did it, and how you can do the same.


Before you build: the decisions that matter

Most portfolio build days fail in the first hour — not because of tool problems, but because of positioning problems. You sit down, open Framer, and realize you have no idea what you’re actually trying to communicate.

Before touching any tool, answer these three questions in writing:

1. What is this portfolio for?

Client work? Job applications? Building a personal brand? Speaking invitations? Each of these has a different ideal structure, emphasis, and call to action. A freelancer’s portfolio is very different from a developer looking for employment, which is different from a creator building an audience. Know which one you’re building.

2. Who’s reading it?

Picture one specific type of person opening your site. What are they trying to figure out in the first 10 seconds? Usually: can this person do what I need? Everything on your portfolio should answer that question quickly and convincingly.

3. What are your three best pieces of work?

You don’t need twenty projects. You need three that are genuinely impressive to your target audience. If you have twenty, pick the three strongest. A focused portfolio with three great projects converts better than an exhaustive one with fifteen mediocre ones.

Write down the answers. Now you have a brief to build from.


Which AI tool to use for your portfolio

Framer — best for creative and personal portfolios

Framer is my recommendation for most people. It has an AI layout generator, excellent animation support for showcasing work, and produces genuinely beautiful results without design experience. The free plan lets you publish on a Framer subdomain; custom domains start at $15/month.

If you’re a designer, photographer, writer, marketer, or creative of any kind — Framer is your tool.

Webflow — best for developers and agencies

If you’re a developer or building an agency portfolio that needs to scale into a full site, Webflow is the better long-term choice. The AI features are more limited, but the CMS is powerful and the output is more flexible. Steeper learning curve — budget an extra hour or two.

Notion + Super — best for minimal, content-first portfolios

If you’re a writer, researcher, or someone whose work is primarily text-based, a Notion-powered site via Super.so is fast to set up and easy to maintain. Not the most visually impressive option, but very functional and free to start.

Cargo — best for designers and visual artists

Cargo is less well-known but beloved among designers and visual artists. The templates are more experimental and editorial than Framer’s. Worth considering if your work is highly visual and you want something that doesn’t look like everyone else’s Framer portfolio.


The build process

Morning session: structure and content (3 hours)

Hour 1 — Generate the base layout. Open Framer and use the AI generator. Your prompt should include your positioning, your target audience, and the sections you need. Something like:

“Build a portfolio site for a freelance brand strategist who works with early-stage startups. Sections needed: hero with headline and short bio, selected work (3 projects), services, short about section, contact form. Aesthetic: clean, minimal, confident. Dark or light — generate both.”

Generate two or three variations and pick the one that feels closest. You’re not marrying it — you’re choosing a starting point.

Hour 2 — Replace placeholder content with real content. Go section by section. Drop in your real headline, your actual project names, your real services. Don’t write polished copy yet — use rough drafts. Getting real content in lets you see whether the design is actually working for your material.

Hour 3 — Add your work samples. This is where most people hit their first real friction. Screenshots are fine for digital work. For writing, link to published pieces. For client work, use before/after comparisons or outcome-focused summaries. You don’t need perfect case studies — you need enough for someone to understand what you did and what resulted from it.

Afternoon session: refinement and copy (3 hours)

Hour 4 — Write your about page and hero copy (see next section for the AI writing process).

Hour 5 — Visual refinement pass. Typography, spacing, mobile view, color consistency. One pass only. The goal is “no obvious problems,” not perfection.

Hour 6 — Publishing and final checks. Connect domain, test all links, test contact form, check on mobile, go live.


Writing your about page with AI

The about page is the most-visited page on most portfolios and the hardest to write. Most people either write something so formal it sounds like a LinkedIn summary, or so casual it undersells them. AI helps you find the middle ground.

Here’s the prompt I use:

“Write an about page for a portfolio site. The person is [your role] who [what you specifically do] for [your audience]. Their background includes [2-3 relevant facts]. Their working style is [2-3 adjectives]. They want to come across as [tone: expert but approachable / direct / warm / etc.]. Write two versions: a short one (50 words) and a longer one (150 words). No clichés, no ‘passionate about’ or ‘dedicated to’, no jargon.”

Take the output and edit it to sound like you. Read it out loud — if you wouldn’t say it in a conversation, change it. The AI gives you the structure and the starting point; the editing is what makes it yours.

One thing I always add that AI doesn’t generate on its own: one specific, concrete fact that makes you memorable. Not “I’ve worked with 30+ clients” but “I’ve helped three companies go from zero to a Series A.” Not “I love design” but “I redesigned checkout flows for four e-commerce brands and averaged a 22% conversion lift.” Specific beats general every time.


Presenting your work without a case study writer

Case studies are where portfolios either win or lose. Most AI-built portfolios have placeholder project cards with a title, a screenshot, and nothing else. That tells a potential client almost nothing useful.

For each project, use this structure — AI can help you write each section if you give it the raw material:

  • The situation: What was the problem or starting point? (1–2 sentences)
  • What I did: Your specific contribution — not the team’s, yours. (2–3 sentences)
  • The result: A specific outcome. Numbers are best. If no numbers, a clear qualitative outcome.

Prompt for each project:

“Write a portfolio case study entry for a project where I [what you did] for [client type]. The outcome was [result]. Keep it under 80 words. Tone: confident and factual. Start with the problem, not with ‘I was asked to’.”

Three solid case studies like this will do more for your portfolio than ten vague project thumbnails.


Going live

Don’t overthink the publishing step. Here’s the checklist I run through before hitting publish:

  • All placeholder content replaced? (Search for “Lorem ipsum” and any default template text)
  • All links working? (Click every one)
  • Contact form tested? (Send yourself a test submission)
  • Mobile view checked? (Open on your phone)
  • Meta title and description set? (Add in Framer’s SEO settings)
  • Custom domain connected? (Or at minimum, Framer subdomain is shareable)

Once that’s done — publish and share. Send the link to three people who might hire you, refer you, or give you useful feedback. Don’t wait until it’s perfect. It’s never perfect. Ship it.


What i’d do differently

I spent too long on the homepage and ignored the work pages

The homepage is what gets people in the door. The work pages are what close them. My first portfolio had a beautiful homepage and placeholder project pages for two weeks after launch. Rookie mistake — build the work pages first.

I used too many sections

Testimonials, services, a blog feed, an Instagram grid, a podcast player — I tried to put everything on my first portfolio. A portfolio needs: who you are, what you’ve done, how to contact you. That’s it. Everything else is noise.

I didn’t update it for six months

Built it, shared it once, forgot about it. A portfolio that’s six months out of date signals that you’re not actively working. Set a calendar reminder for every 60 days to add at least one new project.


What to build next


FAQ

What’s the best AI tool for building a portfolio with no design skills?

Framer. Its AI generation produces professional-looking layouts from text prompts, and its template library gives you a strong starting point. You don’t need to understand design principles — you need to be able to recognize when something looks right and edit from there.

How many projects should a portfolio have?

Three to six. Three is enough if they’re strong and well-presented. More than six starts to dilute the impact. Quality over quantity — one detailed, outcome-focused case study is worth more than five project thumbnails with no context.

Do i need a custom domain for my portfolio?

For personal use or early testing, a Framer subdomain is fine. If you’re actively sending this to potential clients or employers, invest in a custom domain. It costs around $10–15 per year and signals professionalism in a way that a subdomain doesn’t.

Can i build a portfolio site with AI if i’m a complete beginner?

Yes. Framer’s AI generation handles the visual heavy lifting. Your job is to provide the content — your work, your bio, your contact details — and make decisions about what looks right. No coding or design background required.

How do i get my portfolio to show up on Google?

Framer and Webflow both handle the technical SEO basics for you. For a portfolio specifically: make sure your name and your primary skill are in your page title, write a descriptive meta description, and get a few backlinks from places where your work is mentioned or featured. It takes a few months to rank but the basics are straightforward.

Comments
Add a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Join our Newsletter
Stay updated on what’s possible with real one-day projects.