Teton three-step how-it-works with photographic cards

Summary

A light, calm three-step "how it works" section that uses real photography in each column, captioning each step with a title, a small eyebrow label, a line of copy, and a dark pill button.

Visual description

White background. Top-left, a small dark "How Teton works" label sits above a two-line muted slate sub-headline ("Support care staff in providing the best care for their patients"). Three equal columns follow. The left column stacks two photos (a ceiling optical sensor, and a blue 3D body-pose scan over a hospital bed) above the step title "Optical Sensor", a blue uppercase eyebrow "ANONYMISED COMPUTER VISION", three lines of grey copy, and a dark pill "Our technology" button. The middle column shows a hand holding a phone with a room-monitoring app over the step "Care" with eyebrow "USER-FRIENDLY SYSTEMS", copy, and an "Our product" button. The right column shows two smiling care workers looking at a tablet over the step "Analyse" with eyebrow "HANDS-ON CUSTOMER SUCCESS", copy, and an "Our Company" button. Each column reads as a stage with its own destination.

Key takeaway

Telling a three-stage process entirely through real, warm photography instead of icons, which suits a physical/healthcare product where trust and human context matter. Each step ending in its own labeled pill button turns the explainer into three distinct navigation paths (technology, product, company).

Reuse notes

Best for a hardware, healthcare, or services product where authentic imagery carries credibility. Needs a consistent, well-shot photo set across all columns to hold together. The muted palette and roomy spacing keep a sensitive (care) context calm; give each step a genuine destination so the buttons earn their place.