How to Design a Cohesive Portfolio Website in One Weekend

A portfolio site doesn't need a year of tinkering. It needs a decision, a dozen good pieces, and captions that tell a stranger what they're looking at. Two focused days is enough to get something live — one day to choose and write, one day to build and test. What follows is the schedule worth handing to anyone with a crowded folder of work and a free weekend.

Friday Night: Decide Who It's For

Give this thirty minutes, not three hours. Write one sentence: who should land here, and what should they do next? Something like "I want art directors at small branding studios to email me about identity work" is a sentence you can build from. "Showcase my creativity" is not. Pin the sentence somewhere visible and measure every choice this weekend against it — which pieces go in, how much text sits beside them, how large the images run.

If you're unsure, pick the audience you already have some traction with. A site aimed at everyone reads as aimed at no one.

Saturday Morning: Cut the Work Down

The hard part isn't uploading. It's leaving things out. Most portfolios fail because they include everything a person has ever made, which forces a visitor to guess which pieces matter.

Run each candidate through the same filter:

• Does it show the kind of work you want more of?
• Can you explain your role in two sentences without hedging?
• Is it visually distinct from the pieces sitting next to it?
• Would you defend it if someone asked about it in an interview?
• Is it finished enough to stand alone, or does it need a paragraph of apology?

Aim for eight to twelve pieces. If you're early in your career, five or six thorough projects beat twenty fragments every time. Order them by type or by a deliberate sequence rather than by date, and put a strong piece first and a strong piece last — those are the two a visitor remembers.

Saturday Afternoon: Write Captions That Do the Heavy Lifting

People look at images before they read, so the caption's job is to answer the question the image raises. Four ingredients are usually enough: the context, your role, the constraint, and what came of it.

Here's the shape of it. "Rebrand for a neighbourhood bakery moving into its second location. I designed the wordmark, packaging, and signage system. The constraint was one-colour printing, so everything had to read in a single ink. The owner now sells the same bag design in three sizes." That's around sixty words, and it tells a stranger more than a page of adjectives would.

Caption habits worth keeping

Write in the first person: "I designed," "we built," "I photographed." Passive constructions like "was tasked with" drain the credit out of your own work. If a project was collaborative, name the team and then name your part precisely — that reads as confident, not modest. Keep captions between forty and ninety words. Anything longer belongs on a case-study page; anything shorter usually leaves out the role.

While you're in writing mode, draft the About page too. Three short paragraphs: what you make, how you work, and what you're looking for. Add a real portrait — not a cropped group photo, not a decade-old headshot.

Saturday Evening: Set a Small Visual System

Cohesion comes from repetition, not from decoration. Choose a handful of rules and follow them without exception.

Type, spacing, and colour

One typeface in two or three sizes will carry a portfolio site comfortably. If you use a second face, give it one job — captions, or headings — and never let it drift. Pick a background colour, a text colour, and at most one accent. Set generous space between sections; when in doubt, add more.

Image rules

Decide on two aspect ratios and stick to them: one wide for hero shots, one square or portrait for grid thumbnails. Keep the treatment consistent — same crop logic, same amount of surrounding white space, same level of retouching across the whole set. Mixed treatments are the single most common reason a portfolio looks assembled rather than designed.

Sunday Morning: Lay Out the Pages

Four pages is plenty: Home, Work, About, Contact. Keep the navigation to those four items and don't rename them creatively; visitors shouldn't have to decode your menu.

The home page needs a one-line introduction, four to six thumbnails, and an email address visible without scrolling far. Each project page gets a title, one hero image, its caption, then three to six supporting images with brief notes. Group the images so the page tells a small story rather than presenting a dump of files. The contact page should show a plain email address alongside any form, because forms break and inboxes don't.

Sunday Afternoon: Test, Trim, and Publish

Before you call it done, work through this once, slowly:

1. Open every page on your phone. Tap the menu. Check that nothing overflows or hides behind a sticky header.
2. Click every link, including the email address, and send yourself a test message through the contact form.
3. Read each caption out loud. Anything you stumble over gets rewritten.
4. Compress your images so pages load quickly on a weak connection.
5. Add alt text to images that carry meaning, and mark decorative ones as such.
6. Spell-check names of clients, collaborators, and studios. Getting those wrong undoes a lot of goodwill.
7. Ask one person to find a specific project in under thirty seconds, without your help.

Ship It, Then Let It Breathe

Publish on Sunday evening, even if the About page feels slightly unfinished. A live portfolio you can improve beats a private one you keep polishing. Put anything you cut into a "maybe" folder rather than deleting it — some of it will earn its place in six months.

Then leave it alone for a while. Set a reminder to revisit it once a quarter: swap in newer work, retire the weakest piece, check that the contact details still work, and reread your one-sentence audience statement to see whether it's still true. Skip the blog unless you genuinely want to write one; an empty journal page does more harm than no journal page at all. The site's job is simple — show the work clearly, explain your part in it, and make it easy to get in touch.

Photo: Shoper .pl / Pexels