Preview image. Unlock full-res
Split layout with injection lifestyle photo behind a white card pairing a timeline headline with a five-step vertical accordion.
Summary
Split layout with injection lifestyle photo behind a white card pairing a timeline headline with a five-step vertical accordion.
Visual description
Soft blue background with a large lifestyle photo of a hand holding an injection pen against skin, peach nails visible. Small white caption in the corner notes the pen is shown for visual reference. A white rounded card overlays the lower portion, split into two columns. Left column: bold headline Your timeline to treatment and supporting copy about personalized treatment and insurance support. Right column: vertical stepper with a flag icon and grey connector line. Step 1 is expanded with a green dot, title Start your online visit, up chevron, body copy about the online questionnaire and two-day eligibility, plus an embedded app screenshot asking what you want to accomplish with Ro. Steps 2 through 5 are collapsed with down chevrons: provider Rx, insurance check, start treatment, ongoing support.
Key takeaway
Use a vertical accordion stepper so only the first step shows detail and UI proof while the rest stay scannable. The photo-to-card overlap grounds a clinical process in a human moment without sacrificing readability.
Reuse notes
Multi-step healthcare onboarding where users need reassurance before committing. Expandable steps keep long flows compact; embed a product screenshot in step one to show the actual experience.
