https://s3-us-west-2.amazonaws.com/secure.notion-static.com/71c5f4de-0db5-470d-a686-9f87987d4aec/cover_image.png

Overview

Alfa Insurance has provided insurance to the southeast United States for over 75 years to over 780k customers. In Q4 2019, Alfa launched a new site which allows users to quote and purchase car insurance online.

At the time Alfa did not have an internal product design team, so the first version of the quoting tool was designed and built without the aid of a product or experience designer.

After joining Alfa as their first UX Designer in March 2020, I evaluated our areas of opportunity in order to improve the user experience for our online car insurance quote and purchase experience.

My Role

UX Designer

Visual Designer

Timeline

Nov 2020 - Jan 2021 3 Design sprints

Status

🖥 In development

Team

1 Designer (me! 👋) 1 Content manager 3 Developers 1 Project manager


The Problem

BEFORE: Alfa Insurance's existing auto landing page

BEFORE: Alfa Insurance's existing auto landing page

Alfa's existing online purchase journey looked unpolished and visually inconsistent. I knew the process needed a visual overall, but I also wanted to identify some experience gaps to better focus our user's experience.

The key problems I needed to address were:


Goals

<aside> 📈 Increase the number of auto quotes generated by optimizing critical pages for conversion

</aside>

<aside> 📱 Increase the percentage of customers who created Alfa accounts after purchasing a policy online

</aside>

<aside> 🎨 Apply visual updates according to the Alfa design system I developed in Q2 2020

</aside>

Building the Solution

Personas = Empathy + Data

Alfa established a few basic buyer profiles based on market research data during Q4 2019. I wanted to take that research and build an effective set of personas we could use to help direct our user journey.

I used these buyer profiles as a basis to create our primary and secondary personas. I then combined data about our customers such as common interests, occupation, and lifestyles to create realistic and relatable personas which we could use to build our user journey.

<aside> 💡 Explore the personas in Figma >

</aside>

Lightweight persona cards used in journey mapping

Lightweight persona cards used in journey mapping


Mapping the Journey (Journey Map)

After establishing our user personas, it was time to dive into the user journey to uncover the pain points our users were experiencing. I created journey maps for each of our persona's most likely quote experience.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/49f092d3-4ac9-4736-8af8-228d0de9fc15/AL_Quote__Bind_Journey.png

Alfa Auto Journey Map.pdf


Pain Points and Areas of Opportunity

Pain Point

Result

<aside> ❗ Visitors to the landing page could not learn about what makes Alfa unique without clicking away from the landing page.

</aside>

<aside> 💭 Users clicked away to another page on the site to research our company or simply left our site.

</aside>

<aside> ❗ Users were not able to create an Alfa account during the policy purchase process.

</aside>

<aside> 💭 Users had to call or visit an office to set up essential tools like auto pay and paperless billing.

</aside>