All projects

Bike Sizing widget for smartfit – online sizing

  • Design & Feedback
  • User Research
  • Platforms & Hosting
  • Business
  • Prototyping
  • Strategy

Boosting Bike Sales – Elevated Customer Satisfaction through an embeddable Sizing Widget

Client Smartfit Logo
Cover Image

Project Details

Duration 2 years
  • Figma Logo
  • Notion Logo
  • Dovetail Logo
Project Lead:
Nils Borgböhmer

Nils Borgböhmer

Co-Founder, Head of Interaction Design

Schedule Meeting

The challenge was to develop an interactive widget capable of sizing bicycles and providing size recommendations to users. This widget needed to be seamlessly integrated into various e-commerce websites. We successfully designed a low-code integration that not only increased sales but also provided peace-of-mind to the buyers.

Project Outcomes

  • Low code e-commerce integration

    Widget unlocks a large market through a low code integration into e-commerce platforms

  • Flexible tech platform

    Flexible tech platform to launch multiple sizing solutions. replacing the complex in-store solution

  • Increased customer retention rate

    Widget creates income per single sizing request. Clients growing business potentially scales revenue

Company logo

That project grew into a major pillar sustaining our product suite. We're looking forward to many years of collaboration!

Our challenge was to extend a working business with an online solution. We didn't have digital expertise in house at the time, so we got Dinghy on board.

Play: Testimonial on OZ v3 Design process, Andi from Smartfit

Project Deliverables

The following are some of the deliverables that were created for this project.

  1. Deliverable

    UX Concept

    Product Strategy

    The client came to us with a drawing on a napkin, we were able to flesh out this idea into a concept that included a roadmap, use cases and possible solutions.

  2. Wireframes

    Product Strategy

    Blueprint for each page which enables all teams to start work in parallel: UI design, copywriting, creating of visual content and web development all know what to do based these schematics.

  3. Deliverable

    UX Research

    User Experience

    To validate assumptions made during the concept phase we set out to test the Online Sizing Widget. The widget was used to run user tests with user who had bought bikes online in the past month. The feedback we received was implemented and helped improved the user experience drastically.

  4. UI Design

    User Experience

    This phase encompassed the visual layout, elements, and interactions of a digital interface, aiming to enhance user engagement and usability. It involved selecting colours, typography, icons, and arranging elements to provide an intuitive and aesthetically pleasing user experience.

  5. Deliverable

    Web Widget Development


    The widget was developed internally. The development team focused on creating lightweight, customizable, and easily integratable elements to enhance user experience. The widget can be hosted externally or self-contained within the web page, allowing developers to enhance the functionality of a website without building everything from scratch.

Explore Next Project

UX Upgrades – Stable Cash Flow through Smart Reminders


Explore Project

UX Upgrades – Stable Cash Flow through Smart Reminders