Build a Portfolio Site

A portfolio isn't an archive. It's an argument: this person can solve your problem, and here's the evidence. Three projects, each with a result, beat fifteen screenshots.

Structure that converts

  1. One line: who you help and what you make
  2. Three projects: context, decision, result
  3. How you work (three steps)
  4. Contact, with one action

Prompts

Selection: "Here are eight projects. Pick the three that best support the positioning 'editorial web design for fintech'. Explain the cut."

Build: "Build a single-page portfolio: system fonts, 720 px measure, three project blocks with a 16:9 image and a two-line result. No carousel."

Performance: "Inline critical CSS, lazy-load below-the-fold images, and remove every script that isn't needed. Report the final page weight."

Skills

SkillStyleInstalls
Scrapbook Resume SitePersonal, tactile170
Cobalt Serif Freelancer SiteEditorial, type-led58
Cut-Paper Collective SiteStudio, collaborative55
Editorial Dev PortfolioDeveloper, text-first47
Monochrome Studio PortraitAbout-page portrait213
Tilted Photo TestimonialsClient quotes49

FAQ

How many projects? Three. A fourth dilutes the first three.

Do I need a case study per project? A 60-word result beats a 600-word process.

Should it be one page? Yes, unless you have more than six projects.