Your competitors' sections in Figma
Skip to content

Case Study Design Examples (388)

A case study is where a buyer goes to check that the product worked for someone like them. The index has to get them to the right story, and the story has to show what changed. Browse 388 real ones, captured live, and see what the market actually does.

What the strongest case study pages do differently

Sorting these 388 case study pages by how they score against the conversion rubric, then comparing the strongest 77 with the weakest 77, is the fastest way to see what actually separates them.

Facet share among the strongest and weakest 77 case study pages
Strongest 77Weakest 77Share of case study pages in each band, 0 to 100%

Navigation

  1. 19%100%
  2. 4%74%
  3. 4%57%
  4. 78%100%
  5. 4%22%

Other

  1. 20%85%
  2. 32%85%
  3. 48%100%
  4. 48%98%
  5. 12%53%
  6. 28%68%
  7. 68%100%
  8. 68%96%
  9. 76%100%
  10. 20%43%
  11. 60%79%

Proof

  1. 8%67%
  2. 63%100%
  3. 3%20%
  4. 12%29%

Layout

  1. 40%83%

How to structure a case study page, by the numbers

The questions a team asks when it rebuilds one, answered from the 388 here. The set splits about evenly between index pages and single stories, so each answer says which. Where the strongest 77 and the weakest 77 disagree, that gap is the answer.

How should the index be organised?

  • On the index pages, 53% give the reader a way to narrow the list
  • An industry filter on 36%, a use case filter on 24%
  • One story pulled out as a featured case study on 60%
HeadshotPro homepage
HeadshotProAIA filter bar on the case study index, which 53% of index pages carry.Visit

What goes on each card?

  • 81% put the customer's logo on the card
  • 91% link every card through to its own page, so nothing on the index is a dead end
Samsara homepage
SamsaraIoTCustomer logos on every card, on 81% of index pages.Visit

How is a single case study laid out?

Three blocks, in the same order almost every time.

  • A challenge section on 94%, a solution section on 96%, a results section on 83%
  • 96% describe how things were before the product, which is what makes the after mean anything
  • The results section is where the bands split: 98% of the strongest against 48% of the weakest
Ava homepage
AvaLead GenerationA challenge section naming the problem the customer had, on 94% of case studies.Visit

Where do the results go?

  • 51% set the headline numbers apart in a strip instead of leaving them in the prose
  • 44% tie the results to a period

Put a period on every number. It is the cheapest way to turn a figure into proof.

Bloomreach homepage
BloomreachSaaSA row of headline numbers set apart from the text, on 51% of case studies.Visit

Who tells the story?

  • A direct customer quote on 89%
  • A photo of the person quoted on 47%, the customer's logo on 68%
  • 46% say how big the customer is, so a buyer of the same size knows the story applies to them
Cleanlist AI homepage
Cleanlist AILead GenerationA photo of the person quoted, on 47% of case studies.Visit

What does the button ask for?

What the primary button asks for

  • Request a demo
    160 case study pages
  • Start a free trial
    90 case study pages
  • Contact sales
    63 case study pages
  • Sign up
    55 case study pages
  • Download
    10 case study pages

A demo is the most common ask on both the index and the single stories, with a free trial second. That fits the reader: someone who has read a case study to the end is closer to a conversation than to a signup form.

How often does the ask come back?

How many times the call to action repeats

  • Two CTAs
    191 case study pages
  • Three CTAs
    86 case study pages
  • One CTA
    85 case study pages
  • Four CTAs
    15 case study pages
  • No CTA
    7 case study pages
  • The ask comes back 2 times on the median page
  • 27% repeat it three times or more
  • 70% of single case studies link on to other stories

The last section before the footer

  • Closing CTA band
    274 case study pages
  • Resources
    68 case study pages
  • Logo wall or trust bar
    19 case study pages
  • Testimonials
    13 case study pages

The moves almost nobody makes

Each of these is on a quarter of the market or less, with the strongest page that uses it.

Numbers on the cards

24% of index pages put a result figure on the cards, so the list sells before the story does. Among the strongest it is 67%, against 8% of the weakest.

Sentry homepage
SentryDeveloper ToolsA result figure on every card, on 24% of index pages.Visit

The customer on camera

17% of single case studies embed the customer telling the story, and 24% of index pages carry at least one video case study.

Ramp homepage
RampFintechThe customer telling the story on camera, on 17% of case studies.Visit

A filter for company size

13% let the reader narrow the list by how big the customer is, which is the filter an enterprise buyer reaches for first.

Figma homepage
FigmaSaaSA company size filter, on 13% of index pages.Visit
Gabriel Amzallag

Curated by

Gabriel Amzallag , Founder, Web Anatomy

5 years CRO + SEO at Qonto (2021–2025). After advising 15+ SaaS on their websites (Payfit, Pigment…), the same patterns kept breaking, so I decided to build the source of truth on what works on the web: the intelligence layer every tool, builder, and team uses to ship sites that perform.

Go further than case study pages

See how your own case study page compares

Paste a URL and get a scored breakdown against the same best practices, with the fixes ranked by impact. Free, no signup.

FAQ

Case study page design, answered

The questions people ask before rebuilding a case study page, answered from 388 real ones.

What should a case study page include?

01

Across the 202 single case studies here, four things are close to universal: a solution section (96%), a description of how things were before (96%), a challenge section (94%), and a direct customer quote (89%). A dedicated results section is on 83%. A visitor notices those missing more than present, so the decisions that matter sit further down the list.

How many numbers should a case study show?

02

Three or fewer, on most of them. 24% of these case studies carry three metrics, 15% carry four, 13% carry one and 18% carry none at all. What separates the strongest from the weakest is not the count but the placement: 51% set the headline numbers apart in a results strip, and among the strongest fifth that rises to 90% against 15% of the weakest.

Do the results need a timeframe?

03

44% of these case studies say over what period the results happened. It is one of the widest splits in the set: 73% of the strongest fifth put a period on the numbers, against 28% of the weakest. A figure with no timeframe is much weaker proof, because the reader cannot tell whether it took a month or four years.

How should a case study index be organised?

04

53% of the 186 index pages here give the reader a way to narrow the list. An industry filter is the most common at 35%, a use case filter is on 24% and a company size filter on 12%. 60% also pull one story out as a featured case study at the top.

How many case studies should an index show?

05

Between six and fifteen, on most of them. Twelve is the most common single answer at 11% of index pages, then nine at 9%, then ten and fifteen at 6% each. Very short lists happen too: 5% show three.

How is this different from the best landing pages leaderboard?

06

This gallery is a visual browse: what case study pages look like and what they contain. The best landing pages benchmark is the graded view, where pages are scored against conversion best practices and ranked by industry. Same companies, different question.