Rover Rolls Out New Email Design System in Figma

- The project was a collaboration between Rover and the digital agency Shaw/Scott, with the new system architected and implemented by a sole designer, Julie Cochran. - Key problems addressed included an inefficient, manual email building process, buggy rendering in dark mode, and the need to scale up the use of dynamic content in marketing campaigns. - To ensure close alignment with Rover's internal product team, the design system adopted a 4pt grid and a value multiplier spacing system (e.g., Space-1x for 4px, Space-2x for 8px) for finer layout control. - The project's initial scope required the delivery of 33 distinct modules, a consolidated brand-approved image library, and full responsiveness for both light and dark modes, all within a three-month timeframe. - The final system was successfully delivered in four months, resulting in stronger brand consistency and positioning Rover's creative team to work more independently and efficiently. - Instead of a typical layout-based organization (e.g., 1-column), modules were classified by hierarchy to mirror how the Rover team already used them, making the system more intuitive for future campaigns. - To ensure a smooth handover, the project concluded with two dedicated training sessions for the Rover team: one focused on functionality and structure for developers and another for the design team. - The system's typography was designed to be flexible, using "T-shirt sizing" for font sizes and providing options for both a custom brand font (Bogart) and a widely supported system font (Avenir) to handle variations in email client support.