Interactive — this is the real build running inside the page.Full screen
What it does
A long-form, single-product page for silknpro, a 7-in-1 hair styler sold in Lebanon, built around the brand's own photos and four real creator videos. Its centrepiece is a style studio: choose a look and the matching head snaps onto the handle with the steps, button settings and a time guide. Around it sit the Black Friday offer with a live countdown to 30 November, one-to-three machine bundles, honest preview stock, clearly labelled sample reviews and a four-step cash-on-delivery checkout with a thank-you upsell and order tracking.
Signature interaction
Pick a look such as soft curls or sleek straight and the matching head drops onto an animated handle with a snap and a gold glint, the model photo cross-fades and a step card shows which heads to use, in what order, at which settings and for roughly how long.
What works in it
Style studio: six looks, each snapping the right head onto an animated handle
Step-by-step guide with temperature and wind-speed levels and a time range
7 heads, one handle: an orbit of heads that swap onto the handle with their brand card
Control-strip explainer with tappable hotspots on the real product photo
Creator video wall that plays muted in view, with a full-screen story player
Black Friday countdown to 30 Nov, 23:59 Beirut, that switches to the regular price
One, two or three machine bundles with honest preview stock
Drawer-vs-handle comparison with an editable price calculator
Sample reviews with star, hair-type, head and photo filters, search, sort and a write-a-review form
Four-step checkout with Lebanese phone checks, delivery estimate by region and cash on delivery, Whish, OMT or card
Thank-you page with order number, WhatsApp confirmation preview and a one-click second machine with undo
Track order by number and phone, with a 30-minute self-cancel that returns stock
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.
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.
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.