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
Tools
  • 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

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.

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

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

Deliverables

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

  1. Deliverable
    Content Strategy

    UX Concept

    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. Content Strategy

    Wireframes

    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
    User Experience

    UX Research

    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. User Experience

    UI Design

    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
    Implementation

    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

FTI-Andersch Website Concept, Re-Design and Implementation

Project

Explore Project

FTI-Andersch Website Concept, Re-Design and Implementation