Design Library
Designed a 200+ component library to modernize the data platform, improve accessibility, and speed up development.
United Kingdom, 2023
My Role
UI Designer responsible for planning and designing the components for the new design library.
Mentoring a Junior UI Designer who later joined the project.
Team
2 UX Designers
2 UI Designers
1 Brand Designer
Way of working
Cross-functional collaboration with UX Designers, Brand Designer, Engineers, and Stakeholders.
Weekly meetings with developers for sprint planning and review.
Biweekly meeting with stakeholders for refinements.
Duration
6 months.
Goals
Business
Enhance user satisfaction and product experience
Visual identity more in line with the startup's values and the users' profile, less corporate and more modern
Product
Standardise products and speed up the development of future features
User
Perform tasks intuitively and confidently
Spend less time learning to use the system
Addressing problems
Renewed visual identity
More vibrant colours
Typography, icons and rounded corners for a more modern and less corporate look, since most of the platform's users are young adults and reported finding the interface outdated.
Scalable components
Universal Design library with basic components such as buttons, alert messages, and text-fields, ready to be reused in other company products
Templates to speed up the creation of new features
Documentation describing the components, how to use them and their interactions
Local library with custom components
Improved usability
Ensuring that colours and typography meet WCAG accessibility standards
Use of well-known icons
Labels on hovering icon buttons
Effective use of utility colours to facilitate recognition
Simplification of technical language to facilitate understanding
Handover and next steps
At the end of my participation in the project, I created +200 components in total.
I suggested that the company make a plan to measure whether the changes were achieving the expected results in the medium term. Both on the client's side and on the development team's side.
As the Design System is a library in constant maintenance, not only by creating new components but also by updating software, at the end of my participation, I handed over to an in-house designer, so that he could take care of the Design System from then on.