QUOTE RESULTS PAGE REDESIGN
The goal of the quote results page redesign project was to increase the visibility and sales of Hagerty's additional coverage product offerings. Discovery showed that 1. if the UI changes recommended by the business unit to meet the goal were implemented, the potential was there to decrease the higher priority conversion goal of the page, and 2. the existing UI had usability issues beyond the original problem we were trying to solve.
My Roles: UX, UI, User Behavior and Data Analysis, Graphic Design
Tools Used: Axure, Photoshop, Inspectlet
Client: Hagerty Sales Team
Who I Worked With: Business Unit Stakeholders, Usability Manager
I started the discovery phase with an analysis of the existing quote results page, including viewing Inspectlet data for insights into user behavior. What was shown via the Inspectlet scroll heatmap was that less than 50% of users were scrolling beyond the gray quote box, which led me to hypoethesize that these users may not be aware that content - including the additonal coverage product offerings - existed beneath it. This hypothesis was confirmed at a future user testing session.
More so, the Inspeclet click heatmap revealed that the Learn More CTA's associated with the policy sales messages had a high click rate, which meant that replacing these messages with additional coverage product messaging - as initially recommended by the Sales team to achieve their goal - could negatively impact the overall priority page goal of quote to application conversions.
Based on the discovery findings, my initial change recommendations - as shown below - were to:
1. Add an instructional header labeled Review / Edit Quote Details to indicate content existed below, encouraging user page scroll
2. Clean up the quote details table for better scanability and a more uniform appearance
3. Replace one of the policy sales messages with an additional product coverages message, linking to a page detailing available coverage options
4. Reorganize the quote box so that all quote related CTA's were located in the same area
5. Pull the sales messages out from behind overlay prompts
After a pause in the project timeline and before the new quote results page design made it to user testing, we were given instruction by the business unit to shift the goal of our design and development efforts toward the priority conversion goal of increasing the percentage of users who proceed to the application from the quote results page. This gave us the green light to do more discovery work before proceeding with any more design efforts.
The Usability Manager brought some pertinent information to light regarding his conversation with some of the LSA's (licensed sales agents), who provide quotes over the phone. According to these LSA's, about 80% of prospective clients have the false notion that classic car insurance is "cheap insurance", so their sales tactic is educating them on the policy sales messages featured the original design, as well as Net Promotor Scores and claims satisfaction ratings.
With this new information from the LSA's and the new goal in mind, I did another analysis and made additional design modifications, including:
1. Further simplifying the UI of the quote area
2. Moving the sales messages in a gray column along the right side of the quote details section
3. Adding a secondary quote and "Continue" CTA at the bottom of the page
Phone agents are an invaluable source for usability insights into the purchase motivations of prospective clients.