← Back to projects
Independent redesign concept

Yas Marina Circuit

Feel every turn.

A complete website redesign concept that brings the circuit to life through a tactile 3D opening and clear journeys into driving, motorsport, events and fitness.

From the first spin of the wheel to choosing an experience, the design connects the excitement of Yas with the details that help people find their way in.

Explore the live website ↗
Explore the new designOpen full website ↗

Independent concept. The demo uses indicative project data; bookings link through to Yas Marina Circuit. An internet connection is needed for the interactive preview.

The brief

One circuit. Many ways in.

Yas is a destination for far more than race day. Driving experiences, passenger rides, track sessions, community fitness and events all need a clear place in the same website.

The redesign builds an expressive visual identity around that variety, then gives each audience a direct path from curiosity to the experience that suits them.

Design decisions

Emotion at the entrance. Clarity throughout the journey.

01 / Interaction

Make the opening tangible

An animated racing wheel introduces the site. Visitors can drag to rotate it, give it a spin and switch between Night, Dusk and Studio lighting.

02 / Art direction

Bring contrast and precision

Charcoal surfaces, champagne typography and cyan accents create a motorsport identity. Large type, fine rules and lighter sections give each page its rhythm.

03 / Navigation

Give every experience a route

Experience collections, activity filters and focused detail pages organise a broad offering into choices visitors can explore and compare.

Beyond the homepage

A complete world of experiences.

Distinct pages, connected by a shared design language.

01

The garage — Drive & Ride

A selectable vehicle showcase leads into a collection with filters, sorting and comparison of up to three experiences. Detail pages bring together the story, specifications, formats and a clear next step.

Explore the garage ↗
02

What’s On — schedule explorer

List and month views, activity and level filters, and week or weekend shortcuts help visitors explore the concept’s schedule. Event details remain close to the selection.

Explore the calendar ↗
03

Health & fitness — find your pace

Programme tabs bring TrainYAS, TrainYAS Ladies, TrainAM and TriYAS into one journey, with links to practical information and the shared schedule. Yas Pulse extends the fitness offering with its own page.

Explore fitness ↗
04

OpenYAS — your way onto the track

Track Days, Drift and Drag receive dedicated compositions, activity information and visual explanations. The Drift page includes an illustrative layout alongside the session details.

Explore Drift ↗
The outcome

Built to feel. Designed to explore.

The result connects a distinctive 3D entrance with a full set of responsive pages, from experience discovery to programme and event details. The wheel is built in WebGL, with keyboard controls, a static fallback and support for reduced motion.

The project is a working front-end concept. Commercial information and calendar entries are illustrative project content, and booking links lead to the official destination.

Experience the full redesign ↗