“Eat The Distance” started as an exploration of how a cycling race could feel online, not just visually, but emotionally. Instead of designing a clean corporate sports website, I leaned into something more intense, loud, and almost broadcast-like.

The entire experience was built around motion, endurance, and race energy.

For this concept, I designed the loader animation and hero section, focusing on creating a system that feels alive the second the page opens. The layout mixes oversized typography, and custom bicycle illustrations.

A lot of the process was experimentation:

testing typography styles

building custom icon systems

drawing bicycle illustrations

exploring route maps

figuring out how to make static layouts feel fast

The neon green became the foundation of the project because it instantly brought energy to the screen. Pairing it with black and red helped push the aggressive racing aesthetic even further.

One of my favourite parts was designing the hero section animation. The bicycles continuously moving across the screen while telemetry, elevation data, and race stats surround them. I wanted the interface to feel like you were already inside the race before clicking anything.

This project was mainly an exercise in visual storytelling and world-building. Every section was designed to feel like part of a larger race system rather than a traditional landing page.

May 21 2026 - May 26 2026 (6 Days)