E-commerce · Women's Clothing Store

MAISON SAHAR

An editorial womenswear store where a style board turns pieces into a named look.

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

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

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
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
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