Skip to content
LSD Framework
Sections · case-study · variants

Case study · 5 layouts

Five ways to tell a customer outcome — from classic split hero to a fully cinematic scroll-driven story.

classic · split + stats
v01

Classic

Split hero with logo + outcome, before/after grid, 3 stats, pull-quote, CTA.

cinematic · video bg
v02

Cinematic

Fullscreen video bg with outcome overlay, scroll-driven process, results.

data-heavy · charts
v03

Data-heavy

Stats-forward with bar charts, ROI calculation, testimonial, CTA.

before/after slider
v04

Before/after slider

Interactive draggable comparison slider, outcome stats, quote.

process-narrative
v05

Process narrative

Five-step scroll-driven story → final outcome reveal → CTA.

↩ Canonical layout
All sections