Design System
Since building the Irwin Mitchell Design System the benefits of it were clear to see, rapid prototypes, consistency, efficiency the list goes on.
Creating a design language helped bring various projects inline with the master brand. Here is a bit of background on the work that was undertaken.
Pattern Audit
The first step was identifying all of the patterns across the site, seeing which ones could be unified and then breaking them down into individual components. When all the patterns had been broken down the next step was to create these components in Sketch.
Sketch Components
Sketch gives you the ability to create a library of components that can be accessed in any project. These components can be made to have editable content inserted into them which makes wireframing/designing incredibly quick.
Front-End Components
Creating individual components with their own HTML/CSS/JS makes them reusable, manageable, lean and improves consistency across projects.
After these components have been broken down it helps with page performance as you are only using the CSS required for the patterns you are using on a specific page.