Case Studies Carousel
Build credibility with client testimonials
Demo - Heading that motivates users to scroll
You can add a line to elaborate on the heading or add extra context.
Each carousel card can hold up to 600 characters (about 95 words).
Case study teaser copy should be short and punchy. Summarise the client's story in an engaging way, so users want to know more.
Keep testimonials brief for maximum impact.
The Rich Text Editor isn't available here, which is another reason why less is more when it comes to word count. But make sure you use paragraphing to break up the copy.
Be specific. Name who said it, or the client that's the focus, to demonstrate credibility.
[Case study title]
If you're introducing a published case study here, add a brief synopsis that acts as teaser copy.
Set the scene and outline the client's journey. Who is the central character, and what real-world challenges did they face (and solve)?
Use a compelling narrative hook. Get them invested and intrigued to read on, including enough detail, e.g. common pain points, without telling the whole story.
[Read more]
Keep standalone client testimonials short and impactful.
Blocks of copy are harder to scan and digest. So only pick strong statements or phrases that stand out.
These should sound believable, as if said in person.
Overview
Build credibility with client testimonials
The Case Studies Carousel shows client success stories as scrollable cards. Building trust through social proof, this component can help boost conversions.
You can use it to highlight client case studies or showcase testimonials. Each carousel card supports an image and a text box.
How to use it
Step 1: Write the heading
The heading should motivate users to engage with the carousel. For readability, the title should be no longer than a single line. Use a maximum of seven words (or 40 characters).
Optional step: Add a subheading
You can add a subheading to add context to (or expand on) your heading, if needed. But make it punchy and a maximum of ten words (50 characters).
Step 2: Create a new content block
Select ‘add new content block’ to start your client testimonial or case study teaser.
Content blocks are reusable wherever the Case Studies Carousel appears. Give yours a searchable name so you can find it in the future. For example:
- Howden UK audio interface case study
Optional step: Attach an article
Use the ‘article’ dropdown to select the published case study.
The title of the article will be pulled directly from the article. So make sure it’s how you want it to appear on the page.
Step 3: Add an image
Each card supports an image. You can use a client photo or a company logo if you have permission, or an image suited to the subject matter that works with the rest of the page and other images in the carousel.
Images can often look stretched in this component. To avoid this, start with a high-quality file, and follow these recommended image requirements:
| Format | Dimensions |
|---|---|
| JPG | 700px x 760px |
For more information about uploading images to the CMS, see the ‘Image Guidelines’ advice.
Step 4: Add your text
Use the text box to add your client testimonial or case study teaser.
Make sure the text doesn’t run longer than the image. That gives you a maximum of 600 characters (about 95 words).
If it is a client testimonial, stick to a maximum of 30 words (about 190 characters). This means you need to cherry-pick only the most interesting, impactful parts of testimonials. These may convey key messages, such as efficient claims or supportive service, but they should always sound authentic and human, as spoken by the client.
Step 5: Add the company name
Say who the case study is about or who the testimonial comes from. Being specific shows they are genuine and real. If quoting an individual (and have permission to do this) you can add their:
- Full name
- Job title
- Company name
Recommended image specifications
| Format | Orientation | Dimensions | File size |
| JPG | Portrait | Width: 700px Height: 760px | <100kb |
For more information on how to use images in the CMS go to the Image Basics page.
Do's and don'ts
Do
Make each case study a similar length
Using a similar number of words for each card creates a balanced appearance.
Put your most impactful case study or testimonial first
The first card is always on screen, so it should provide the most value.
Don't
Don’t write a big wall of text
Use short paragraphs and keep testimonials to a maximum of 30 words.
Don't use images that look stretched
Stretched and out-of-proportion images look unprofessional and create a poor user experience. Follow the specifications above and check before publishing.