E-commerce · Sneaker Store & Drops

SOLE THEORY

Streetwear drop store with raffles, a size lab and a seven-zone pair customiser.

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

What it does

A Beirut sneaker label built around drop culture. Tap any of seven zones on a drawn sneaker to flood it with a new colour and material, then blow the sole apart into its three layers. Drops run on a live calendar with countdowns and raffle entries, a size lab converts foot length to EU, US and UK, and checkout covers same-day Beirut delivery, store pickup and cash on delivery.

Signature interaction

Tap a zone on the drawn sneaker, pick a colour and it floods the panel in a ripple, then hit Explode and the sole splits into sockliner, midsole and outsole with tech labels.

What works in it

  • Seven-zone sneaker customiser with colour ripples
  • Materials with live price, randomise and undo
  • Saved designs and shareable design codes
  • Exploded sole view with three tech layers
  • Drop calendar with live countdowns
  • Raffle entry form with entry number
  • Size lab: foot length to EU / US / UK plus width
  • Sold out in your size: notify me
  • Colourway switcher and angle crops on product
  • Reviews with a fits-true-to-size meter
  • Filters by category, size in stock, price and wide fit
  • Four-step checkout with same-day delivery, pickup, cash on delivery, Whish and OMT

Motion preview

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

Features inside this build

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

Product Variant Selection

A phone product page where colour swatches swap the gallery with a circular colour-wipe, storage options show price differences and low or sold-out stock per colour, an availability matrix shows every colour × storage combination at a glance, and the SKU, price and URL update with each choice.

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
Sticky Add to Cart — the feature running live
E-commerce

Sticky Add to Cart

A long skincare product page where, as soon as the main buy box scrolls out of view, a compact buy bar slides in with the product thumbnail, chosen variant, size picker, quantity, live price and Add to bag — always in sync with the main buy box.

Try it