Freshlove go — UI/UX Design
The Team
1 Designer
2 Font End Engineers
Product Manager
The Role
I was assigned to the app. Our responsibilities included developing components and necessary variations, conducting rigorous tests on the components to ensure flexibility and scalability, addressing feedback, documenting the functionality of components within the design system, and working closely with front-end engineers to implement the design.
Timeline: 7 Months
Overview
A team of designers has constructed a design system and component library. This system is divided into multiple teams, each concentrating on distinct yet interconnected products. Each product is assigned one or two designers who are specifically dedicated to its development.
Problem to solve
Issues of irregularities and inefficiencies surfaced during our assessment. Designers were consistently developing similar components independently or addressing similar UI challenges already encountered in other products. Collaboration between designers was hindered by the need to cross-verify existing patterns, compounded by Figma files being linked to numerous libraries. This not only disrupted the workflows of both designers and developers but also posed a potential risk of creating inconsistencies in brand and user experience across a suite of enterprise products. The challenge at hand is finding ways to enhance design processes and establish a uniform, scalable experience across a diverse portfolio of products within a large enterprise.
Problem to solve
Issues of irregularities and inefficiencies surfaced during our assessment. Designers were consistently developing similar components independently or addressing similar UI challenges already encountered in other products. Collaboration between designers was hindered by the need to cross-verify existing patterns, compounded by Figma files being linked to numerous libraries. This not only disrupted the workflows of both designers and developers but also posed a potential risk of creating inconsistencies in brand and user experience across a suite of enterprise products. The challenge at hand is finding ways to enhance design processes and establish a uniform, scalable experience across a diverse portfolio of products within a large enterprise.
Our goal
Our plan was to facilitate the product development workflow, create a consistent visual identity for a varied array of enterprise software solutions, and equip our product teams for future scalability. In constructing our component library, we prioritized our internal designers and front-end engineers as the primary users. The selection of design system elements aligned with Cardigan's product strategies, and we transformed them into flexible Figma components suitable for constructing diverse workflows. Collaboration with developers was integral to ensure that the Storybook component library accurately mirrored the interactive patterns we developed in Figma throughout our design process.
