Product

Responsive landing page for custom cycling apparel

Date

Role: UX/UI Designer · Type: Self-initiated concept (solo)

NoName Cycling — Landing Page

NoName is a cycling apparel brand that lets riders create custom performance kits with a focus on quality and sustainability. Before designing the landing page, I also developed the brand identity, including the logo, core guidelines, and marketing materials. The goal of this project was to create a responsive landing page that clearly communicates what the brand does, explains how customization works, and drives users into two core flows: “Start Customizing” and “Shop Ready-Made Gear.” The work covered UX framing, user flows, information architecture, visual design, and an interactive prototype.

Main Project Image

A focused landing page that reduces first-visit friction and guides riders quickly into custom or ready-made flows.

NoName combines performance cycling apparel with a clear, guided online experience. The landing page reduces ambiguity on the first visit, clarifies the value of custom gear, and highlights trust signals. It is designed to help riders quickly choose the path that matches their intent — whether developing a custom kit or exploring ready-made products — with an integrated AI assistant available to answer follow-up questions about sizing, shipping, customization steps, and more.

User Pain Points and Design Solutions

Large Project Gallery Image #1
Large Project Gallery Image #1
Large Project Gallery Image #3
Large Project Gallery Image #3

User Experience Metrics

User Experience Metrics

Business Outcomes

Business Outcomes

  • The image featured in the carousel #3
  • The image featured in the carousel #4
  • The image featured in the carousel #3
  • The image featured in the carousel #4
  • The image featured in the carousel #3
  • The image featured in the carousel #4

Conclusion and Expected Outcomes

The NoName landing page turns a broad value proposition — “we sell custom cycling apparel” — into a clear, structured and testable experience. It clarifies the first decision on the site, surfaces trust much earlier, and addresses core questions that previously caused users to drop off, while keeping the focus on two main flows: customize a kit or shop ready-made gear. In practice, this is expected to lead to:

Conclusion and Expected Outcomes

Create a free website with Framer, the website builder loved by startups, designers and agencies.