Testimonials beyond the card carousel
Somewhere around 2019 the testimonial died. Not the practice of collecting good words from clients — that still matters — but its presentation. A grey card, a round avatar cropped from a headshot, five stars, an auto-advancing carousel that nobody sits through. The testimonial became the design equivalent of a participation trophy: present, inert, vaguely embarrassing.
This is a shame, because a client quote is one of the few genuinely persuasive things a studio can publish. A case study is you describing your own work. A testimonial is someone else doing it. Handled with craft, it's evidence. Handled as carousel filler, it's decoration — and sophisticated buyers can smell decoration.
Here is how we think about presenting client quotes: as editorial material, not ad copy.
Start with the quote itself, not the container
The most common failure is designing the card before obtaining the words. A 28-word quote and a 180-word quote cannot share a component happily; one rattles around, the other overflows. So the first job is editorial: collect quotes with enough range that the design has material to work with.
When we run project debriefs with clients, we ask for three things separately:
- The verdict — one sentence, usable verbatim. "Brassfern rebuilt our storefront in nine weeks and checkout conversion rose by a third." Short, specific, quotable.
- The texture — a paragraph about what working together felt like. The weekly demos, the argument about the checkout buttons, the Friday the thing shipped.
- The number — a metric they will put their name to, with permission to attribute.
Three different artefacts, three different design treatments. The verdict wants large display type. The texture wants prose. The number wants a figure-and-caption treatment, the way a good annual report presents statistics. One card component cannot serve all three, which is why the carousel feels dead: it serves none of them.
Pull quote versus testimonial: stop confusing them
A pull quote is an editorial device — the publication quoting itself to give a page rhythm and a scanning reader a foothold. A testimonial is evidence — an external voice vouching for you. They look similar, which is why they're constantly muddled, but they obey different rules:
- A pull quote may be edited, trimmed and tightened by the editor. It needs no attribution beyond the article it lives in.
- A testimonial must be verbatim, attributed, and placed where a sceptical reader can follow it to the source.
If you treat testimonials like pull quotes — trimmed to fit a card, stripped of attribution, scattered for rhythm — you destroy the very thing that makes them worth publishing: provenance. If you treat pull quotes like testimonials — full names and job titles on every decorative quote — your pages read like a deposition. Decide which device you're using, per quote, per slot.
Typography: set the words like they matter
A great quote deserves display treatment. The grey card with 16px body text says "we had laws requiring us to include this." A verdict set in a display face at two or three times body size says "we think this sentence is the most valuable thing on the page."
A few rules we hold:
- Hanging punctuation. An opening quote mark that sits outside the text block is the single cheapest way to make a quote look considered.
- No straight quotes. Ever. Curly opening and closing marks, or guillemets for brands with that sensibility. If your CMS is outputting
"you have work to do. - Restraint in weight. A quote is already loud by virtue of size. Resist bold; a book or regular weight at display size reads as confidence, not shouting.
- Line-length discipline. Quotes wrapped across a full 1440px hero look like committee output. Forty-five to sixty characters per line keeps the voice human.
On our own pages, the verdict quote is the largest type on the case-study page after the H1. That's a deliberate editorial hierarchy: what the client says about the work outranks almost everything we say about it ourselves.
Attribution is the trust mechanism
An attribution block is not compliance furniture — it's the load-bearing part of the component. A quote without a name, role and organisation is an anonymous Yelp review. The audience for a studio site — founders, heads of product, marketing leads — earns their living discounting anonymous claims.
Attribution earns trust in layers:
- Name and role — the minimum viable unit. "Priya Nair, Head of Growth" reads as a person; "a happy client" reads as an invention.
- Organisation — named, not "a leading fintech". If a client can't be named, say so plainly ("a regulated payments company, quoted with permission") rather than inventing a cipher. Readers respect the honesty and suspicion never gets a foothold.
- Proximity to evidence — the quote sitting inside the case study it refers to, surrounded by the work itself, beats the same words on a standalone "testimonials" page that links nowhere.
This last point matters more than teams expect. We have never seen heat-mapped evidence of anyone reading a testimonials wall end to end. We have watched session recordings where a reader hits a quote inside a case study, pauses, and scrolls back up to re-read the project. Context is the credibility.
Deep-link quotes to the work
Every testimonial on a studio site should be a door, not a dead end. If Hearthbrew Coffee's founder says the subscription rebuild changed their business, the words should link to the case study that shows the rebuild — and the case study should show the quote in situ. This does three jobs at once:
- It proves the quote wasn't harvested out of context.
- It converts admiration into page depth — the reader moves from social proof to evidence in one tap.
- It distributes link equity sensibly: money pages (case studies, service pages) receive the internal links that testimonials pages tend to hoard.
Implementation detail worth stealing: give each quote a stable anchor and link the quote's own permalink into the case study. When a deck, a proposal or a founder's email wants to reference the endorsement, it can link to the exact sentence. Quotes that can be pointed at get quoted again. That's the flywheel.
Motion: earn nothing, lose nothing
Carousels persist because motion feels like richness. It isn't; it's usually a timer stealing the reader's place. Our default is no motion at all — a testimonial wall as a staggered editorial index, each quote oversized and at rest. When motion does appear, it obeys the same rule we apply everywhere else: under 200ms, transform-only, and disabled under prefers-reduced-motion.
If a client insists on a marquee, compromise with a hover-pause and a keyboard-focusable scroller — but test it honestly. In our experience, auto-advancing social proof loses to resting social proof on every dwell-time metric we've run.
Metrics in testimonials: label the honesty
Numbers inside testimonials are dynamite. "Checkout conversion rose 34%" is the strongest sentence a services site can publish — and the fastest way to bankrupt trust if it's mushy. Our rules:
- Time-boxed and scoped. "In the quarter after launch" is honest. "Increased conversions" is confession-shaped.
- Attributable to the person quoted, not laundered through "results may vary" boilerplate.
- Illustrative when they must be. Concept work and portfolio pieces sometimes need numbers to show how outcomes would be framed. Label them — "illustrative outcome" in the caption, next to the figure, not in footnote grey at 9px. Sophisticated buyers forgive fiction clearly framed as fiction. They never forgive fiction dressed as data.
That last rule is a special case of a broader principle covered in social proof design without the cringe: the reader's trust budget is finite, and every dishonest signal spends it on behalf of every honest one.
Where testimonials live
A practical zoning map for a studio site:
- Inside case studies — the primary home, verdict quote at high type size near the outcomes section.
- Service pages — one quote per page, chosen for service fit. A brand page gets the rebrand quote; the engineering reader wants the "they shipped on the date they promised" quote.
- Home — a single editorial index of three to five verdicts, static, oversized, linked.
- Proposals and decks — pull the same quotes from the same source so the story is consistent wherever it's told.
What you don't need: a dedicated testimonials page that aggregates them all. Nobody's journey is "I was convinced by page four of endorsements." Social proof persuades at the moment of adjacent doubt — inside the case study, beside the pricing, next to the contact form.
Key takeaways
- Collect quotes in three grades — verdict, texture, number — because each wants a different design treatment.
- Pull quotes are rhythm; testimonials are evidence. Don't apply the rules of one to the other.
- Set verdicts at display size with hanging punctuation and typographic quotes; the type is the trust signal.
- Attribution (name, role, organisation) is the mechanism, not the furniture — and a quote earns most beside the work it describes.
- Deep-link every quote to its case study, with a stable anchor, so endorsements become doors.
- Label illustrative metrics as illustrative. Trust spent on one dishonest number taxes every honest one.
FAQ
How many testimonials should a studio show on the home page?
Fewer than you have, chosen better. Three to five verdict quotes, each linking to its case study, outperform a wall of fifteen cards. The wall signals volume; the edited index signals judgment — and visitors to a studio site are buying judgment.
What if a client won't be named?
Say so on the page: "a regulated payments company, quoted with permission." Constrained attribution presented plainly reads as professional discretion; vague praise with no framing reads as invented. You can also pair the anonymous quote with public artefacts — the launched work, the measurable outcome — so the reader has something concrete to hold.
Do star ratings ever belong on a services site?
Rarely. Stars are shorthand for consumer volume — thousands of hotel reviews averaging to 4.6. A studio has eight clients a year; the honest shorthand is the specific sentence, not the aggregate. If you sell a product with real review volume, stars can work — but pull them from a real system with real counts, or don't show them.
Should we tool testimonials into a CMS or hard-code the good ones?
CMS, always — but with structured fields (verdict, attribution, case-study link, permission status) rather than a rich-text blob. Structure is what lets the same quote render at display size on a case study, in a card on the home page, and as plain text in a proposal deck, all from one source.
How do we get better quotes from clients?
Ask at the moment of demonstrated delight — right after a launch beats quarterly review season — and ask narrower questions. "What surprised you about the process?" yields usable sentences. "Can you write us a testimonial?" yields adjectives. And always offer to draft a version from their own debrief words for their approval; they edit down, and you both ship faster.
Social proof design without the cringe
Logo soup and 'trusted by 10,000 teams' burn the credibility they mean to build. Proof that persuades is specific, placed next to the claim, and defensible.
Design the footer like someone reads it — because someone does
Beyond the sitemap taxonomy: the footer design review as its own ritual — contact confidence, newsletter fields, legal rows and the details that signal craft.
One system, many sites: multi-property brand design
Running several web properties off one brand system without blurring them: shared tokens, house vs. property layers, cross-site navigation and honest governance.