How to Compare Web Design Portfolios Beyond Appearance
By Parker Gawryletz · Local Cochrane Web Design · Last updated: · 8 min read
Evaluate a web design portfolio by testing live websites, not screenshots: open three sites on your phone, check the message and main action in five seconds, run each through PageSpeed Insights, look for business-specific design rather than repeated templates, and verify outcomes with the client. Score every portfolio the same way.
A portfolio is a sales document. Learning how to evaluate a web design portfolio means treating it as evidence instead: opening the live sites, testing them the way a customer would, and asking what each one actually achieved.
This guide gives you seven tests plus a scoring sheet, so three portfolios can be compared fairly. If you are still gathering candidates, start with the Cochrane web design companies compared shortlist, then put every portfolio on it through the checks below.
The short answer
- Only live URLs count — screenshots hide speed, mobile problems and shortcuts.
- A strong site passes the five-second test: clear message, obvious action.
- Test speed free with PageSpeed Insights against Google's published thresholds.
- Repeated templates across clients signal decoration, not business-specific design.
- Score three portfolio sites per designer on the same sheet.
Start with live URLs, not gallery screenshots
Ask every designer for the web addresses of three live sites they built, then open them in your own browser. A screenshot can hide slow loading, broken mobile layouts, and projects abandoned after launch. If a portfolio shows images only, ask for the addresses — hesitation is itself an answer.
A live site answers questions no gallery can: does it still work, is it still maintained, and does the business still use it? Choose the three sites yourself from the designer's list rather than letting them pick their showcase piece.
Test the message and primary action in five seconds
Open each portfolio site and give it five seconds. Can you say what the business does, who it serves, and what a visitor should do next? If the answer is no, the design has failed at its main job — however attractive the page looks at first glance.
Real visitors do not study websites; they scan and decide. A portfolio full of beautiful pages with buried phone numbers and vague headlines tells you the designer optimises for other designers. You want one who optimises for a customer in a hurry.
Review the mobile experience
Test every portfolio site on your own phone, not a resized desktop window. Check that text is readable without zooming, buttons are easy to tap, the menu works, and the contact action sits within thumb reach. Judge the portfolio on the screen your customers will actually use.
A customer searching for a service from their phone in Cochrane will meet these businesses on a small screen first. Common failures to watch for: tiny tap targets, forms that fight the keyboard, menus that clip, and content that shifts while the page loads.
Check speed and layout stability
Run each portfolio site through PageSpeed Insights, Google's free testing tool. Google publishes the thresholds a healthy site should meet: LCP under 2.5 seconds, INP under 200 milliseconds, and CLS under 0.1. A designer whose live work fails all three is showing you your future website.
In plain terms, LCP measures how fast the main content loads, INP measures how quickly the page responds to taps, and CLS measures how much the layout jumps around. One slow site could be the client's hosting; three slow sites is the designer's habit. For the targets to demand in your own proposal, see the website speed requirements for a new build.
Look for business-specific design rather than repeated templates
Open three sites from the same portfolio side by side. Strong designers vary layout, structure, and emphasis to fit each business; weak ones repeat one template with new colours and a new logo. Templates are not wrong — but you should know whether you are buying design or find-and-replace.
Look past the colour scheme. Does a restaurant site behave differently from a trades site? Does each one lead with the action that business needs — bookings, quotes, calls? When every client gets the same skeleton, your business will too, whether it fits or not.
Verify measurable outcomes and case-study context
A useful case study states the client's starting point, what was built, and what changed afterward — enquiries, calls, or search visibility — with a client willing to confirm it. Pretty pictures with no context prove effort, not results. Ask the designer what each flagship project achieved.
Be cautious with precise-sounding numbers no client will confirm. A short call to the business behind a portfolio piece settles two things at once: whether this designer really built the site, and whether the client would hire them again. The deeper process is in verify a web designer's reviews and case studies.
Check accessibility and trust details
On each portfolio site, look for readable contrast, labelled forms, keyboard-friendly navigation, and visible business details. WCAG 2.2 Level AA is the W3C's published accessibility reference, and a designer who builds to it by habit is showing a level of craft that screenshots never reveal.
- ☐ Text is readable against its background, including over photos
- ☐ Forms have visible labels, and errors explain themselves in plain language
- ☐ The site can be navigated with a keyboard alone
- ☐ Business name, contact details and a privacy page are easy to find
Score three portfolio sites consistently
Pick three live sites from each portfolio and score them against the same seven steps, one point per pass. Compare totals only across identical tests. The designer whose average site passes the most checks — not the one with the flashiest single project — is the safer hire.
- Collect live URLs — three real addresses per designer, opened in your own browser.
- Run the five-second test — message, audience and next action must be obvious.
- Test on your phone — readable text, tappable buttons, a working menu, a reachable contact action.
- Check speed with PageSpeed Insights — LCP under 2.5s, INP under 200ms, CLS under 0.1.
- Compare the three sites for repeated templates versus business-specific design.
- Ask what each project achieved — and whether the client will confirm it.
- Scan accessibility and trust — contrast, labelled forms, visible business details.
| Score | What it means | What to do next |
|---|---|---|
| 6–7 passes | The portfolio holds up under real testing | Shortlist and request a detailed written proposal |
| 4–5 passes | Strong looks, weak fundamentals | Ask direct questions about the failed checks |
| 0–3 passes | The portfolio is marketing, not evidence | Keep looking |
Take the winners into the full how to choose a Cochrane web designer worksheet, which adds scope, ownership, and support checks. And if you want a build judged by these same tests from day one, that is the standard behind our conversion-focused custom web design.
Frequently asked questions
What makes a good web design portfolio?
A good portfolio links to live websites, shows varied designs shaped by each business, includes case studies with context and outcomes, and holds up under testing — fast loading, clear messaging, and a solid mobile experience. Volume matters less than whether the work survives being opened on your own phone.
Should I test portfolio sites on mobile?
Yes, and on a real phone rather than a resized desktop window. A resized window hides the problems that matter: unreadable text, buttons too small to tap, broken menus, and content that jumps while loading. Many of your customers will meet your future website on a phone, so judge the portfolio there.
How many live sites should I check?
Three per designer is a practical standard. One site can be a lucky outlier and two can still mislead, while three reveals patterns: repeated templates, consistent speed problems, or genuine range. Choose the three yourself from the designer's client list rather than letting them pick their best piece.
What metrics should a case study show?
A useful case study states the starting point, the work delivered, and a measurable change afterward — enquiry volume, call volume, speed scores, or search visibility direction. It should name the client where possible so you can verify. Treat precise-sounding numbers that no client will confirm with caution.
Can a small portfolio still be credible?
Yes. A newer designer with three excellent live builds, verifiable clients, and a transparent process can be a better hire than an agency with fifty stale screenshots. Judge the quality and testability of the work, not the count. A small portfolio deserves the same seven checks — no more, no fewer.
How do I verify a designer built the site?
Ask the client directly. A short call or email to the business — did this designer build your website, and how was the process — settles it. You can also ask the designer to walk you through decisions on the project; genuine authors explain their trade-offs easily, while resellers cannot.
Sources
Browse live client builds — every project on our work page links to a live website you can open, test, and score with this exact checklist.