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:
Myself and the lead developer work closely together to understand the parameters of email development 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.

Next 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.

As the brand expanded, more modules were submitted to the developing team and lead designer to build and test usability. Once approved by leadership, merge requests were published and the newest modules became available.