Intro
Time
Role
Design system
6 months, 2023
Lead UX/UI designer
Initial problems
As the product evolved, issues in the engineer-led design and the underlying codebase became increasingly apparent. Beyond growing maintenance challenges, inconsistent components, colours, and visual patterns across interfaces made it harder for users to scan, navigate, and find the right information.
Hierarchy
We started by defining the hierarchy of information across the product. This helped establish clear relationships between content, using spacing, typography, and visual weight to guide users through different levels of information.
Taxonomy
We then defined a consistent taxonomy for content and UI elements. By establishing clear naming and usage rules, we reduced ambiguity and created a more predictable experience across different interfaces.
Aligning tokens & logic
To better bridge design and development, I contributed to simplifying the codebase and creating custom attributes that developers could quickly apply and reuse. This reduced development time and shortened the PR review process for designers, ultimately improving both efficiency and the quality of the final product.
Design–Development documentations
To better align design and development, I led the team in structuring a comprehensive component library covering components, variants, methods, event handling, and usage examples.
Built with MkDocs for Material, the custom documentation also consolidated information from four development repositories into a single source of truth, significantly reducing the time developers spent searching across repositories.
