E-commerce · Supplements Store

VITAL FORM

Clean daily supplements with a quiz that fills your AM/PM pill organiser

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

What it does

A direct-to-consumer supplement store for a Beirut brand. Six quick questions build a personal stack, then a weekly AM/PM organiser fills compartment by compartment before the subscription price and yearly saving count up. Product pages carry the full CRO kit: countdown code, Buy 2 get 1 and Buy 3 get 2 bundles with free gifts, subscribe and save, a delivery timeline, ingredient close-ups and reviews.

Signature interaction

Answer six questions and a weekly AM/PM pill organiser fills compartment by compartment with your capsules, then the subscription price and yearly saving count up.

What works in it

  • Six-question stack quiz with a live preview
  • AM/PM pill organiser that fills day by day
  • Subscribe and save 15% every 30, 45 or 60 days
  • Countdown sale bar with a copy-and-apply code
  • Buy 2 get 1 and Buy 3 get 2 bundles that unlock free gifts
  • Delivery estimate timeline by Lebanese region
  • Ingredient close-ups, supplement facts and survey stats
  • Reviews with photos, star filters, helpful votes and write a review
  • Shop filters by goal, format, timing and price, with search and sort
  • Bag drawer with quantities, undo, free-delivery bar and codes (SITESUP10, FORM20)
  • Four-step checkout with cash on delivery, card, Whish Money and OMT
  • Order confirmation with tracking lookup and lab certificates

Motion preview

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

Features inside this build

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