Interactive — this is the real build running inside the page.Full screen
What it does
A long-form sales page for a front and rear dash cam sold across Lebanon. Its footage player draws a live road scene in the browser: switch cameras, turn the lights off, set it against a cheaper camera with a draggable split, bump the car to lock a clip on the G-sensor timeline, and zoom in on a plate. Below it sit bundle tiers with a hardwire-kit order bump, a storage calculator, a cable fit check, filterable reviews and a four-step checkout with cash on delivery, Whish Money, OMT and card.
Signature interaction
Watch a 30-second road clip drawn live in the browser: switch to the rear camera, turn the lights off, drag a split against a 720p camera, bump the car to lock the moment on the G-sensor trace, then zoom in until the plate ahead is sharp on one side and smeared on the other.
What works in it
Footage player drawn live in SVG with front and rear cameras
Day and night footage with street lamps, headlights and lit plates
Draggable split comparing 4K with 1080p and 720p cameras
Bump the car to lock a clip on the G-sensor timeline
Plate zoom and an incident report you can send to an insurer
Bundles for one, two or three cars with a hardwire-kit order bump
Launch-price countdown and a stock counter that drops with each order
Delivery dates by Lebanese region with a 3 pm same-day cut-off
Storage calculator for card size, recording mode and parking hours
Rear-cable fit check by car body with an extension upsell
Reviews with star and topic filters, helpful votes and write a review
Four-step checkout with cash on delivery, Whish Money, OMT and card, then a one-click upsell and order tracking
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
E-commerce
Interactive Product Hotspots
A shop-the-look room photo with pulsing hotspots on every piece. Hover or tap a dot for a product popover with price, rating and add to bag, tick pieces in the look panel to build a bundle, and switch on merchant edit mode to drag hotspots into place.
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 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.
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.