E-commerce · Multi-brand Marketplace

Souk

A marketplace of Lebanese makers: compare stalls, check out once.

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

What it does

SOUK is a multi-vendor marketplace where 13 stalls from Tripoli to Saida sell side by side. Shoppers compare offers from several sellers on one product page, follow stalls, and check out once while each stall ships its own parcel. A three-step wizard lets new makers open a stall that goes live on the marketplace.

Signature interaction

Pick between several stalls on one product — a price ruler, animated re-sorting and a route map per offer — then watch the bag split by seller and suggest moving an item to save a delivery fee.

What works in it

  • Multi-seller offer picker with price ruler
  • Offers sorted by value, price, speed or rating
  • Delivery dates recalculated per city
  • Bag grouped by seller with per-stall shipping
  • Move-and-save suggestions between stalls
  • Faceted search with live counts and instant suggestions
  • Seller storefronts with follow, tabs and reviews
  • Promo code SITESUP10 with inline errors
  • 4-step checkout with per-stall delivery speed
  • Cash on delivery and wallet OTP (simulated)
  • Order tracking per shipment
  • 3-step Become a seller wizard with live preview

Motion preview

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

Features inside this build

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
AI-assisted Search — the feature running live
Business

AI-assisted Search

A sports store search that understands plain language: “black running shoes under $100 for women” becomes visible filter chips for colour, category, price and gender, with typo correction, synonyms, instant results, recent and trending searches. It is honestly labelled Simulated AI — everything runs locally on 40 seeded products.

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