Tarnell

A concept store for a light electric scooter: a product-first hero that switches colours, a range calculator, test-ride booking and accessories you can bundle.

FigmaHTMLCSSJavaScript
Open live demoConcept project
ClientConcept — fictional brand
CategoryE-commerce · Mobility
TypeConcept project
Year2026
Live demoorganoostudio.com/demos/tarnell

See it live

Device mockups next to the real homepage, running live — scroll through it or open the full demo.

Tarnell — CoverTarnell — All screensTarnell — ResponsiveTarnell — Inner page
organoostudio.com/demos/tarnell
Hover to pause · drag the bar to explore
Explore the full siteFully working demo · desktop & mobile
Open live demo

The brief

Sell a €1,290 scooter online and answer the questions people ask before they buy: range, weight, service.

The idea

A lime accent on soft grey, the scooter as the hero and every spec turned into something to try.

What to try

Switch colours in the hero, work out your range, bundle a lock and cover, then check out with code RIDE50.

What we built

Pages and features delivered for launch.

Tarnell
HomeShopProductSpecsTest rideServiceCartCheckoutAccount
Colour picker

Swatches swap the hero photo and the product added.

Range calculator

Commute, rider weight and riding mode give a real range.

Add-on bundles

Lock, cover and mount added together.

Test ride & service

Booking forms with day and time slots.

Built with — HTML, CSS, vanilla JavaScript · fully client-side

← Back to all work