A poorly designed testimonial page can actually hurt trust. Here's how to design one that converts.

You've collected 20+ great testimonials. Now you need a page to show them all. But dumping 20 quotes on a page without thought doesn't work - it looks like a wall of text that nobody reads.

A well-designed testimonial page guides the visitor's eye, builds trust progressively, and nudges them toward action. Here's how to design one.

Start with a Strong Headline

Don't title your page "Testimonials." That's descriptive but not persuasive.

Better options: - "Don't take our word for it" - "What our clients say" - "Wall of Love" - "Real stories from real clients" - "See why 200+ businesses trust us"

The headline sets the tone. Make it warm and confident, not corporate.

Show a Summary Stat

Before the testimonials begin, show an aggregate number:

"4.9 average rating from 87 reviews" or "Trusted by 500+ businesses" or "150 five-star testimonials."

This gives immediate credibility before anyone reads a single quote. The visitor thinks "wow, that's a lot of happy customers" before they've even scrolled.

Choose the Right Layout

Masonry grid (Wall of Love) works best for pages with 10+ testimonials of varying lengths. Cards fill the space naturally, creating an organic, abundant feel.

Grid works when testimonials are similar in length. Clean, structured, and easy to scan.

List works for fewer than 10 detailed testimonials. Each gets full attention.

Avoid carousel/slider for dedicated testimonial pages. The whole point of a testimonial page is to show volume. Hiding content behind navigation arrows defeats the purpose.

Card Design Principles

Each testimonial card should include:

Star rating. Visual and scannable. Even without reading the text, rows of 5-star ratings create a positive impression.

The quote. The actual testimonial text. Keep it readable - 15px or larger, with comfortable line height.

Author attribution. Full name, title, company. The more real the person feels, the more the review is trusted.

Photo. A face creates connection. If no photo is available, use an initial-based avatar with a colored background (much better than a generic gray silhouette).

Visual Hierarchy Within Cards

Not all parts of the card are equally important. Guide the eye:

  1. Stars - first thing noticed (color draws attention)
  2. Text - the substance
  3. Name and title - credibility signal
  4. Photo - emotional connection

Don't add unnecessary elements. No dates unless recency matters. No "verified" badges unless you have an actual verification system. No social media links - they take people away from your page.

Filtering and Categories

If you have 30+ testimonials from different types of clients, add simple filters:

  • By service type: "Design," "Development," "Marketing"
  • By client type: "Freelancer," "Agency," "Enterprise"
  • By rating: mostly useful if you deliberately show a mix

Filters let visitors find testimonials from people like them - which is significantly more persuasive than random reviews.

Include a CTA

The testimonial page should lead somewhere. After scrolling through 15 glowing reviews, the visitor is primed to take action. Give them a clear next step.

Place a CTA section after every 8-10 testimonials, and definitely at the bottom of the page:

"Convinced? Start your free trial." or "Ready to work with us? Book a call." or "Join 500+ happy customers."

Don't let the visitor reach the bottom of the page with no clear action to take.

Mobile Optimization

More than half of web traffic is mobile. Your testimonial page must work on small screens.

  • Cards should stack into a single column
  • Text should be readable without zooming
  • Star ratings should be large enough to see clearly
  • Photos should resize proportionally
  • CTAs should be thumb-friendly (minimum 44px tap target)

Test on a real phone, not just browser dev tools. The experience often differs.

What Not to Do

Don't use stock photos. If you don't have a client's real photo, use an initial avatar. A stock photo is worse than no photo.

Don't edit testimonials without permission. Fix obvious typos if the client agrees, but don't rewrite their words. Authentic language (even imperfect) is more credible than polished marketing copy.

Don't show only 5-star reviews. A few 4-star reviews add authenticity. All perfect scores look suspicious.

Don't autoplay anything. No autoplay carousels, no autoplay videos, no scrolling marquees. Let the visitor control their experience.

Don't make people scroll forever. If you have 100+ testimonials, show the best 20-30 on the page and add a "Load more" button. Nobody reads all 100 anyway.

The Easy Way

If designing a testimonial page from scratch sounds like too much work - use a tool that generates one for you. Quoted creates a Wall of Love page automatically for every project. Masonry layout, star ratings, author info, brand colors, responsive - all done. You just approve testimonials and the page builds itself.

Create your testimonial page →

Ready to try Quoted?

All features free during early access. No credit card, no limits.

Start Collecting - It's Free