AC
Product

Custom cycling landing page with clearer first actions

Date

Product

Custom cycling landing page with clearer first actions

Date

Role: UX/UI Designer · Full responsive landing page design concept

Role: UX/UI Designer · Full responsive landing page design concept

NoName Cycling — Landing Page

01 / Project goal

Design a full responsive landing page concept that introduces NoName’s custom cycling offer and gives riders two clear paths: start a custom kit or shop ready-made gear. The page needed to build confidence around fit, materials, sustainability, delivery and support before users entered the shop or custom flow.

01 / Project goal

Design a full responsive landing page concept that introduces NoName’s custom cycling offer and gives riders two clear paths: start a custom kit or shop ready-made gear. The page needed to build confidence around fit, materials, sustainability, delivery and support before users entered the shop or custom flow.

Case study hero image showing the product interface in context.
Case study hero image showing the product interface in context.

02 / What needed to change

Research combined desk research, competitive analysis of Rapha, Pas Normal, MAAP and similar cycling brands, informal rider interviews, FAQ/review analysis and a heuristic review. Five issues shaped the landing page: unclear first step, high perceived risk, hidden trust signals, repeated sizing/shipping questions and fragile mobile hierarchy.

02 / What needed to change

Research combined desk research, competitive analysis of Rapha, Pas Normal, MAAP and similar cycling brands, informal rider interviews, FAQ/review analysis and a heuristic review. Five issues shaped the landing page: unclear first step, high perceived risk, hidden trust signals, repeated sizing/shipping questions and fragile mobile hierarchy.

03 / Research findings: rider confidence

Three rider types guided the structure: performance riders who care about fit and durability, design-driven riders who want identity without a complex process, and casual riders or gift buyers who need simple reassurance. Across research, users hesitated when they could not see the custom path, understand materials and sustainability quickly, or answer sizing, delivery, returns and support questions.

03 / Research findings: rider confidence

Three rider types guided the structure: performance riders who care about fit and durability, design-driven riders who want identity without a complex process, and casual riders or gift buyers who need simple reassurance. Across research, users hesitated when they could not see the custom path, understand materials and sustainability quickly, or answer sizing, delivery, returns and support questions.

04 / Landing page structure

The concept separates the two first actions: Start Customizing and Shop Ready-Made Gear. The custom process becomes a short step-by-step story. Trust sits near decision points through USPs, material and sustainability proof, testimonials, team context and concrete metrics. FAQ and Smart Search answer doubts before users leave the flow.

04 / Landing page structure

The concept separates the two first actions: Start Customizing and Shop Ready-Made Gear. The custom process becomes a short step-by-step story. Trust sits near decision points through USPs, material and sustainability proof, testimonials, team context and concrete metrics. FAQ and Smart Search answer doubts before users leave the flow.

Case study gallery image showing interface and product design details.
Case study gallery image showing interface and product design details.
Case study gallery image showing interface and product design details.
Case study gallery image showing interface and product design details.
Case study gallery image showing interface and product design details.
Case study gallery image showing interface and product design details.
Case study gallery image showing interface and product design details.
Case study gallery image showing interface and product design details.

05 / What I would test next

The next iteration should measure CTR into customization, exits before product/custom pages, engagement with trust sections, FAQ/search usage, newsletter sign-ups, first-click success and mobile scroll depth. I would also test hero copy, CTA labels, trust-section order and post-purchase flows such as saved designs and order tracking.

05 / What I would test next

The next iteration should measure CTR into customization, exits before product/custom pages, engagement with trust sections, FAQ/search usage, newsletter sign-ups, first-click success and mobile scroll depth. I would also test hero copy, CTA labels, trust-section order and post-purchase flows such as saved designs and order tracking.

Thanks for reading

Thanks for reading

If this kind of product thinking feels useful for your product, project or team, I’d be happy to talk.

Work with me →

Next project

Thanks for reading

If this kind of product thinking feels useful for your product, project or team, I’d be happy to talk.

Work with me →

Next project