Start With What the Site Should Do

Before you touch a template, decide what a visitor should be able to do in five minutes. For most freelance designers that's simple: understand what kind of work you do, see evidence you're good at it, and find a way to get in touch. Everything else — the animated cursor, the scrolling marquee, the three-minute intro film — is optional, and most of it is optional in the way a second dessert is optional.

Write that goal down in one sentence and keep it nearby while you build. "A studio owner in Manchester should be able to see three relevant projects and email me without scrolling past anything confusing." That sentence will settle a dozen small decisions for you.

Choose Six to Ten Projects, Not Twenty

New freelancers tend to show everything, on the understandable theory that more work means more proof. In practice, a wall of twenty thumbnails dilutes your best pieces and makes the portfolio feel like a folder someone forgot to tidy.

Aim for six to ten projects, chosen with a job in mind:

• Two or three flagship pieces — your strongest, most complete work, whatever the budget was.
• Two or three that match the work you want — if you're chasing packaging briefs, packaging goes near the top, even if the logos were more fun.
• One or two that show range — a different medium, format or client type, to prove you're not a one-trick studio.
• One personal project, if it's genuinely good. It shows taste and initiative, not just the ability to follow a brief.

If a project embarrasses you slightly, it doesn't go in. Nobody is auditing your archive.

Write Captions That Answer the Obvious Questions

Most captions say something like "Branding project for a client", which tells a visitor nothing they couldn't guess. A good one is short but does four jobs: what the project was, who it was for (a type of client is fine — no need to name anyone), what your role was, and what changed as a result.

A reliable structure:

• Context: "Identity and packaging for a small-batch coffee roaster in Bristol."
• Role: "Sole designer — research, logo, bags, labels and a short set of usage rules."
• Outcome: "The roaster moved into two new stockists and now runs its own label templates."

Keep a grid entry to around sixty words; go longer only on a full case study page. Avoid jargon that only makes sense inside your own head. "A flexible visual system" is fine. "A modular semiotic architecture" is not.

Give the Page a Rhythm

Visitors don't read portfolio sites evenly — they scan, stop on something that catches the eye, then decide whether to dig deeper. Design for that behaviour with a simple pattern: a short opening statement of who you are and where you're based; a grid of projects with strong thumbnails and one-line captions; individual project pages; and a closing block with your email and availability.

On each project page, lead with the most arresting image. Don't open with a logo on a white background if the real story is the shopfront, the packaging on a shelf or the way the type behaves at small sizes. Show the outcome first, process afterwards, and save mood boards and early sketches for the second half where only genuinely interested visitors will find them.

Keep each project to roughly six to twelve images and make sure every one earns its place. Eight careful crops of a campaign are far more persuasive than forty screenshots.

Cut the Clutter Before You Add Anything

Clutter arrives one tasteful decision at a time: a custom font here, a parallax effect there, a newsletter pop-up. Individually each seems harmless. Together they make the work harder to see, which is the opposite of the point.

Worth removing by default:

• Intro animations that delay the first piece of work by more than a second.
• Autoplaying video or audio — always a mistake.
• More than two typefaces. One well-chosen family is usually enough.
• Pop-ups asking for an email before anyone has seen a single project.
• Uncompressed images. Large files are the commonest reason a beautiful portfolio feels slow.

Test the site on a mid-range phone over mobile data, not just your laptop on broadband. Most visitors arrive from a social link, so that's the experience that matters most.

Make the Next Step Obvious

Every page should make it easy to get in touch without hunting. Put your email in plain text in the footer and add a short availability line — "Taking on new projects from March" is friendlier and more useful than a vague "Get in touch".

Add a contact form asking for the essentials: name, organisation, project type, rough budget range and timeline. It saves a round of emails and filters out enquiries that were never going anywhere. If you have a preferred way of working, say so plainly — "I usually start with a paid discovery call" sets expectations kindly.

Finally, review the whole thing once a quarter. Remove projects you've outgrown, update your availability, check that every link still works. A small, tidy, current portfolio beats a sprawling one every time.