For this project I worked with the Gymshark Marketing and CRM teams to design multiple templates and components and applied the Design System consistently across multiple marketing channels including emails and in-app messages.

Email Templates
For this project I worked on multiple marketing and transactional templates all using our Gymshark Design system creating a consistent look and feel across all of them.






Components
As part of this project I built over 150+ components all using our Design System, allowing the Marketing teams to easily drag and drop components to create custom templates in BRAZE.

Design System UI
There were a handful of CORE elements I used throughout the email templates that helped the design feel more cohesive, including set font styles H1-H6 and button UI that all matched up to our wider design system bringing all of our emails in-line with our other live experiences.

Marketing Messaging
I also worked on in-app messaging modals, these use our existing modal styles and elements from our Design System. I created individual elements for different types of messaging for email sign up, questionnaires and leaving product ratings.




