Cyclocross Revolution Website

Website Design

Cross Revolution is the PNW’s longest-running cyclocross race series and a cornerstone of Pacific Northwest cyclocross. The series established the region’s national reputation for the sport. It started in 1988 as Seattle Cyclocross before rebranding as Cross Revolution in 2006.

It’s easy for cycling event sites to let details bury the core message and overload new visitors. The site needed an overhaul with clear goals: create something simple and quick to navigate on any device, strengthen brand recognition by incorporating existing elements and designing new ones, and build it so the team could manage content on their own. The solution was a streamlined one-pager that condensed over 9 pages of information into one with clean sections, strong hierarchy and responsive design.

Typeface

Header font. Used in their logo and brand expressions, I brought it into their website to reinforce their brand image.

Body font. Its soft, humanist shapes paired nicely with the otherwise bold, gritty headers and branding, helping to make the brand approachable.

Barrier-Hopping Illustration

The illustration was introduced to create a small, fun homage to the iconic barrier-hopping aspect of cyclocross. It was used to help visually separate sections of content as users scrolled through.

Fully Responsive

Registering at home, or getting race-day info day-of. Getting the information needed was as quick and easy with a mouse as it is a thumb.

A Lot of Info—Simplified

The biggest challenge was finding a way to communicate key info about the series—the categories, start times, and prices—without bloating the site with multiple sections. This information was the biggest culprit to the website’s bloated navigation; however, it’s usually only useful for first timers.

We successfully did so by way of condensing the information into two tables, separated by clickable/tappable tabs. For those who don’t know what category they belong in, I put in a quick-access FAQ dropdown underneath. Now, instead of having to piece it all together across 3+ pages, new users could nail this info down in one section.