Web Design Trends: Testimonials Design

November 15th, 2009

Testimonials from happy clients are an important part of any service business’s website, lending trustworthiness and experience to a business. Showing those testimonials in their best light is important, as you want visitors to see them without allowing them to dominate your site’s design.

One great way to figure out how to design the testimonials on your own projects is to look at how others are doing it. There are five predominant trends in testimonial design: speech bubbles, quotation marks, images or icons, minimalism, and video. Read on for information about and examples of each, and some bonus best practices at the end.

1. Speech Bubbles

Speech bubbles create an informal, friendly atmosphere in website design. Some sites use them to surround the entire testimonial, while others might use them around an image or as an icon. In any case, they immediately set apart the text or image inside, and make it recognizable as a quote from someone.


Media Temple


base6 Design

Lifetree Creative


2. Quotation Marks

Quotation marks are another way to indicate that nearby text is something someone said, and are a bit more formal than speech bubbles. They’re more appropriate for corporate sites when done in a traditional font, though using funkier fonts can make them look informal and fresh.


352 Media

FreeAgent Central

Merix Studio

Spyre Studios

Deluge Studios


District Solutions

Perfect Web Creations

3. Images, Icons, or Other Graphic Elements

Displaying an image next to each testimonial is a popular trend in testimonial design. The image could be a photo of the person who gave the feedback, the logo of the company the work was completed for, or an icon or other graphic element that sets the text apart from that around it.


Paint Your Life

45royale Inc.

Mike Precious


Cute Little Factory

Adrian Restantia


Simple Flame

OH! Media



4. Minimalist

A lot of sites display their testimonials using a minimalist style, usually with plain text, often italic, set near other text blocks of similar shape and size. This is the most subtle method of displaying testimonials, and works best on a site that has a minimalist design, otherwise the testimonials can get lost on the page.



280 Slides

Campaign Monitor


Momentum 18

In House

5. Video

Video testimonials are a fairly new trend, and make a lot of sense for sites catering to tech-savvy clients. Video testimonials add another layer of trust that straight text doesn’t have; people will naturally trust hearing and seeing someone vouch for a product or service — rather than just reading about it. After all, as far as the visitor is concerned, your testimonials could be fabricated. Video is a lot harder to fake.






5 Best Practices in Testimonial Design

Integrating testimonials in your website design follows the same rules as integrating virtually any other text- or image-based content. But there are additional things to remember when adding a testimonial section to a website.

Adhere to the rules of good typography.
There are plenty of articles that offer tips for improving the typography in your website designs. Pay attention to them as you would for any other element on your site.

Make your testimonials stand out.
Don’t just put a couple testimonials on your about page or in your footer; do something to make them stand out and grab people’s attention without cluttering your design. You want your potential customers to see what your happy customers are saying. You can accomplish this through color, icons, or through prominent placement on your pages.

Correct grammar and spelling.
Although you wouldn’t make content changes, it’s perfectly acceptable to correct any grammar or spelling errors in testimonials given to you by your clients. This will ensure the testimonials look and sound professional.

You don’t have to use the entire testimonial.
Nothing says you have to quote an entire testimonial on your site. While being careful not to alter the overall impression the testimonial gives, it’s often preferable to shorten a lengthy message. The proper way to do this is by only quoting one or two lines, in context, that show your business in its strongest light.

Always ask for permission to use a testimonial.
In many locations around the world, you’ll legally need permission to use a testimonial from a client. Even if you don’t need it legally, it’s the polite thing to do. Most satisfied customers will be happy (and even honored) to let you use what they’ve said about your company to promote yourself. And especially ask permission if you want to use a photo or the logo of a client, or if you want to include their name and company along with the quote. After all, you want to keep your happy customers happy!

Further Resources

Showcase of Testimonials in Web Design
A gallery of great testimonial design from Vandelay Design Blog.


Tags: ,

71 comments for „Web Design Trends: Testimonials Design
  1. Mathew Carpenter on November 15th, 2009 at 6:30 pm

    Some awesome designs listed. Great source of inspiration.

  2. Jordan on November 15th, 2009 at 9:53 pm

    Nice examples of testimonial design. I find speech bubbles work well in addition to a photograph of the individual giving the testimonial. Of course, one should use caution when using stock photography and not choose a photo that’s widely downloaded and seen everywhere.

  3. Waheed Akhtar on November 15th, 2009 at 10:26 pm

    Very nice examples. Its always good to have video testimonials.

  4. Gerhard Jansen on November 16th, 2009 at 1:14 am

    This is a great inspriration on how to style testimonials. The best imho is the first one, the combination of the speech bubble and an image.

  5. Logo Bliss on November 16th, 2009 at 1:16 am

    Some great examples.

  6. Dusan on November 16th, 2009 at 2:42 am

    Nice article about often neglected part of the web page design. Btw, that Fiona Merveille is super cute!

    • Lee on August 1st, 2011 at 10:59 am

      Excellent article, which I have appreciated and referred to time and again for inspiration in my own testimonials design. However, I wish guys like this Dusan would stop ruining business comment threads all over the internet with inappropriate remarks about females on the page. You guys should delete his comment – and mine as well! LOL – but seriously. (Or at least part of them, as you suggest in your tips).

  7. Mirko on November 16th, 2009 at 3:55 am

    I find that the use of videos for testimonials adds a lot, I’ll consider it in the future.

  8. designfollow on November 16th, 2009 at 4:38 am

    very useful


  9. Mark Garwell on November 16th, 2009 at 5:25 am

    It’s amazing how a picture can make a testimonial so much more powerful.
    Thanks for taking the time to create an excellent resource.

  10. digital design on November 16th, 2009 at 6:58 am

    I think it is best to make more of a feature of quotes so that people can see and visualise them. People sometimes look for them and purposefully search in google for them so it makes sense to have them easily seen.

  11. Chris on November 16th, 2009 at 7:10 am

    Found some great examples in the post. Thanks for that!

  12. Amy on November 16th, 2009 at 7:21 am

    Do people actually read Testimonial pages? As a user, I never do because I expect the company to post only good things about themselves.

    • Wiz on November 16th, 2009 at 8:49 am

      While I actually agree with you about never reading testimonials myself, it’s important to understand not all companies use false testimonials to promote their products/services. Some users actually do want to read what “other” people had said about the product/service…

      The best response would be what reason would you have for not including testimonials other than not wanting to spend the time to create the page/design for them?

    • Lucian on November 16th, 2009 at 5:21 pm

      You don’t have to create a testimonials page. You can integrate those throughout the other pages, especially on the home page.

  13. Catherine Azzarello on November 16th, 2009 at 7:29 am

    Nice roundup with good variety. Thanks for the testimonial research.

  14. Federico on November 16th, 2009 at 8:33 am

    electricurrent stands out imho

  15. Eric Putkonen on November 16th, 2009 at 8:47 am

    Great article! Testimonials are such a powerful thing.

    My focus is video testimonials…as producing them is a part of how I make a living. In video, it is important not to make a “cheerleader” kind of video – just saying your company is great or the best thing they have seen since sliced bread. “Case studies” work much better. How they found you, why they were looking and needed you, what was done, what was the result, etc.

    People love to hear stories…and the video should covey a story – your clients story about how you helped them.

  16. Edison rao on November 16th, 2009 at 11:12 pm

    Great, a very cool navigation

  17. Michael Lajlev on November 17th, 2009 at 1:35 am

    Great examples on stylish testimonials.

  18. Webanddesigners on November 17th, 2009 at 4:49 pm

    Good inspiration for testimonial layout. Thanks noupe

  19. Nikhil on November 18th, 2009 at 12:21 am

    Really nice collection!
    Actually some of them are just awesome….

  20. wien on November 22nd, 2009 at 12:56 am

    nice post, there was some great examples
    very helpful, thanks

  21. Boris Nefyod on November 22nd, 2009 at 2:51 am

    Great showcase, thanx!

  22. Ajay on November 22nd, 2009 at 9:57 pm

    Great examples! Thanks.

  23. Simon on December 14th, 2009 at 6:56 am

    Good post. I think the more eye candy (within the context of usability) you have better chance of usage.

  24. Diana on December 18th, 2009 at 12:51 pm

    Nice examples…thanks a lot for this post!

  25. Guenstiges Tagesgeldkono on March 17th, 2010 at 10:17 pm

    Do not limit yourself. Many people limit themselves to what they think they can do. Keep in mind that you can gothat far as your mind lets you.

  26. Venu on May 7th, 2010 at 5:31 am

    Great Examples.Thanks a lot

  27. oil painting on May 17th, 2010 at 2:02 am

    This is a great post that we can refer back to when creating our testimonials section. Keep in mind that you can gothat far as your mind lets you.

  28. amdin on July 28th, 2010 at 5:17 am


    • jarding on July 28th, 2010 at 5:18 am


  29. prem on July 30th, 2010 at 4:59 am

    Thank You very much………..
    Nice Testimonial Design:D

  30. cathyberkheimer on August 26th, 2010 at 8:30 am

    Great examples

  31. Rathish Antony on September 20th, 2010 at 2:24 pm

    Good work!

    Thanks… :)

  32. faycal on September 22nd, 2010 at 4:46 pm

    Great article!!

    I am glad I found it, since I am having to design my own testimonial page.

  33. FAITH on October 15th, 2010 at 5:29 am

    when i came here i assumed it was going to be filled with useless information, but really it turned out to be quite useful. im impressed!

  34. Marley on October 26th, 2010 at 1:12 am

    This is a well planed and informative blog post. Just what i was looking for to start my testimonial campaign on my new site. Very thought of example,that you might see on other sight. Thanks

  35. Shared Servers on October 29th, 2010 at 10:34 pm

    Great blog. I Appreciate you for explaining it.

    Yours truly,

  36. Adam on November 5th, 2010 at 2:48 pm

    Good inspiration for testimonial layout. Thanks noupe

  37. Hardcore MILFs on November 8th, 2010 at 10:02 pm

    I enjoy reading the content. I completely loved each and every little bit of this. I have you saved your weblog to check out the latest information in the future.

  38. charlotte liposuction on November 28th, 2010 at 9:28 pm

    Just discovered this site thru Google, what a way to brighten up my day!

  39. Trent Haus on December 21st, 2010 at 8:03 pm

    Thanks for the mention! Appreciate that you included us in your list.


  40. DWI Lawyer Minneapolis on December 23rd, 2010 at 10:54 pm

    I love the theme of your blog. Did you get a blog theme creator to make this design and layout for you? It’s perfect for this type of site.

  41. Mark Gregory on January 27th, 2011 at 9:54 pm

    Of all the sites I have researched this is exceptional! I had not much idea of how to show the testimonials on my equity release website as my web designer was going to just put some columns in :-( however this site has given me all kins of ideas….& decisions to make lol

  42. Graeme Leighfield on February 18th, 2011 at 2:28 pm

    Some great ideas here, excellence source of inspiration!

  43. Yvonne on February 27th, 2011 at 11:48 am

    Working on a client’s testimonial page right now. This is definitely good inspiration!

  44. Terry Reilly on February 28th, 2011 at 12:54 am

    Thank you,some great design ideas for a testimonial page, just what I was looking for.

  45. Bobby on March 14th, 2011 at 6:51 am

    Excellent page! Can someone provide suggestions to design a page/slide with email feedback (interactive and specific to the service provided) from clients which do not sound as testimonials?

  46. rudraksha on April 7th, 2011 at 7:02 am

    It is very useful.

  47. Lily on June 6th, 2011 at 9:48 pm

    Good inspiration! Thanks.

  48. Tamika Savage on October 8th, 2011 at 8:02 pm

    Love This!!! Very Informational~

  49. Vincent on November 30th, 2011 at 6:33 pm

    Woaw…this is very interesting.luv it!

  50. BLU:72 Creative on December 17th, 2011 at 4:54 pm

    Brilliant. Just what I was looking for while designing a testimonials page Metal Fabrication company. Thank you.

  51. Dredd on February 15th, 2012 at 9:02 pm

    Very nice examples. More ideas , thank you for this post Noupe…

  52. Katie on March 3rd, 2012 at 5:36 pm

    Excellent ideas, I am going to implement some of them for my clients testimonials pages. Thanks

  53. Matt on April 1st, 2012 at 11:16 pm

    Thanks for the tips and links – we just put one together. We think it looks nice. I believe it is always best to get some pictures on the page – makes them more real!

  54. topan on May 3rd, 2012 at 12:49 am

    It’s very cool thank you very much

  55. Oscar James on May 28th, 2012 at 3:04 pm

    Some superb examples here but I think pictures make all the difference with testimonials, they give a genuine sense of authenticity.

  56. Bryan Tuck on August 29th, 2012 at 5:45 pm

    The site testimonial page I am working on is really bland compared to your examples. This is really helpful. I was actually searching to see if testimonial pages should be searchable. Thx!

  57. Joe on September 12th, 2012 at 12:14 am

    These are great. Love the speech bubbles. I also liked TargetCW’s version that lets you filter the testimonials by type and industry.

    Thanks for the post

  58. topan on October 11th, 2012 at 12:57 am

    Some superb examples here but I think pictures make all the difference with testimonials, they give a genuine sense of authenticity.

  59. itkomp on October 11th, 2012 at 1:00 am

    Very nice examples. More ideas , thank you for this post Noupe

    • Sayyid on October 12th, 2012 at 10:53 am

      i like it..:D

  60. hendri on October 19th, 2012 at 2:44 pm

    You don’t have to create a testimonials page. You can integrate those throughout the other pages, especially on the home page.

  61. Ben Dean on December 2nd, 2012 at 11:55 am

    I provided a great testimonial (following this website guidelines) to our building management agent which they use on their website. In the meantime their service has been rather dreadful and my satisfaction shattered to pieces. Can I ask them to remove my testimonial from their website as it does not reflect my sentiment any longer. Many thanks. BD

  62. Patrick Coombe on December 18th, 2012 at 11:04 pm

    we are looking to redo the style of our testimonial page and are up in the air – this page REALLY helped us with some ideas…thanks!

    • Palnivelu on January 9th, 2013 at 6:28 am

      u are great

  63. Shubhendu Shukla on January 18th, 2013 at 12:11 pm

    Thanx!!! The ideas shared to display testimonials was of great help.

    Good work

  64. Hloom on April 18th, 2013 at 4:22 pm

    It’s true that a picture can make a testimonial so much more powerful. Video? Not sure. You’d have to be really interested in what one has to say about the company to watch a video testimonial. With text I have an option of scanning through to decide whether I want to read in full while video does not give me this possibility.

    Thanks for taking the time to create an excellent resource.

  65. Marc Greggs on September 6th, 2013 at 11:59 am

    Thanks for the insight.
    Yes, testimonials for me have become an important facet in my industry for the over 55’s, in providing consumer confidence in the equity release product we advise on.
    Combining this with the latest video’s on offer can present a powerful confident image we can portray.
    Question now is where do I find the best video production company? Any ideas plz?
    Many thanks in anticipation…