Design library enhancement
After joining the project my primary goal was to harmonize existing designs, establish coherence, and develop a structured design library.
OVERVIEW
1 Front-end developer
4 Back-end developers
Role: Product Designer
Team: 5
January 2022 - 2023
Client: Gondola.ai
Building design library
Revising and restructuring legacy components
Legacy component library was small and not well organized
The development team was facing a bit of a challenge due to the lack of clearly defined design patterns, which resulted in inconsistency of component behavior throughout the product.

To tackle this, my first step was to analyze the existing designs, compare them to how they were implemented, and start creating a brand new, all-encompassing design library complete with detailed descriptions.
New design library was made with future expansion in mind
I took an atomic design approach and structured it around design tokens.

To create a cohesive look and feel, I revised and expanded the text styles.

Lastly, I organized the color styles based on usage (such as Primary, Secondary, Tertiary, System, etc.), ensuring that they matched their implementation and were easy to work with moving forward.
Components were merged into easily customizable variants
To speed up the design delivery process, I opted to create variants of each component that included style variations. In the long run, this decision saved me approximately 57% of my time during the ideation and concept creation phases of the project.
Complex components were fully described to ensure smooth hand-off
Understanding how challenging it can be to grasp the exact behavior and usage of each component, I took the initiative to create simple yet effective descriptions for every component that required one.

Following my discussions with the Dev Team, this approach evolved into the creation of a comprehensive documentation.
Related projects
Sales platform features: Coming soon
AI Recap feature: meeting summarization and transcript add on to existing sales platform
© 2023. Darya Tarasevich