Interactive — this is the real build running inside the page.Full screen
What it does
PAW PANTRY is a playful dog and cat store for Lebanon. Shoppers build a profile for each pet, watch the bowl fill to the daily portion, get the right food and bag size, and put it on an autoship calendar. Around that sit a full CRO product page, a shop with filters and search, a cart with bundles and codes, and a four-step checkout with cash on delivery, Whish and OMT.
Signature interaction
Build a pet profile and the bowl fills kibble by kibble to the daily portion in grams, the right food appears, and an autoship calendar shows when the next bag lands before the last one runs out.
What works in it
Pet profiles for dogs and cats, several per household
Daily portion in grams from weight, age and activity
Bowl that fills with kibble to the daily portion
Recommended food and bag size with days each bag lasts
Autoship calendar: pick the first delivery, frequency and run-out warnings
Manage autoship: move, skip, pause or cancel with undo
Countdown announcement bar and first-order code to copy
Bundle tiers, autoship pricing and size that fits your dog
Delivery estimate timeline by Lebanese zone
Shop by dog or cat with category filters, sort and search
Cart drawer with free-delivery meter and discount codes
Four-step checkout with 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
Countdown Timer
A flash-sale bar and product card with a flip-digit countdown to a real deadline, a stock-left bar that ticks down as people buy, an 'ends soon' pulse in the last 10 minutes, and an automatic switch to 'Sale ended' with a notify-me form.
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 long skincare product page where, as soon as the main buy box scrolls out of view, a compact buy bar slides in with the product thumbnail, chosen variant, size picker, quantity, live price and Add to bag — always in sync with the main buy box.
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.