Preview image. Unlock full-res
Cream three-step process section with serif headline, tan cards showing scheduling UI, results chart, and action-plan list, plus dual CTAs below.
Summary
A Function "Testing is easy" process band with three equal tan cards walking through lab scheduling, doctor-explained results, and a follow-your-protocol action list, finished with primary and secondary CTAs.
Visual description
Warm cream background. Centered headline "Testing is easy" with terracotta italic serif on "easy." Three light-tan rounded cards in a horizontal row. Card 01: terracotta "01" numeral, serif title "160+ lab tests," grey subtitle "Schedule at 2k+ Quest Diagnostics locations," and a mini scheduling UI with a date row (TUE 5 through SAT 9, THU 7 highlighted terracotta) and time slots (8:50 through 9:30, 9:00 outlined). Card 02: "02" numeral, "Results explained," subtitle "By top doctors and 1000s of hours of research," and a line chart with ABOVE RANGE, IN RANGE (soft terracotta band), and BELOW RANGE zones connecting three data points (16.7, 10.0, 12.5). Card 03: "03" numeral, "Follow your protocol," subtitle "Take action. Test again.," and a vertical list with icons for Foods (6oz Wild Salmon, Organic Parsley), Supplements (750mg Inositol, 100mg CoQ10), and Daily health (Stretching, muscle growth, sleep). Below the cards, centered terracotta filled "Start testing" pill and outlined "See how it works" pill.
Key takeaway
Each step card embeds a miniature product UI instead of an icon, so the process feels concrete at a glance. Numbered terracotta indices plus serif titles create rhythm across three distinct visual metaphors (calendar, chart, checklist).
Reuse notes
Template for health, lab, or subscription services explaining a three-phase customer journey. Cards assume equal width on desktop; stack on mobile. Scheduling and chart mockups need real data to stay credible. Matches Function's cream-and-terracotta system used across the site.
