Build a design system from 0
Build a design system from 0
Embedded Files
Context
Website, customer account, mobile app, CRM... MACSF digital ecosystem is becoming complex and evolving on a large scale.
This lack of coherence and consistency across our interfaces affects the overall user experience.
Context
Website, customer account, mobile app, CRM... MACSF digital ecosystem is becoming complex and evolving on a large scale.
This lack of coherence and consistency across our interfaces affects the overall user experience.
How to build a powerful design system ?
To build our design system, we proceed in 4 steps :
Interview 10 employees to gather their experiences and practices
Present key insights from the interviews to the lead team
Method
Individuel interview
Create an inventory of existing components and interfaces
Clearly define our objectives
Design component page detailing usage and guidelines
Tools
Excel and Figma
Design side :
Contribute the page to MACSF design system
Tech side :
Contribute components to Storybook
Tools
CMS and Storybook
Communicate, explain and spread the design system internally
Organize weekly Engineering/Design meeting
Tools
Meetings, conferences
Impacts
Impacts
Time saved during prototyping
Reduced back-and-forth with developers by 50%
Reduced our design and tech debt
For a simple project, reduced go-to-market time from 6 to 3 months
Improve collaboration and onboarding
Consistency across user journeys
Page updated
Google Sites
Report abuse