Sales pages · Smart Water Bottle Sales Page

SIPP

A smart-bottle sales page that turns Beirut heat into your daily water goal

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

What it does

A long-form sales page for SIPP, a smart water bottle with a glow ring. Visitors work out a daily water goal from their weight, workout and Beirut's monthly heat, watch the glow schedule play through their day, then open the plan in a working app preview. The page closes with a goal-based cost comparison, Single, Duo and Trio packs with a colour per bottle, an order bump, a four-step checkout with cash on delivery, and a one-tap upsell on the thank-you page.

Signature interaction

Set your weight, how much you move and the month, and SIPP turns Beirut's heat into a daily goal, then plays your day: a playhead runs from wake-up to bedtime, each glow lights the bottle's ring, the water drains and refills, and the plan syncs into a working app preview.

What works in it

  • Daily water goal from weight, activity and Beirut's average heat by month
  • Glow schedule timeline that plays your day and can be scrubbed by drag or keyboard
  • Bottle that drains and refills as each glow fires
  • App preview: log or undo sips, weekly chart, streak and glow settings
  • Six glow colours that recolour the bottle, timeline and page
  • Comparison table priced on your own daily goal
  • Single, Duo and Trio packs with a colour per bottle and live batch stock
  • Order bump at checkout and a one-tap upsell after the order
  • Launch countdown with a copy-and-apply code (SITESUP10)
  • Delivery date by city with a 3 pm cutoff and express for Beirut and Baabda
  • Four-step checkout with cash on delivery, Whish, OMT and card (simulated)
  • Reviews with star, topic and photo filters, sort, helpful votes and write a review

Motion preview

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

Features inside this build

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
Countdown Timer — the feature running live
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.

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
Sticky Add to Cart — the feature running live
E-commerce

Sticky Add to Cart

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.

Try it