before-after-transformation

name	before-after-transformation
description	Use when showing product results. Before-after = simple, powerful, visually obvious.

Before-After Transformation

Before-after structure: show problem state, show solution applied, show transformed state. Visual contrast = persuasion.

Before-after applications

1. Card condition — raw vs graded slab
2. Process — pre-grade vs result
3. Workflow — before tool vs after tool
4. Brand transformation — before brand vs after
5. Lifestyle — pre-product vs post-product
6. Knowledge — before learning vs after

Pacing for before-after

30s before-after:

• 0-5s: Quick hook (visual problem)
• 5-15s: Before state (detailed problem)
• 15-20s: Transformation moment (action)
• 20-30s: After state + CTA

Longer version (60-90s) adds more context but same arc.

Avoid

1. Misleading 'before' (looks worse than reality)
2. Unrealistic 'after' (improvement too good)
3. No transition — jarring cut without story
4. Same person, different lighting — looks fake
5. Skip the process — viewers want to see how

Where this fits in the X3 empire

Before-after for CardPrepAI demonstration content.