Interactive — this is the real build running inside the page.Full screen
What it does
A long-form sales page for SIPP, a smart water bottle with a glow ring. Visitors work out a daily water goal from their weight, workout and Beirut's monthly heat, watch the glow schedule play through their day, then open the plan in a working app preview. The page closes with a goal-based cost comparison, Single, Duo and Trio packs with a colour per bottle, an order bump, a four-step checkout with cash on delivery, and a one-tap upsell on the thank-you page.
Signature interaction
Set your weight, how much you move and the month, and SIPP turns Beirut's heat into a daily goal, then plays your day: a playhead runs from wake-up to bedtime, each glow lights the bottle's ring, the water drains and refills, and the plan syncs into a working app preview.
What works in it
Daily water goal from weight, activity and Beirut's average heat by month
Glow schedule timeline that plays your day and can be scrubbed by drag or keyboard
Bottle that drains and refills as each glow fires
App preview: log or undo sips, weekly chart, streak and glow settings
Six glow colours that recolour the bottle, timeline and page
Comparison table priced on your own daily goal
Single, Duo and Trio packs with a colour per bottle and live batch stock
Order bump at checkout and a one-tap upsell after the order
Launch countdown with a copy-and-apply code (SITESUP10)
Delivery date by city with a 3 pm cutoff and express for Beirut and Baabda
Four-step checkout with cash on delivery, Whish, OMT and card (simulated)
Reviews with star, topic and photo filters, sort, helpful votes and write a review
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
E-commerce
Product Bundles
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 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.
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.
A long skincare product page where, as soon as the main buy box scrolls out of view, a compact buy bar slides in with the product thumbnail, chosen variant, size picker, quantity, live price and Add to bag — always in sync with the main buy box.