Esurance Website

Esurance.com gives customers an opportunity to get an insurance quote and to purchase or access their policy online. It provides detailed information about products and  policyholder apps as well as advice relevant to customers’ interactions with insurance.

Visit the site


Customer insight/Opportunity

Consumers find insurance confusing and expensive. To address customers’ pain points the Esurance.com website has to be extroverted, simple and approachable.

Objective

Increase quote initiation rate and customer retention by simplifying the look, UX, architecture and voice. Support the bold, self-confident and savvy brand perception. Set up users’ expectations for an easy and straightforward experience.

 

My role

Led Visual, UX and architecture design and ongoing optimization.

Contributed hands-on work at high-level design milestones, page layouts and UI style guides. 

Managed a team of 4 designers.

Coordinated cross-team collaboration to assure consistency of the customer journey.


The process

We shaped the overall design direction by testing 3 product page prototypes against the control version. Each represented a distinct design style, colors, font, imagery and messaging and was focused on a different aspect of brand personality: the warm/friendly, the modern/clean, and the bold/charismatic. 

 
the-process-1.png
the-process-2.png
the-process-3.png
the-process-4.png

All 3 new designs outscored the control version with the modern and clean winning in a qualitative concept test. The elements that worked for the user were pastel color palette, increased use of iconography and straightforward, benefit-focused headlines. Since we had no clear read on the photography style we conducted additional A/B testing and identified the version that got the highest CTR. 

With the users’ preferences in mind we defined UI elements, a color palette, iconography and a font hierarchy and created a library of patterns and templates.

 

Before

Old homeowners insurance product page

before-HO-top.png
before-HO-bottom.png

After

Redesigned homeowners insurance product page

after-HO-top.png
after-HO-bottom.png
 

Redesigned mobile app page

after-Esu-Mobile-top.png
after-Esu-Mobile-bottom.png
 

Redesigned login pages

after-login-top.png
after-login-bottom.png
 

Documentation

documentation.png
 

Results and ongoing optimization

The redesigned Esurance home and product pages increased the CTR by several percent. Users found the interface and interactions to be clearer and more intuitive. We continued A/B and multivariate testing to optimize the performance. Below is an example of a home page multivariate test involving copy and imagery iterations.

multi-test-1.png
multi-test-2.png
multi-test-3.png
multi-test-4.png
multi-test-5.png
multi-test-6.png
multi-test-7.png
multi-test-8.png
multi-test-9.png