Interactive — this is the real build running inside the page.Full screen
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
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.
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.
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.