Back to the work

02 / 08 Automotive

GetMOTO

Motorbike repair and rental · Luton, United Kingdom

A scooter that comes apart, part by part, as you scroll.

getmoto-uk.vercel.app

The site’s opening, recorded live

02 The project

A one-page website for a motorcycle and scooter workshop in Luton: repairs, key programming, MOT preparation and rentals. The opening is a 150-frame sequence in which the scooter comes apart as you scroll; rentals and bookings open WhatsApp with the request already filled in.

  • 150-frame sequence
  • GSAP ScrollTrigger
  • Rentals via WhatsApp

03 The direction

Composition
The bike at the centre of the workshop at night, the text on the left and the services on floating cards.
Typography
Poppins in strong weights, with the last word of the headline in blue.
Colour
Night blue and an electric blue, like the light in the workshop.
Central gesture
The scooter separates into its parts as you scroll.

The site’s palette

  • Night#04070D
  • Deep#070C16
  • Mist#C9D3E6
  • Electric#1A6DFF
  • Glow#3D8BFF

Typefaces

Poppins

04 The interface

getmoto-uk.vercel.app

GetMOTO: screen 2 of the live site

getmoto-uk.vercel.app

GetMOTO: screen 3 of the live site

getmoto-uk.vercel.app

GetMOTO: screen 4 of the live site

Phone

GetMOTO on a phone: screen 1
GetMOTO on a phone: screen 2

05 The motion

  1. 01 Bike assembled
  2. 02 Parts in the air
  3. 03 Every service

The scooter appears in the workshop; as you scroll, a 150-frame sequence takes it apart and shows every part the workshop looks after, leading to the rental models.

06 What I did

Visual direction, interface, motion and development.