E-commerce · Electronics Megastore

AMPERE

A multi-brand electronics megastore with a scroll-driven exploded headphone launch

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

What it does

A full electronics megastore: a mega menu with category tiles, dense filterable grids, and product pages with variants, 0% installments, trade-in credit and live branch stock. The Arcus ANC headphones come apart into seven labelled layers as you scroll, then snap back together with a colour picker. Shoppers compare up to three products and check out with cash on delivery, card, Whish or OMT.

Signature interaction

The Arcus ANC headphones separate into seven labelled layers as you scroll, then snap back together with “Seven layers. One quiet.” and a live colour picker.

What works in it

  • Scroll-scrubbed exploded view in 7 layers
  • Mega menu with category tiles
  • Brand, price, rating and stock filters
  • Instant search with keyboard navigation
  • Compare 3 products with best-value highlights
  • Installments calculator for 3, 6 or 12 months
  • Trade-in estimator with credit applied in cart
  • Branch stock check and 2-hour pickup
  • Deal of the day countdown
  • Cart drawer with SITESUP10 coupon
  • 4-step checkout with cash, card, Whish or OMT
  • Reviews with write-a-review and helpful votes

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
Countdown Timer — the feature running live
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.

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