Interactive — this is the real build running inside the page.Full screen
What it does
A direct-to-consumer supplement store for a Beirut brand. Six quick questions build a personal stack, then a weekly AM/PM organiser fills compartment by compartment before the subscription price and yearly saving count up. Product pages carry the full CRO kit: countdown code, Buy 2 get 1 and Buy 3 get 2 bundles with free gifts, subscribe and save, a delivery timeline, ingredient close-ups and reviews.
Signature interaction
Answer six questions and a weekly AM/PM pill organiser fills compartment by compartment with your capsules, then the subscription price and yearly saving count up.
What works in it
Six-question stack quiz with a live preview
AM/PM pill organiser that fills day by day
Subscribe and save 15% every 30, 45 or 60 days
Countdown sale bar with a copy-and-apply code
Buy 2 get 1 and Buy 3 get 2 bundles that unlock free gifts
Delivery estimate timeline by Lebanese region
Ingredient close-ups, supplement facts and survey stats
Reviews with photos, star filters, helpful votes and write a review
Shop filters by goal, format, timing and price, with search and sort
Bag drawer with quantities, undo, free-delivery bar and codes (SITESUP10, FORM20)
Four-step checkout with cash on delivery, card, Whish Money and OMT
Order confirmation with tracking lookup and lab certificates
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 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.
A four-step 'Almost yours.' checkout: contact and Lebanese address with inline validation, delivery zones priced by city with speed options, a calendar and time windows, payment by cash on delivery (USD or LBP), card with live brand detection, Luhn check and a flipping card preview, or a simulated Whish link, then a review with edit links and an order confirmation.