A portfolio website has one job: help a stranger decide, within a minute, whether to get in touch with you. Animations, clever menus and a perfect logo are supporting actors. After building sites for several studios and reviewing many more, I keep seeing the same handful of qualities separate portfolios that bring in work from ones that only look nice.
Lead with your strongest work
Visitors judge you by the weakest piece they see. Show three to six projects you are proud of rather than everything you have ever made. Put the best one first and give it room to breathe.
If you have ten years of work, choose the pieces that match the clients you want next, not the ones you happened to do last. A portfolio is a pitch for the future, not an archive of the past.
A simple test: show your shortlist to a friend who does not work in design and ask which project they would click first, and why. Their instinct usually reveals which piece is doing the heavy lifting, and which one you are keeping out of sentimental attachment.
Say who you are in five seconds
Your opening screen should answer three questions without any scrolling: who are you, what do you do and for whom, and what should I do next? A headline such as “Brand designer for small food businesses” beats a vague “Creative thinker” every time.
Add one clear action, usually “View work” or “Contact me”. Two competing buttons are fine. Five are a menu.
Explain the thinking, not just the pictures
Screenshots show what you made. Case studies show how you think, and that is what clients pay for. For each project, cover these four things in this order:
- The problem the client faced, in plain language.
- Your role and what you personally did.
- The approach, including the options you rejected and why.
- The result, even if it is small or qualitative.
The case study for Ledgerly follows exactly this order. Be honest about numbers. If a figure is an estimate or a sample, say so, because trust is the whole point.
Make it fast and comfortable on a phone
Most first visits happen on a phone, and a slow, heavy portfolio loses people before they see a single project. Compress images, use modern formats, avoid autoplaying video with sound, and test on a mid-range device over mobile data.
Readable type, generous tap targets and good contrast are not extras. They are part of looking professional. If your body text is smaller than 16 pixels or pale grey on white, people will quietly leave.
Speed is also about structure. Load the top of the page first, delay anything below the fold, and avoid heavy scripts that exist only for decoration. A portfolio that feels instant says something about your care before a visitor reads a word.
Make contacting you effortless
I have seen portfolios that bury the email address three clicks deep. Put contact details in the header and the footer, add a short form that asks only for what you need, and say how quickly you reply.
Offer more than one route. Some people prefer a form, some prefer email and some want a quick chat, which is why the contact page here also offers WhatsApp and a call booking.
Add proof from real people
A short testimonial with a name, role and company builds trust faster than any adjective you write about yourself. If you are starting out, ask friendly clients for one honest sentence each. Never invent reviews. On this demo site they are clearly labelled as sample content.
A quick checklist
- A headline that says what you do and who you do it for.
- Three to six strong projects, best first.
- At least one proper case study.
- A short, human About section with a photo.
- Contact details visible on every page.
- Pages that load in under three seconds on mobile data.
- Descriptive alt text on every image.
- No broken links and no unfinished sections.
Keep it alive
A portfolio is never finished. Set a reminder every three months to swap in newer work, retire the weakest piece and re-read your own copy. If you want a second pair of eyes on your site, my work and about pages show one way to structure it, and you are welcome to ask for help. Dates matter too: visible years on your projects tell visitors your practice is current, while a site that stops in 2021 raises doubts.
