E-commerce · Kids, Toys & Baby Store

LITTLE CEDAR

A toy shop whose gift finder picks three toys, boxes them and ties the bow.

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

What it does

LITTLE CEDAR is a playful toy and baby shop for Lebanon. Shoppers set their child's age and watch an illustrated child grow up a door-frame growth chart while the shelf re-filters, or answer three questions and watch the gift finder drop three picks into a box, close the lid and tie the bow. Around that sit a baby registry with a share link and gifted progress, New baby box tiers, name personalisation and a five-step checkout with gift notes, cash on delivery, Whish and OMT.

Signature interaction

Answer three questions and the picks drop into a hand-drawn gift box, the lid lands, the ribbon ties itself into a bow with a name tag, and tapping the gift unwraps it to fan out the three suggestions.

What works in it

  • Gift finder that drops its three picks into a box, closes the lid and ties the bow
  • Tap the gift to unwrap it and fan out the picks with reasons
  • Age slider with a child who grows up a door-frame growth chart
  • Shelf that re-filters by age, interest and price, with sort and search
  • Baby registry with quantities, a share link and gifted progress
  • Guest view where friends gift an item or mark it as gifted
  • New baby box tiers that save up to 20%
  • Name embroidery previewed live on the product photo
  • Safety notes on every toy: age range and materials
  • Playable rainbow xylophone on its product page
  • Toy box drawer with free-delivery tracker, gift wrap and SITESUP10
  • Five-step checkout with gift note, cash on delivery, card, Whish and OMT

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

Product Bundles

Two bundle mechanics in one feature: tier cards for a single product (Single, Duo −15%, Trio −25%) with per-bottle flavour picks, and a build-your-own box where every item moves a progress bar toward the next discount tier, with a live price breakdown and an animated savings counter.

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