Health And Medical Design · 105 of 210

Tide Chart

Sea glass green, deep navy and a coral accent, with recovery laid out like a tide chart you can scrub day by day. For a small surgeon led LASIK practice whose patients want to know when they can surf, work and drive again.

Built for LASIK. Sample business on the page, Kaimuki Laser Vision, Honolulu HI.

Tide Chart website design on a desktop
The first screen, “When Can I Surf Again? See Your Recovery Day by Day.”

Colors

#0b2a3c
#3d5664
#ff6a4d
#eaf5f3
#ffd166
#bcd6d2

Fonts

  • Thasadith
  • Figtree

Sections In Order

  1. When Can I Surf Again? See Your Recovery Day by Day.
  2. Your Recovery, Laid Out Like a Tide Chart
  3. Your Visits, Start to Finish
  4. What It Costs, Per Eye
  5. What Patients Say
  6. On Waialae Avenue in Kaimuki
  7. Questions We Hear Every Week
  8. Find Out if You Are a Candidate

Built In

  • shape() wave dividers
  • sibling-index() staggers
  • photo story strip
  • scroll-state stuck header
  • exclusive accordion FAQ
  • Tool on the page, LASIK recovery timeline
  • FAQ accordion
  • Click-to-call phone links
  • Sticky header/bar
  • Range slider input
  • Inline SVG graphics

The Whole Page

Full page of the Tide Chart design

On A Phone

Tide Chart on a phone
↑