CX Drills
Background
A national cycling organization wanted to create an app to help riders build the necessary skills to compete in and enjoy the sport of cyclocross. The main challenge was figuring out how cyclists could train with an app while riding.
Overview
As lead designer I was responsible for the product design and handoff of high fidelity prototypes to a team of engineers.
User Research
To understand my users I joined local cyclocross training sessions, sat in on a boot camp, and listened intently to the insights of coaches and athletes. A consistent message resonated, this is supposed to be fun. However, a clear training structure proved vital for achieving optimal fitness and riding skills, but many riders felt lost creating workouts.

Defining Solutions
By synthesizing research findings, a clear problem emerged: Cyclocross riders are struggling to discover effective workout routines, hindering their progress in skill development and overall fitness. To address this challenge effectively, I created user personas and empathy maps for athletes, coaches, and bike brands.

Wireframing & Brainstorming
To bridge the gap between fun and focused training, I embarked on a design thinking process. By combining user insights with the core app concept, I generated a range of potential solutions. Through iterative sketching and prototyping, I explored various approaches to deliver structured, enjoyable workouts that catered to riders of all levels.



Test Rides
Pre-riding the course is an essential part of cyclocross racing, and so is testing a design before presenting to stakeholders. To ensure CX Drills met the needs of its users, I conducted thorough usability tests. By observing users interact with the prototype, I gained valuable insights into their behavior, preferences, and pain points.
High Fidelity Prototypes
My tests showed that the interface had to be quick, easy, and fun. Inspired by the iPhone's native tiles and Spotify's song queue, I created a very basic drill interface that kept user interactions low.
Design System
I created a basic design system to help my clients guide developers in typography, color, and components. In my experience simple guides are best because they're more likely to actually be used.
Results
My designs were successfully submitted to the client and they are working with developers to create a fully functioning app for launch.