Email LinkedIn ↗
UX design · E-commerce · Jan – Mar 2024

Bike E-Commerce

Designing for riders from pro athletes to casual commuters: personalized recommendations, smarter filtering, and lower decision fatigue for a bike storefront.

Role
UX research & design
Timeline
Jan – Mar 2024
Focus
Personalized product recommendation
Tools
Microsoft Excel · Figma
−32%time to find a product
+25%successful filter usage
+17%task completion
−21%discovery support queries

Overview

Skills Learned

UX Research, Prioritization, Wireframing, Prototyping, Competitive Benchmarking, Usability Testing

Tools

Microsoft Excel, Figma

User Research: Summary

In this project, I conducted comprehensive user research to understand the varied needs of different cycling personas. Initially, I assumed that budget and basic functionality would be the primary concerns for most users. However, the research revealed that priorities differ widely based on biking experience, fitness goals, and specific use cases. This insight led to a more nuanced approach, emphasizing customized recommendations tailored to each user's unique traits, such as physical condition and terrain preferences, rather than just focusing on cost.

User Persona Development

User Story Analysis

Open the user story analysis sheet ↗

User Research: Scoring

Usability Study: Findings

I conducted two rounds of usability testing on both low-fidelity and high-fidelity wireframes to evaluate user interactions with the proposed UI designs. The goal was to identify areas where users faced confusion or difficulty and to refine the design to better meet their needs.

UX Strategies for Simplifying Bike Selection

This section highlights key design decisions made to support accessibility, reduce decision fatigue, and help users confidently find a bike that fits their needs.

High-Fidelity Prototype

Open the high-fidelity prototype in Figma ↗

Homepage

  1. Guided onboarding via survey entry
  2. Early trust-building with customer feedback
  3. Consistent visual hierarchy for scannability
  4. Low-friction promotion placement

Survey

Product Detail

  1. Recommended size for individual customer
  2. View in 3D mode
  3. Selected keywords for customers to avoid reading heavy text
  4. Product closeup
  5. Reviews from customers with similar data and needs will be pushed to the front

Profile & Feedback

  1. Easy edit profile data & survey
  2. Family profiles for other members
  3. Ratings & keyword selection for other customers
  4. Rewards available to encourage contribution

Impact

The design solutions significantly enhanced the user experience by addressing key pain points, including navigation complexity and unclear filtering and recommendation mechanisms. Post-launch usability testing showed a 32% reduction in time-to-find a product, a 25% increase in successful filter usage, and a 17% improvement in task completion rates for users searching for a specific bike type. Additionally, product discovery-related support queries decreased by 21%, indicating improved clarity and usability. As one peer noted, “The improved tagging and filtering system made finding the right bike much easier and more intuitive.”

Next project

Grubhub UX Research →