Recipe · Case Study
Designing the Case Study Page
A step-by-step breakdown of how we structure high-converting case study pages — from hero layout to results cards and testimonial integration.
1. Hero Section
Lead with the client name, a one-line outcome, and key metrics (revenue lift, time saved, conversion delta). Use the gradient text treatment on the primary stat to draw the eye.
Client · Acme Corp
+340% revenue in 90 days
2. Problem / Solution Split
Two-column layout on desktop. Left column: pain points before Meridian. Right column: how the recipe solved each one. Use violet left-border accents on problem cards, pink on solution cards.
Before
Manual outreach took 12 hours per week. Reply rates stuck at 2%.
After
Automated sequences cut time to 1 hour. Reply rates hit 18%.
3. Results Grid
Three to four stat cards in a responsive grid. Each card: large number, short label, subtle border glow on hover via group.
18%
Reply Rate
3.2x
Pipeline Growth
41
Deals Closed
4. Testimonial Block
Pull quote from the client. Large serif or italic text, attribution line with name and role. Subtle gradient quote mark decoration.
“Meridian turned our outbound from a cost center into our number-one growth channel. The recipe approach made it repeatable across the whole team.”
Sarah Chen · VP Sales, Acme Corp
5. CTA Footer
Close with a single focused call-to-action. Gradient button, minimal surrounding text. Link to the recipe or a related resource.