Interactive — this is the real build running inside the page.Full screen
What it does
A Beirut womenswear house laid out like a fashion magazine: a cinematic hero, a contents page and lookbook chapters that lead into the shop. Swatches recolour the product photos, a two-step fit finder picks your size, and checkout runs in four steps with cash on delivery, Whish Money or OMT.
Signature interaction
A five-slot style board: swipe through tops, bottoms, layers, bags and shoes, and each piece glides into a flat-lay collage that gets a name, a number and a total; Add the look puts all of it in the bag.
What works in it
Mix & match style board with swipeable slots
Named looks with a total and one-tap Add the look
Saved looks you can wear again
Two-step fit finder: height and weight, then body shape
Colour swatches that recolour the product photo
Stock per size with restock alerts for sold-out sizes
Complete the look with a size per piece
Wishlist with a shareable link
Lookbook chapters with chapter progress dots
Filters, sort and instant search
Stylist chat with replies that know the page
SITESUP10 coupon and four-step checkout with cash on delivery, Whish and OMT
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
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.
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.
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.
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.