Interactive — this is the real build running inside the page.Full screen
What it does
A direct-to-consumer store for DAMMA, a Lebanese brand of food-grade silicone storage bags. Each of the three bundles has its own sales page with a gallery, bundle upgrade, a drag-and-drop planner that shows which bag fits your food, Damma-vs-plastic comparisons, creator videos and real reviews. Around it: a plastic-swap calculator, shop filters with a compare table, a cart with an order bump, a cash-on-delivery checkout and a WhatsApp order hand-off.
Signature interaction
Drag strawberries, soup or a whole chicken into the bundle's bags: each bag fills to its real capacity, tells you which bag fits, and when the food is too big it offers the next bundle up and carries your food over.
What works in it
"What fits inside" planner: drag food into each bag, capacity bars fill by ml
Plastic-swap calculator with a pile of bags that shrinks into one
Three bundle sales pages with gallery, quantity and sticky buy bar
Bundle upgrade nudge and frequently-bought-together
Interactive Damma vs plastic comparison tabs
Creator video wall with a full-screen story player
Shop filters by use and size, sorting and a compare table
Predictive search across bundles, FAQ and pages
Cart drawer with quantity, remove and undo, order note and add-on
Four-step checkout with Lebanese mobile validation and cash on delivery
WhatsApp order message prefilled with the cart or the order
Real reviews with filters, sorting and a write-a-review form
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.
Shoppers tick Compare on up to four phones, which collect in a floating tray, then open a side-by-side spec table with a sticky header and label column, a highlight-differences toggle, best-in-row markers, best value / camera / battery badges and removable columns.
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.