End-to-end flow map

Every screen, action and conversion decision

Screens are arranged left to right. Arrows represent the primary path. Each annotation follows the assignment requirement: explain the problem, why the layout/copy/order changed, how it supports completion, and what engineering must know.

Solid border = proposed UI Dashed label = policy-dependent hypothesis Primary arrow = Continue/Submit Black and white = deliberate low-fidelity focus Use Desktop/Mobile above to change every storyboard screen