1234 Ortho-K Vision Care — website design concepts

Five concepts, same structure, different style. Open locally (e.g. npx serve .) so Google Fonts and relative CSS load.

A · Friendly Notebook

Leads with: Voice · Design system on claude.ai

Reads like a warm, handwritten note from Dr. Woo to a worried parent — plain paper, ink, and one warm accent color, designed to feel personal and reassuring rather than clinical.

English homepage · 繁體中文 homepage

All 26 preview cards

B · Grid-Paper Classroom

Leads with: Pattern · Design system on claude.ai

Built around the exercise-book grid pattern many Chinese-speaking parents grew up writing in, with red-pen checkmarks and stickers, so the site feels familiar and trustworthy from the first glance.

English homepage · 繁體中文 homepage

All 28 preview cards

C · Picture-Book

Leads with: Illustration · Design system on claude.ai

Soft, hand-illustrated scenes tell your child's ortho-k story — asleep with lenses in, waking up seeing clearly, off to school — making an unfamiliar treatment feel gentle and easy for a young child to picture.

English homepage · 繁體中文 homepage

All 27 preview cards

D · Calm Clinical

Leads with: Photography · Design system on claude.ai

Lots of white space, one calm teal, and real photography project medical credibility — built for parents who want visible proof this is a serious, specialist-led treatment.

English homepage · 繁體中文 homepage

All 27 preview cards

E · Modern Practice

Leads with: Convention · Design system on claude.ai

The familiar structure of a trusted optometry practice website, modernized with navy, stone, and brass — for parents who want something that already looks and feels like a real doctor's office, just more current.

English homepage · 繁體中文 homepage

All 27 preview cards