quip Smart Toothbrush

Brand, product, and web for quip's flagship subscription smart toothbrush.

02 · Mosaic, with parallax

A whole product surface, in one glance.

Nine screens stacked in a soft three-column mosaic. Each tile drifts at its own speed as you scroll, so the page feels alive without leaving the page.

01 · Scroll-snap rail

A guided tour, one screen at a time.

Screen 01

Screen 01

Caption — what this screen does, in one line.

Screen 02

Screen 02

Caption — the second beat of the flow.

Screen 03

Screen 03

Caption — the third moment worth slowing down on.

Screen 04

Screen 04

Caption — a key state, ideally the one users miss.

Screen 05

Screen 05

Caption — the close. What the user feels at the end.

07 · Annotated hero

One screen, slowed down.

When a single decision matters more than a flow, the page slows down with it. Up to five pins, each with a one-line label.

Annotated hero screen
10 · Spread on hover

Five screens that scatter when you reach for them.

Hover or tap the deck to fan it open
00x
Headline metric — replace with a number that matters
0.0/5
Secondary metric — rating, score, or qualitative measure
00%
Tertiary metric — lift, retention, or growth percentage