UI CASE STUDY

Sport Gear Finder: App like guided flow on the web

An intelligent recommendation tool that helps customers find the perfect sports equipment through questions

Sport Gear Finder

CLIENT

Simbuy

ROLE

UI Designer

TIMELINE

2025

TOOLS

Figma

Challenge

SimBuy needed to expand their existing design to alpine boots.

Constraints

  • Reuse the existing selector look and feel (web, mobile frame)
  • Add alpine-boot screens without introducing new component types
  • Update copy and imagery only; minimal layout changes

Solution

Extended the existing selector to support alpine ski boots without a redesign.

Key Considerations

  • Reused components; minimal net-new UI
  • Added alpine-specific steps, results and microcopy
  • Kept the app-like, step-by-step web experience
  • Delivered as a clickable Figma prototype

Design Process

1. Reviewing the existing design

I began by exploring the client's existing UI for the original ski-boot tool to understand the structure, interaction patterns and component library. This gave me a clear foundation for how the new alpine-boot flow needed to look and behave.

2. Creating new screens for the alpine boot category

Based on the existing framework, I designed new screens tailored to alpine ski boots. I reused components where possible and created new ones when needed, ensuring everything remained consistent with the established visual language.

3. Localisation: Swedish and German versions

Once the UI layout was in place, I produced both Swedish and German versions of all screens. This required adapting labels, text length, and layout details to maintain clarity and balance in both languages.

4. Building a clickable prototype

I assembled all screens into a clickable prototype to visualise the full flow. This allowed the client to test the experience end-to-end and review how the new alpine-boot flow fit seamlessly into the existing tool.

Key Features

Smart Question Logic

Step-by-step questions that adapt based on user answers to provide most relevant recommendations

Mobile design

Users access the selector through the website, which then launches a mobile-optimized interface for an app-like experience

Personal Recommendations

Tailored product suggestions based on user needs, experience and preferences

Design Showcase

Welcome Screen
Question Screen 1
Question Screen 2
Results Screen
Recommendation Screen

Results & Deliverables

The final outcome was a clear, coherent and production-ready flow that extended the client's existing tool with a seamless alpine ski boot experience. The new design fit naturally into the established visual system and provided a complete end-to-end journey that could be reviewed, tested and implemented without additional refinement.

Deliverables

  • New UI screens tailored for the alpine ski boot flow
  • Updated visuals, images and content adapted to the new category
  • Localised versions in Swedish and German
  • A complete, clickable prototype covering the full user flow
  • Reused and extended components to match the existing design system

Interested in seeing more?

View All Projects