Fri, 27 Oct, 2023
Fri, 27 Oct, 2023
Fri, 27 Oct, 2023
Building a start-up design system
Building a start-up design system
Building a start-up design system
Palate Market, an extension of the renowned Palate Fest, aimed to transition from a physical food festival to a digital marketplace connecting gourmet ingredient suppliers with consumers.
The founders had a conceptual idea in Google Slides but lacked a cohesive design system to bring it to fruition. What mattered most was time-to-market and adoption rate of the design system.
Palate Market, an extension of the renowned Palate Fest, aimed to transition from a physical food festival to a digital marketplace connecting gourmet ingredient suppliers with consumers.
The founders had a conceptual idea in Google Slides but lacked a cohesive design system to bring it to fruition. What mattered most was time-to-market and adoption rate of the design system.
Palate Market, an extension of the renowned Palate Fest, aimed to transition from a physical food festival to a digital marketplace connecting gourmet ingredient suppliers with consumers.
The founders had a conceptual idea in Google Slides but lacked a cohesive design system to bring it to fruition. What mattered most was time-to-market and adoption rate of the design system.
What I did
What I did
What I did
I developed a comprehensive design system from scratch that ensured consistency, scalability, and a seamless user experience for people on both sides of the experience.
I developed a comprehensive design system from scratch that ensured consistency, scalability, and a seamless user experience for people on both sides of the experience.
I developed a comprehensive design system from scratch that ensured consistency, scalability, and a seamless user experience for people on both sides of the experience.
How I did it
How I did it
How I did it
After studying the users I identified key insights that would help me build the ideal design system.
After studying the users I identified key insights that would help me build the ideal design system.
After studying the users I identified key insights that would help me build the ideal design system.
For designers: I used atomic design principles to create a modular and reusable component library to give them clear oversight over how components were constructed. I took a slot-based approach to allow scope for creativity by providing designers flexibility in layout construction.
For designers: I used atomic design principles to create a modular and reusable component library to give them clear oversight over how components were constructed. I took a slot-based approach to allow scope for creativity by providing designers flexibility in layout construction.
For designers: I used atomic design principles to create a modular and reusable component library to give them clear oversight over how components were constructed. I took a slot-based approach to allow scope for creativity by providing designers flexibility in layout construction.
Hot-swappable approach to component construction.
Hot-swappable approach to component construction.
Hot-swappable approach to component construction.
For product managers: I focused on ease of documentation, iteration management and feedback collection to help them track metrics like; time-to-market and adoption rate.
For product managers: I focused on ease of documentation, iteration management and feedback collection to help them track metrics like; time-to-market and adoption rate.
For product managers: I focused on ease of documentation, iteration management and feedback collection to help them track metrics like; time-to-market and adoption rate.
Documentation affordance for product managers.
Documentation affordance for product managers.
Documentation affordance for product managers.
For developers: I translated design concepts into familiar engineering terminology to streamline communication between disciplines.
For developers: I translated design concepts into familiar engineering terminology to streamline communication between disciplines.
For developers: I translated design concepts into familiar engineering terminology to streamline communication between disciplines.
Terminology adaptation for better collaboration between designers and developers.
Terminology adaptation for better collaboration between designers and developers.
Terminology adaptation for better collaboration between designers and developers.
For customers: I prioritised familiar interface patterns to reduce the learning curve and enhance user engagement.
For customers: I prioritised familiar interface patterns to reduce the learning curve and enhance user engagement.
For customers: I prioritised familiar interface patterns to reduce the learning curve and enhance user engagement.
An exploration of what's possible via the design system.
An exploration of what's possible via the design system.
An exploration of what's possible via the design system.
Result
Result
Result
I delivered a robust design system that streamlined the development process, facilitated cross-functional collaboration, and provided a cohesive user experience. All-in-all, I helped Palate Market cut the industry average build time by over 50% down from 6 to just 3 months.
I delivered a robust design system that streamlined the development process, facilitated cross-functional collaboration, and provided a cohesive user experience. All-in-all, I helped Palate Market cut the industry average build time by over 50% down from 6 to just 3 months.
I delivered a robust design system that streamlined the development process, facilitated cross-functional collaboration, and provided a cohesive user experience. All-in-all, I helped Palate Market cut the industry average build time by over 50% down from 6 to just 3 months.
Filed under:
Projects
Filed under:
Projects
Filed under:
Projects