Sales pages · Electric Scooter Sales Page

GLIDE

A long-form scooter sales page with a Beirut commute planner on a live map

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

What it does

A single-product sales page for the GLIDE S1 electric scooter. Pick two places on a map of Beirut and the coast to Jounieh and the page works out the ride time against a car in traffic, the battery it takes and what you save each month, then carries that commute into a five-step checkout with bundles, a Care Plan bump and cash on delivery.

Signature interaction

Tap a start and a destination on a map of Beirut and a scooter traces the route while bars race the ride against a car in traffic, a battery drains to the day's use and the monthly saving counts up.

What works in it

  • Commute planner on an interactive map of Beirut, Metn and the coast
  • Ride time vs car in traffic, battery use and monthly savings
  • Four-colour picker that recolours the scooter everywhere
  • Spec call-outs around the product and a full spec sheet
  • Animated fold sequence with a stopwatch and dimension drawing
  • Comparison table that uses your own commute
  • Launch countdown and batch stock that reset with Start over
  • Reviews with rating bars, filters, search, helpful votes and write a review
  • Bundle tiers, Care Plan order bump and discount codes
  • Five-step checkout with cash on delivery, Whish, OMT and card
  • Thank-you page with order number, one-click add-on and order tracking
  • Sticky buy bar, FAQ and 30-day ride-it-back promise

Motion preview

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

Features inside this build

Product Comparison — the feature running live
E-commerce

Product Comparison

Shoppers tick Compare on up to four phones, which collect in a floating tray, then open a side-by-side spec table with a sticky header and label column, a highlight-differences toggle, best-in-row markers, best value / camera / battery badges and removable columns.

Try it
Product Variant Selection — the feature running live
E-commerce

Product Variant Selection

A phone product page where colour swatches swap the gallery with a circular colour-wipe, storage options show price differences and low or sold-out stock per colour, an availability matrix shows every colour × storage combination at a glance, and the SKU, price and URL update with each choice.

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
Abandoned Cart Recovery — the feature running live
E-commerce

Abandoned Cart Recovery

A merchant view for a Beirut fashion store: carts abandoned in the last 7 days, a recovery sequence builder (WhatsApp after 1 hour, then an email with a discount code after 24 hours) with live message previews, and a “Simulate customer” time-lapse that plays each message arriving on a shopper’s phone while the recovered-revenue chart moves.

Try it