E-commerce · Silicone Food Storage Store

DAMMA

A premium store for reusable silicone food bags, with sales pages for every bundle

Interactive — this is the real build running inside the page. Full screen
DAMMA — screen from the live build

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

Product Bundles — the feature running live
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.

Try it
Product Comparison — the feature running live
E-commerce

Product Comparison

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.

Try it
Upsell & Cross-sell — the feature running live
E-commerce

Upsell & Cross-sell

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.

Try it
Reviews & UGC — the feature running live
E-commerce

Reviews & UGC

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.

Try it