Problem Statement:
Designers and Developers could not keep up with the demand of CRM (emails). Additionally, every email was being made ad-hoc and/or hard coded and we were not reusing patterns which created inconsistent UX and usability with our customers.
Solution:
Created code-accurate modules for both desktop and mobile that are hybrid responsive in Sketch, and cataloged those code snippets for the modules in a Git Hub, created an enterprise level repository.
How we got there:
After testing the Alaska Airlines design system for CRM, we found success and applied the process to Verizon Wireless CRM. Myself and the lead developer worked closely together to understand the parameters of email development for Verizon and best practices and created modules in Sketch that represented true code implementation. Additionally, we cataloged all available options, usage guides, overrides and props for each module as well as nomenclature.
We created a Sketch library that was pushed out to all designers and developers, additionally we made an enterprise GitHub that housed all the code snippets to grab from.
Numerous teaching sessions with both design leadership, developers and producers were held to educate the business reasons why this was a necessary action to help keep up with velocity and marketing demands. Constant communication was shared between all teams when there were updates both in the libraries and in code.
The system was highly adopted and taught to partner agencies and Verizon enterprise!