Main Project Image

Brake Monitor

Enhancing Urban Arrow: Designing a Brake Sensor System for Proactive Maintenance and Premium User Experience

Client

Urban Arrow

Industry

E-Mobility

Duration

02/2022- 06/2022

My Role

UX/UI Designer

During my time at Urban Arrow, I played a key role in the Brake Monitor project - a smart sensor system engineered to improve user safety and maintenance ease. As the UX/UI Designer, I developed an innovative add-in feature that communicates the bike's brake-wear status, alerting users to schedule timely maintenance and avoid potential issues. By leveraging user-centric design methods, including field interviews and usability testing, I refined the riders' overall user experiences. Additionally, I made the final project showcase video. The result not only measurably enhanced customer satisfaction according to UA follow-up research, but also led to the project being selected by Urban Arrow for further development.

Project Brief

.

Project Brief

.

Project Brief

.

Brake Monitor is a service system - featuring an app and a sensor - that alerts users of brake pad wear on their cargo bike.

The brake pad wear sensor effectively monitors and predicts brake pad wear, with communication facilitated through the Urban Arrow app. This integrated service system empowers users to replace pads promptly, ensuring optimal braking performance and maximal safety, whilst enabling a luxurious cargo bike experience characterised by seamless functionality.

Keywords

Product Service System Design | IoT | App Redesign

Introduction

.

Introduction

.

Introduction

.

Urban Arrow, the world’s leading manufacturer of electric cargo bikes, produces premium e-bike models designed for families and businesses. Known for their comfort, durability, and eco-friendly design, Urban Arrow bikes deliver a high-quality experience that aligns with their premium brand image. A key aspect of this premium experience is reliability. Urban Arrow customers expect their bikes to perform seamlessly, without unexpected malfunctions. To meet this expectation, Urban Arrow seeks to integrate sensors into their bikes. These sensors will monitor the condition of key components, communicate maintenance needs, and ensure optimal performance, enhancing user trust and satisfaction.

Problem
.

The unpredictable nature of brake pad wear on Urban Arrow's cargo e-bikes has lead to an inconsistent user experience.

Factors like road conditions, cycling behaviour, weather, and maintenance practices often delay brake replacement, compromising safety and rider confidence.

Problem
.

The unpredictable nature of brake pad wear on Urban Arrow's cargo e-bikes has lead to an inconsistent user experience.

Factors like road conditions, cycling behaviour, weather, and maintenance practices often delay brake replacement, compromising safety and rider confidence.

Problem
.

The unpredictable nature of brake pad wear on Urban Arrow's cargo e-bikes has lead to an inconsistent user experience.

Factors like road conditions, cycling behaviour, weather, and maintenance practices often delay brake replacement, compromising safety and rider confidence.

Challenge
.

Designing an intuitive and user-friendly interface.

One that translates complex sensor data into clear, actionable maintenance alerts while ensuring user engagement and trust. Additionally, developing a reliable sensor-driven system that accurately detects brake wear despite environmental and behavioral inconsistencies.

Challenge
.

Designing an intuitive and user-friendly interface.

One that translates complex sensor data into clear, actionable maintenance alerts while ensuring user engagement and trust. Additionally, developing a reliable sensor-driven system that accurately detects brake wear despite environmental and behavioral inconsistencies.

Challenge
.

Designing an intuitive and user-friendly interface.

One that translates complex sensor data into clear, actionable maintenance alerts while ensuring user engagement and trust. Additionally, developing a reliable sensor-driven system that accurately detects brake wear despite environmental and behavioral inconsistencies.

Design Goal
.

Ensuring a safer and more reliable riding experience.

Providing real-time brake wear monitoring, helping users schedule timely maintenance and prevent unexpected failures.

Design Goal
.

Ensuring a safer and more reliable riding experience.

Providing real-time brake wear monitoring, helping users schedule timely maintenance and prevent unexpected failures.

Design Goal
.

Ensuring a safer and more reliable riding experience.

Providing real-time brake wear monitoring, helping users schedule timely maintenance and prevent unexpected failures.

Design Approach

.

Design Approach

.

Design Approach

.

To ensure the final design resonates with users, I adopted a user-centric approach for this project, organised into four key phases. Each stage delivered specific outcomes, with every design decision tested and validated through user feedback to ensure the solution effectively addressed user needs and expectations.

01

.

Research & Problem Definition

Conducted user interviews with UA riders, analysed sensor data to identify key influencing factors, and benchmarked existing app to explore best practices for optimised user experiences.

01

.

Research & Problem Definition

Conducted user interviews with UA riders, analysed sensor data to identify key influencing factors, and benchmarked existing app to explore best practices for optimised user experiences.

01

.

Research & Problem Definition

Conducted user interviews with UA riders, analysed sensor data to identify key influencing factors, and benchmarked existing app to explore best practices for optimised user experiences.

02

.

Concept Development

Mapped user journeys and key touchpoints, designed UI concepts to present sensor data clearly, and explored notification strategies for timely alerts.

02

.

Concept Development

Mapped user journeys and key touchpoints, designed UI concepts to present sensor data clearly, and explored notification strategies for timely alerts.

02

.

Concept Development

Mapped user journeys and key touchpoints, designed UI concepts to present sensor data clearly, and explored notification strategies for timely alerts.

03

.

Prototyping & Testing

Developed low-fidelity prototypes to test interface clarity and user comprehension, conducted usability testing with potential users to refine how alerts and recommendations were presented, and iterated on UI design based on feedback, ensuring the system was easy to understand and act upon.

03

.

Prototyping & Testing

Developed low-fidelity prototypes to test interface clarity and user comprehension, conducted usability testing with potential users to refine how alerts and recommendations were presented, and iterated on UI design based on feedback, ensuring the system was easy to understand and act upon.

03

.

Prototyping & Testing

Developed low-fidelity prototypes to test interface clarity and user comprehension, conducted usability testing with potential users to refine how alerts and recommendations were presented, and iterated on UI design based on feedback, ensuring the system was easy to understand and act upon.

04

.

Implementation & Validation

Created high-fidelity UI designs and interactive prototypes for the final product, collaborated with engineers to ensure seamless integration of brake wear data into the system and measured user engagement and validated impact through follow-up testing and feedback.

04

.

Implementation & Validation

Created high-fidelity UI designs and interactive prototypes for the final product, collaborated with engineers to ensure seamless integration of brake wear data into the system and measured user engagement and validated impact through follow-up testing and feedback.

04

.

Implementation & Validation

Created high-fidelity UI designs and interactive prototypes for the final product, collaborated with engineers to ensure seamless integration of brake wear data into the system and measured user engagement and validated impact through follow-up testing and feedback.

Design Outcome

.

Design Outcome

.

Design Outcome

.

To address the challenges, I redesigned the UA app by integrating the Brake Life Monitor feature, aimed at bridging the gap between complex technical data and an intuitive user experience. Through smart sensor integration and a user-friendly interface, the app provides real-time monitoring of brake pad condition, predictive maintenance alerts, and accessible diagnostics. Instead of relying on delayed manual checks or vague warning lights, riders receive clear, actionable insights that empower them to proactively manage brake maintenance. This solution ensures a safer, more reliable, and stress-free cycling experience, making advanced brake monitoring accessible to everyday users.

Driving Safety and Business Growth Through User-Centric Innovation

The Brake Monitor project had a significant impact on both user experience and Urban Arrow’s business goals. By providing real-time brake status updates and timely maintenance alerts, the system enhanced rider safety and confidence, reducing the likelihood of unexpected brake failures. The improved user experience led to increased customer satisfaction and loyalty, while the proactive maintenance feature helped lower long-term service costs. Recognising its potential, Urban Arrow selected the project for further development, positioning it as a key innovation to drive sales and strengthen their market leadership in the e-bike industry.

  • 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