Project 529 Redesign

The Domain Context: Project 529 is a physical-to-digital security ecosystem on a mission to eliminate bike theft. During my six years in the electric bike industry—including three years co-operating a retail shop in North Vancouver—we actively used and promoted this system. We distributed their tamper-proof "Shield" stickers, helping customers register their unique serial numbers to link their bikes directly to the Vancouver Police Department database.  I know the system works because I experienced it firsthand: when our shop was hit by bike theft, the 529 database was the exact tool that allowed us to successfully recover one of our stolen bikes.  

‍The UX Challenge: Despite the brilliant real-world impact, the digital registration process was high-friction and time-consuming for users. If a registration flow is too clunky, users abandon it—leaving their physical bike entirely unlinked to law enforcement. I took on this redesign to apply strict, systems-level logic to their data-heavy forms, compressing a tedious 6-step registration process into a seamless 2-step flow.
UNIT 4 REDESIGN / iOS APP / UX DESIGN

Project

Academic, UX Diploma

Duration

2 weeks (June 2024)

My Role

1 of 2 UX Designers

Tools

Figma, FigJam, Pen, Paper

10 Usability Heuristics for User Interface Design

Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.

Improvement #1: Landing Screen Redesign

The first part of the redesign aims to align typography, icons, and CTA elements with industry standards for optimal sizing, spacing, and alignment. One of the major changes showcased here is the addition of a tab bar.

1. Visibility of System Status
3. User Control and Freedom
4. Consistency and Standards

Landing Screen

Issue Description

  1. Excessive whitespace on the landing screen leaves users without clear direction.
  2. Typography, icons, and CTA size are too small.

New Landing Screen

Design Solution

  1. A tab bar for greater user control & clarity.
  2. A context message and graphic to direct the user.
  3. Increased typeface and button size to align with external standards.

Key Learnings & User Insights

Improvement #2: Home Screen Redesign

Here the home screen has been redesigned and combined with the alert screen. The purpose of this app is to inform and hopefully reduce bike theft, thus there is no better place for the previous "alerts" screen to be repurposed onto the new home screen.

3. User Control and Freedom
5. Error Prevention
8. Aesthetic and Minimalist Design

Alerts Screen

Issue Description

  1. Navigation is quite difficult on this screen. Bike Alerts (stolen bikes) are listed chronologically. The size of each entry makes for lots of scrolling.
  2. The most crucial information has a light typography and once again the sizing is quite small and difficult for a user to read, especially if they are needing this information quickly.

New Home/Alerts Screen

Design Solution

  1. Bike alert image sizing was reduced to increase scannability.
  2. Typography hierarchy is implemented so that the most important information is the most legible and scannable.

Key Learnings & User Insights

Improvement #3: Registration Redesign

The primary focus of this redesign was to make the once 6 screen "Register a Bike" process condensed into a far quicker user experience. Below showcases the changes that made this happen.

3. User Control and Freedom
7. Flexibility and Efficiency of Use
8. Aesthetic and Minimalist Design

Bike Registration

Issue Description

  1. The original bike registration process takes more than 6 screens which are near identical
  2. Many of these steps are repetitive, where flexibility and ease of use are quite low.

New Bike Registration

Design Solution

  1. Typography and sizing was increased for legibility
  2. Multiple steps were condensed into 2 pages. Above shows 1 of 2.

Key Learnings & User Insights

Improvement #4: Bike Registration Confirmation Page

The redesigned confirmation page enhances user confidence, improves visual clarity, and aligns with modern design standards. By refining the layout and introducing key elements, the update ensures a more intuitive and seamless registration experience. These changes focus on usability, consistency, and building trust with the user.

4. Consistency and Standards
5. Error Prevention
8. Aesthetic and Minimalist Design

Registration Review Screen

Issue Description

  1. The previous design did not include an image preview of the registered bike, which could leave users uncertain about their input accuracy.
  2. The "Next" button on the confirmation page served no functional purpose, creating confusion and interrupting the flow of the registration process.
  3. The CTA button's position did not adhere to design standards, leading to potential usability issues and inconsistencies across the app.

New Review Screen

Design Solution

  1. Image added to provide user reference for their bike registration review
  2. 2 CTA's condensed into 1 for consistency with the rest of the redesign to increase predictability for the user.

Key Learnings & User Insights

Improvement #5: Garage Redesign

This section of the redesign enhances clarity and functionality while addressing key usability issues with the previous garage Home Screen. In the old design, the tab bar inconsistently appeared for the first time on this screen, and was blocked by a toast notification after registering a bike. This redesign moves the toast notification to the top to avoid this conflict, while also adding horizontal photo scrolling, detailed bike information, and a clear CTA to register a new bike.

1. Visibility of System Status
6. Reconition Rather Than Recall
7. Flexibility and Efficiency of Use

Garage Screen

Issue Description

  1. This shows the original Garage page, once your bike has been registered. There is no ability to scroll images and there are some obvious aesthetic issues.
  2. The toast notification comes from the bottom, blocking the tab bar which makes its first appearance in the app.
  3. User options are limited are confusing and overall lack direction for the user.

New Garage Screen

Design Solution

  1. Horizontal scroll was added to the images.
  2. Tab bar remains to guide user to next steps.
  3. Toast notification was moved to the top as part of general external standards.
  4. CTA added to prompt the user if they are in need of another bike register.

Key Learnings & User Insights

Paulished design
How it worksPricingDocs
About
Terms & ConditionsPrivacy policy
Copyright © 2021 Company name