Esurance brand and design system

Esurance repositioning defined its mission as an insurer that uses technology and innovation to deliver a simple, transparent and affordable product. We transformed the visual foundational elements to reflect the new values and documented it in a sharable web resource that ensures brand consistency and recognition.

 
brand-site-top.png
 
 

Customer insight/Challenge

Brand audit of customer touch points spanning marketing and product revealed a missed opportunity to meet customer expectations of a modern brand and build an emotional connection.

Objective

Reimagine brand visual and voice standards within the context of the simple and transparent positioning and increase purchase consideration. Execute it through the website, apps, marketing emails and LPs. 

My role

Design direction: mentored a team of 3 designers through brand elements and assets evolution.

Collaborated cross-functionally to integrate brand guidelines in all customer touch points.

Finessed color palette, typography and layout templates and created a brand documentation website. 

 

The process

The design team started an exploration by creating several rounds of mood boards and putting them in front of marketing and product stakeholders who provided us with the consumer research and business goals perspective.

 

Mood board exploration

moodboard-1.png
moodboard-2.png
moodboard-3.png

Based on the feedback, we identified the direction that was the closest to the brand character, stood out from the competition and had the strongest emotional appeal. We applied A/B and moderated user testing to determine which photography and messaging style customers responded to best. We proceeded with user testing color combinations, fonts and icons though web and mobile interface components and layouts.

 
 

The new brand

To facilitate the proper use of the assets by in-house teams and vendor agencies we created creative.esurance.com, a style guide portal that includes the main brand elements and examples of use cases.  

 

Design system foundations before rebranding

2017-brand-1.png
2017-brand-2.png
 

Design system foundations after rebranding

2019-brand-1.png
2019-brand-2-icono.png
2019-brand-3-colors.png
2019-brand-4-typogra.png
 

Integration and results

The expanded color palette, the minimalist font face and the bright and clean illustration style supported the brand personality and expanded user interface and interaction design options. Launched through Esurance.com, a purchase app and a digital campaign, the rebrand had a positive impact on marketing KPIs, especially  the unaided awareness (+4%), purchase intent (+3%) and quote completion rate. The users found the homepage, the quote rate pages UI and interactions based on redefined design system to be more clear and understandable. 

 

Purchase app rating page

1-Quoting App.png
 

Landing pages, emails and newsletters

2-LP.png
3-email-MB.png
4-newsletter-MB.png

Digital banners

digital-1.png
digital-2.png
digital-3.png