Interactive — this is the real build running inside the page.Full screen
What it does
A long-form, single-product page for DRIFT, sleep earbuds made for side sleepers. The page reads as one night, from 22:30 to first light, and its centrepiece is a sound mixer that replays a night in an Achrafieh flat, by the Jounieh highway or in a Zahle mountain house. Around it sits the full conversion kit: a launch countdown with a copyable code, one to three pair bundles with live stock and an order bump, a delivery estimate, filtered reviews and a four-step checkout with cash on delivery.
Signature interaction
Mix rain, waves and white noise and a whole night replays on a timeline: every generator, scooter and snore drops to what actually reaches your ear, the sleep-stage beads slide into place and a moon-phase score fills in.
What works in it
Sleep sound mixer with rain, waves and white noise sliders
Night timeline that scores your sleep in three Lebanese homes
30-second synthetic sound preview with a moving playhead
Save, load and delete your own mixes, with undo
Fit diagram comparing DRIFT, regular earbuds and foam plugs
In-ear alarm preview with a time picker
Launch countdown with a copy-and-apply NIGHT15 code
One, two or three pair bundles with a colour per pair, live stock and an order bump
Delivery estimate by region with a 3 pm same-day cut-off
Reviews with star and topic filters, search, sort, helpful votes and write a review
Four-step checkout with cash on delivery, Whish Money, OMT and card
Thank-you page with a one-click extra pair, plus order lookup and cancel
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
E-commerce
Countdown Timer
A flash-sale bar and product card with a flip-digit countdown to a real deadline, a stock-left bar that ticks down as people buy, an 'ends soon' pulse in the last 10 minutes, and an automatic switch to 'Sale ended' with a notify-me form.
Two bundle mechanics in one feature: tier cards for a single product (Single, Duo −15%, Trio −25%) with per-bottle flavour picks, and a build-your-own box where every item moves a progress bar toward the next discount tier, with a live price breakdown and an animated savings counter.
A phone product page with a frequently-bought-together checklist and combined price, a post-add modal offering protection at a one-time price with a live countdown, and a cart drawer that suggests what completes the setup, offers a storage upgrade on the line item and unlocks a free gift above a spend threshold.
Product reviews for an optical-frame store in Beirut: a star histogram that filters, customer photos in a swipeable lightbox, verified-buyer badges, helpful votes, sort and search, a Q&A tab, and a write-a-review form with star rating, fit, photo upload and inline validation. A “Customers say” summary is built locally from the reviews and rewrites itself when a new one is posted.