DESIGN SYSTEMS, NOT EMAILS.
As Mattel’s Design Consultant within Salesforce Marketing Cloud, I managed the visual development of a responsive frameworks digital library. This set of modules laid the groundwork for emails builds from Barbie, Fisher-Price, Hot Wheels, and the Mattel Store. This design system continues to minimize process overhead while reducing build time and increasing click through rates to Mattel Brand online stores.
Q4 2016 - Q1 2017
Our team was building custom emails from scratch for activations across multiple Mattel brands, at volumes higher than any of our other partners.
Our emails were non-responsive, despite 62-64% of email openings coming from mobile devices.
Interfaces were not standardized across all brands, negatively impacting the user experience of Families with multiple subscriptions.
Identify structural commonalities
Wireframe all possible content areas
Visual design of modular library
Code and document solution
We studied common pattern across multiple Mattel emails and investigated measurable impacts of mobile-optimized sends from our other clients.
Among our 50 biggest senders, those with consistent mobile aware or responsive design had an average 4x greater click-through rate. All Mattel sends had similar information hierarchies specific to whichever brand they were coming from. Customers could expect similar structures and relied on consistent placements of cycled information.
A digital library of modules for each brand, standardized for things like hero images, reduced prices on products, and local event notifications. Treating elements such as headlines, body copy, and CTAs consistently would streamline production by cutting out approval rounds and redundant QA sessions. Additionally, building responsive emails utilizing live text could lead to an increase in mobile click-throughs to online stores.
MORE Open Rates
Sends built from our responsive library saw a 65% increase in open rates with a 34% increase in click through rates. Optimized campaign operational processes by reducing rounds of proofs for each send. Other teams adopted the design system for use in other client builds, evolving our design process and reducing build hours.