Rebuilding the information architecture
Usability testing revealed that users often struggled to find content they want. To address this, the information architecture was redesigned and visualized to align more closely with users’ mental models, enhancing navigation and content discoverability.

Establishing a unified design system
Previous design files were fragmented, causing inconsistencies. Rebuilding the system in Sketch unified fonts, components, and spacing, providing engineers a consistent reference and streamlining development.

Improving accessibility & readability
Surveys showed that most users were between 40 and 60 years old, yet the original 14–17pt font sizes made readability difficult. We adjusted font sizes to 16–20pt, enhanced contrast, and refined touch targets to improve usability, particularly in motion-heavy environments like cycling.

Ensuring product quality
I also led the quality assurance process, identifying issues in the test product and working closely with engineers to find solutions.

Preparation before launch
To further enhance the product, I invited engineers to join outdoor testing before release, giving them a deeper understanding of real-world use cases and ensuring a high-quality final product.
