Testimonial section design: real names, specific outcomes, no invented quotes
A testimonial works when a reader believes a real person said it. That depends far more on what the quote says and who it's from than on how it's laid out. Specific outcomes, real names used with permission, and nothing invented: get those right and almost any layout will do.
Why most testimonials don't persuade
Visitors have seen so many interchangeable quotes (“Amazing service, highly recommend!” from “Sarah K.”) that they skim past them. Vague praise, initials instead of names, stock headshots and suspiciously perfect wording all signal that the quote could have been written by anyone, including the business itself. A quote that names a detail only a real customer would know is worth ten of them.
What makes a quote credible
- A specific outcome
- “Four sessions and I was running again” or “Our enquiries doubled after the new menu went up” beats “Great experience”.
- A real name and context
- Full name, or first name plus something that places them: “Elif, member since 2022”, “Owner, Harbour Street Deli”. Only with their permission.
- Their words, lightly edited
- Correct a typo, cut a sentence, but don't polish a quote into marketing copy. A slightly awkward real sentence reads as true.
- A source where possible
- A link to the original review on a public platform lets sceptical visitors check.
- A real photo, or none
- A customer's own photo helps. A stock headshot beside a quote hurts more than no photo.
Consent and the rules on fake reviews
Ask before you quote anyone by name, keep a record of their agreement, and remove a quote if they ask. Inventing or paying for reviews isn't only bad practice: in the United States the FTC's rule on consumer reviews and testimonials prohibits fake reviews, and in the UK the Digital Markets, Competition and Consumers Act 2024 added fake reviews to the list of banned commercial practices. Check the rules where you trade, especially if you offer anything in exchange for a review.
How to display testimonials
- One strong quote, set large. A single quote at 26px to 40px, in a narrow column with the name underneath, often does more than a grid of six small ones.
- A short list of three to six. For variety of customers, a simple column or two-column grid with the quote, name and context. Avoid making them all the same length; real quotes aren't.
- Place them next to the decision. A quote about speed belongs near the booking button; one about quality near the product. A testimonial section design at the very bottom of the page works less hard.
- Avoid carousels. Auto-rotating quotes move while people read, hide most of the content and need careful handling for keyboard and screen reader users. If you must, never auto-advance.
- Use real quotation markup. A
blockquotewith the quote and afigcaptionorcitefor the person, inside afigure, keeps the attribution tied to the words.
Star ratings and review scores
An average rating only means something with the count and the source beside it, such as an average from a named public platform with the number of reviews. Don't show a rating you've calculated from hand-picked quotes. If you show stars, give them a text equivalent (“4.8 out of 5 from 212 Google reviews”) so screen readers announce the figure, not five images.
What to show when you have none yet
New businesses don't need to fake social proof. Leave the reviews section out and use other evidence instead: photos of real work, a named founder with a sentence on their background, qualifications or memberships, a clear guarantee or cancellation policy, and specific facts about how you work. Then start collecting: ask your first customers for a sentence, and see the guide to collecting testimonials for how to ask without leading.
Reviews in Anticode
Reviews are one of the must-have sections you can ask Anticode for, laid out by the design engine in the type and colours of your design system with the quote set large and the attribution beneath. The content has to come from you. If a build fills the section with a sample quote to show the layout, treat it as a stand-in: replace it with a real review you have permission to use, or remove the section before you publish.
Questions people ask
How many testimonials should a website have?
Three to six good ones is plenty for a small business homepage. One specific, named quote beats many vague ones.
Do I need permission to use a customer review?
Ask before quoting anyone by name on your own site, even if the review is public elsewhere, and remove it if they change their mind.
Should testimonials include photos?
A real photo of the customer, or of the work done for them, helps. A stock photo makes the quote look invented, so use none rather than one.