Case Study

Description

Insurance company offering a wide variety of packages in many fields.

Problem statement

The world is working in an online environment. Consumers want to work and interact virtually. Therefore, Kaus wants to change from an agent method to an e-commerce site. Kaus needs to learn about the younger demographic in order to encourage them to purchase insurance.

Background

Kaus has been in the insurance business for 30 years. They offer a wide range of services. Their work model was agent based without an option to do it yourself. They now want to go into the digital world to target a younger audience that will be able to purchase insurance directly.

Role I played

UX & UI designer

Constraints

1. Older company coming into the younger scene.
2. May be missing out on a demographic by not interviewing older than 60.

First, I delved into the field to better understand the problem

Secondary Research

Looking through the competitors I was able to see what was being offered and what was sorely lacking.
Additionally, I understood the potential personas who would be interested in insurance - best offer people, newbies and first offer people.

For original quality click here

Next, I learned about the problem and user needs

User interviews

Research goal

Research objectives

We want to know what younger people are looking for when booking their insurance so that we can understand what will make them choose Kaus as a provider.

  1. Determine what motivates people to buy insurance.
  2. Understand what the pain points of buying insurance are.
  3. Understand what people look for in insurance.
  4. Understand what makes people feel secure when purchasing insurance.
  5. What is currently being offered in the market.

Research findings

Participant qualifications

Agent vs. Do It Yourself

  1. Younger demographic, who would want to be buying insurance digitally.
  2. People who have gotten insurance before to better understand what their needs are.
  3. Tech savvy, in order to be able to use the website.
  4. Have an online bank or a way to pay online.
  5. Use computer and mobile.

Pain Points

Needs

Motivations

Feelings Toward Insurance

Empathy map

For original quality click here

Persona

After compiling the empathy map, I was able to create a persona based on that information. I later used this persona to create a solution based on the users' needs, motivations and pain points.

During my research the main pain points I discovered were:

1. Users having an overwhelming feeling of not knowing enough about the insurance process, and feeling worried they would make a mistake.
2. Users found the process to be confusing and were concerned they were being tricked into something.

These two pain points were my focus on this project.

For original quality click here

Then, I proceeded to a solution

Sitemap

I created a sitemap to illustrate the overall navigation of the site. This allows a better understanding of what the site can do and offer the users.

For original quality click here

User flow

The user has 2 main tasks they want to accomplish:

1. Looking to buy some car insurance and found KAUS on a google search.
2. Wants to understand the insurance process and feel confident moving forward.

I created a sitemap and user flow that provided the users two options:
1. Go through buying insurance directly.
2. Go to resources to learn more if they got confused.

For original quality click here

Sketches

I started out by hand sketching different layout options for the screens I wanted to design. This is a more freeform way of exploring different design decisions quickly without committing resources to a single design decision, so that I can find the solution that works best.

Homepage

Category page

Package page

All about insurance

For original quality click hereFor original quality click hereFor original quality click hereFor original quality click here

Wireframes

Now that I've chosen the design that best suits the site's needs, I am able to build wireframes. These wireframes are focused on layout without the design decisions, which allows us to discover issues we may not have seen in the sketching phase.

Homepage

Category page

Package page

All about insurance

For original quality click hereFor original quality click hereFor original quality click hereFor original quality click here

Brand style tile

Based on my research I was able to create a brand style tile. The theme of this style tile is modern, bright and clean. The color blue helps the user feel trust. The color orange brings joy and light. The typography is solid and clear, giving the user a sense of confidence in the service.

For original quality click here

High fidelity screens

Now that I had my wireframes and style tile done, I proceeded to build the high-fidelity screens. These screens helped me visualize all the decisions coming together.

Homepage

Mobile homepage

Category page

Package page

All about insurance

For original quality click hereFor original quality click hereFor original quality click hereFor original quality click hereFor original quality click here

Iterations

After conducting usability tests, I discovered the design and layout issues users faced when completing the task of navigating the site. This led me to correct those issues in order to create a better user experience. Below are some of the main iterations made.

Before

After

Explanation

PROBLEM
Article card not eye catching enough. Hierarchy needs clarifying.
SOLUTION
Added color block and reorganized hierarchy to help navigate.

PROBLEM
No navigation to more of the dictionary.
SOLUTION
Added alphabet navigation to be able to easily scroll.

PROBLEM
Hard to scroll through to look at more articles easily.
SOLUTION
Switched layout to list variation to be able to more smoothly look through options.

PROBLEM
Unclear categories, users want to understand what is in each category.
SOLUTION
Added information about what will be found in each category.

PROBLEM
Disappears on homepage picture, not noticeable.
SOLUTION
Changed color to white to help it stand out on picture.

PROBLEM
Not enough options of kinds of buttons. Also not tall enough to be easily used.
SOLUTION
Added height and created more variations of buttons for different needs.

For original quality click images

Conclusions

What I learned

What I think went well

Ideally, time constraints aside I would have liked to