The Challenge

Business context
Canyon's checkout flow treated every product the same — whether a €3,000 bike or a €15 jersey.
For accessories, or repeat purchases like bike parts where customers already know their size and preference, navigating to a product detail page just to select a variant was friction without purpose.

Design challenge
Two constraints had to hold simultaneously: the interaction needed to feel fast and lightweight, while still supporting trust in the selection process.
It had to work across mobile and desktop within Canyon's existing design system — without a full redesign.

Approach

Research:
15+ customer interviews revealed that accessories are often repeat purchases — customers know their size and prefer quick transactions over navigating to a product detail page.

Design:
Mapped the feature across five touchpoints (PLP, recommendation sliders, success layer, cart steps), each with different spatial constraints.
Modal overlay on mobile, inline expansion on desktop.
Documented edge cases per product type — size grid vs dropdown, member-access gating, single vs multi-variant logic. Delivered in four phased releases so engineering could ship incrementally.

Collaboration:
Worked with Senior UI Designer on visual design and design system integration. Partnered with the merchandising team to understand product variant complexity across categories.

Deliverables:
User research findings · Interaction flows and prototypes · UX specifications for engineering

What We Built

Desktop:
Modal overlay for variant selection

Mobile:
Inline selector for one-tap flow Integrated into Canyon's design system as reusable components across listing pages, recommendation carousels, and cart cross-sells.

Outcome

Usability sessions confirmed the design worked — users completed the variant selection and add-to-cart flow without assistance across both mobile and desktop. The PO signed off after the second round of testing with no major revisions.

The feature shipped across all planned phases and is now live across Canyon's full accessories catalogue, integrated into the modular design system as a reusable component.

What I Learned:
Designing across product edge cases — accessories require fundamentally different UX logic than bikes. How to balance user needs with design system constraints.
Collaborating across Merchandising and Engineering to ship a phased, complex feature end to end.

Team