← Back to Pattern Library
problem-solution-split-screen

Problem/Solution Split-Screen

The before state and after state shown simultaneously via vertical split or picture-in-picture. Left side shows the frustrating current reality; right side shows the desired state. A voiceover or text overlay bridges them with a transformation statement. Why it wins: it's explicit about the transformation, reducing cognitive load for cold audiences. The viewer doesn't have to imagine the benefit — it's shown directly. Works best when the problem side is immediately recognizable to the target audience within 1 second.

Visual Components

01
Hook Style
Visual split shown immediately — no intro, problem on left, solution on right
02
Pacing
Static hold on split for 5-8 seconds, then zoom into solution with CTA
03
Text Treatment
Short text labels on each side ('Before' / 'After') and a bold bridge sentence
04
Cta Placement
After the zoom-in on the solution side

Verticals It Wins In

fitness productivity finance education language

Tags

split-screen transformation demo mid-funnel visual

Evidence Anchors

📊
Evidence coming as your library grows
This pattern will be grounded in real CPL data from your imported reference ads. Import ads that use this pattern and the evidence will appear here.
Meta ad reference: Pending — connect Meta to see which ads used this pattern and their CPL outcomes.
CPL benchmarks: Will populate as you import ads and tag them with this pattern.
Ask the Strategy Bot about this pattern
Get specific hook variations, test angles, and why this pattern works for your vertical.
🧠 Ask the Bot