Email Module design system for Rogers. After an extensive design audit of existing emails built in Photoshop, this new system built in Figma on Atomic Design principles – Kits, Libraries, Modules, Components, Styles was created. More than 400 modules were created in multiple categories to serve as a tool for other designers to rapidly design emails and bring them to market. Each component has multiple variations in terms of viewports, backgrounds and languages creating a complete system to rapidly design, prototype and A/B test different concepts quickly. Icons and images within the module are swappable and the system remains live so that when a component is updated, designers are given a notification allowing them to decide if they wish to retain the current component or update to the latest version.
The individual modules are also connected on the back end to the Salesforce system so that they can be rapidly developed and deployed.