E-commerce · Home Appliances Store

HOMEWISE

Check the fit to the millimetre and the bill on EDL and generator power.

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

What it does

A calm, Scandinavian-style appliance store for Lebanese homes in warm stone, deep teal and brass. Shoppers check any model against their niche in a to-scale drawing, see its monthly running cost on EDL hours and a generator subscription, build a fridge, oven and dishwasher package with 12% off, and book delivery, installation and haul-away in a four-step checkout with cash on delivery, Whish Money or OMT.

Signature interaction

Type your niche or pick a common space and a line-drawn kitchen appears; the appliance slides in to scale, clearance arrows turn green, amber or red, and a top view swings the door open against your island.

What works in it

  • Will it fit? niche check drawn to scale for all nine appliances
  • Green, amber and red clearance arrows with a top view of the door swing
  • Common-space presets and a saved niche that filters the shop
  • Lebanon energy calculator with EDL hours, generator amps and $/kWh or $/amp billing
  • Amp-line check that warns when an appliance would trip your generator
  • Kitchen package builder that unlocks 12% off on fridge, oven and dishwasher
  • Finish swatches, 1, 3 or 5-year warranty and 0% installments over 3, 6 or 12 months
  • Installation and old-appliance haul-away add-ons
  • Compare up to three with the best value marked per row
  • Filters by category, energy class, width and price, with search and sort
  • Cart drawer with quantity, undo and the SITESUP10 code
  • Four-step checkout with delivery slots, stairs fee, cash on delivery, card, Whish Money and OMT

Motion preview

Screen recording of the live build, running on sample data.

Features inside this build

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
Advanced Product Filters — the feature running live
E-commerce

Advanced Product Filters

A 24-product catalogue with faceted filters for category, price (dual slider over a price histogram), colour swatches, size, rating and in-stock. Active filters show as removable chips, counts update live, the grid re-sorts with smooth FLIP animation and the whole state lives in the URL so a filtered view can be shared.

Try it
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
Multi-step Checkout — the feature running live
E-commerce

Multi-step Checkout

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.

Try it