Direction A
Split-Screen
Visual metaphor for "twice" — page literally splits showing both costs simultaneously.
- Left panel: First Cost (deal lost, $94K)
- Right panel: Second Cost (trust damaged)
- Dark red gradient, split down middle
- Real Slack quotes as evidence
- Immediate visual clarity on compound loss
View Direction A
Direction B
Document Brief
Executive memo style — treats compound loss as documented fact, not emotional hype.
- 8.5" document layout, 1.25" margins
- IBM Plex Serif, professional tone
- Evidence tables, case studies
- Typography serves copy (gets out of the way)
- Credibility over emotion
View Direction B
Direction C
Sequential Timeline
Animated timeline showing how one miss becomes two costs — makes the mechanism visible.
- Vertical timeline with events unfolding
- Monday launch → 4 days blind → Friday deal lost → Monday embarrassment
- Staggered animation (fadeIn on scroll)
- Shows cause-effect relationship
- Explains HOW you get hit twice
View Direction C
Direction D
Emotional Contrast
Maximum visceral impact — hits the feelings hard with first-person quotes and dual emotional states.
- Two feelings side-by-side
- "Pit in stomach" (deal lost) vs "Embarrassment" (customer knew first)
- Real Slack quotes with emoji reactions
- High contrast, pulls no punches on pain
- Emotional tone matches emotional pitch
View Direction D
The Pattern
All 4 directions communicate the same winning pitch — they just differ in HOW they make you feel it:
A (Split-Screen): Visual clarity — see both costs at once
B (Document Brief): Credibility — documented evidence, not hype
C (Timeline): Understanding — shows the mechanism of compound loss
D (Emotional): Visceral impact — makes you FEEL both costs