Kaus
Case Study

Background

Kaus has been in the business for over 30 years, working through regional agents to sell policies. With the rise of internet and personal devices, Kaus has decided to catch up and tap into the digital market with their proposition. They provide all types of insurance for individuals, to property, motor, liability, marine, aviation, and more to come.

Problem

Kaus is an insurance company transitioning from regional agents, to selling directly to customers online through a newly built e-commerce website with new company branding. The website should be modern, fresh, usable, and responsive.

Challenge

Design a modern, fresh, bold responsive website for Kaus with an approachable insurance quoting process that appeals to younger users; based on discovery of user priorities through research.

Project

Responsive Web Design

Role

UX/UI Designer

DUration

115+ hours

Tools

Figma, Milanote, Maze
View Prototype

Empathize

Research Goals
Market Research
Competitive Analysis
User Interviews

Define

User Persona
Empathy Maps
Project Goals

Ideate

Card Sorting
Site Map
Task Flow
User Flow
LoFi Wireframes
UI Design

Prototype

UI Design Kit
HiFi Wireframes
Prototype

Testing

Usability Test
Remote Test
Affinity Map
Iterations

Empathize.

Our RESEARCH GOALS were to gain a better understanding behind the decision-making process of choosing an insurance subscription. Attaining this goal will help us design a website that can be a trustworthy, usable platform for users to buy insurance.

Research Objectives

Research Methodologies

Initial SECONDARY MARKET RESEARCH was done to better understand the business, goals, and target audience of Kaus and the insurance industry. During COMPETITIVE ANALYSIS I discovered the similarities and differences in site taxonomy between the biggest insurance companies, which gave me a direction of how I want to approach the redesign of Kaus.
COMPETITIVE ANALYSIS  of direct and indirect competitors helped me gauge the of current trends and standards of the insurance industry while taking note of usability and pain points of their websites. Many of the older, traditional competitors have a similar site map and layout, whilst newer companies such as Metromile and Oscar seem to utilize modern design patterns for a smoother experience such as breaking down large sign up forms into digestible parts.

User Interviews

There were 4 IN-PERSON USER INTERVIEWS conducted during the research phase where participants were asked questions based on their personal experiences purchasing insurance. This helped me gain valuable real-life insight on reasons behind purchase decisions.

Several PATTERNS and PAIN POINTS were discovered through analysis of user interviews . . .

Patterns

  • Health insurance provided by employers
  • Auto insurance purchased when buying a car (est. ages 16-23)
  • Homeowners insurance purchased when buying a home (est. ages 20-30)
  • Recommendations from friends or family are highly effective
  • All participants noted that customer service and knowledgable reps are important
  • Often times home and auto insurance are provided by same company
  • Purchases made through in-person agents or help of a third party member such as friends or family members
  • Priorities steer toward pricing and coverage
  • Participants find online subscription of accounts of modern digital very convenient

Preferred Features

  • Shopping for insurance is limited and occurs usually during specific times of user’s life
  • Participants lean toward purchasing policies through in-person agencies
  • When researching insurance online, task can be overwhelming due to saturated market
  • Going to agencies to talk to specialists can be a pain point of inconvenience
  • Variety of participants have different definitions   what is good price and good coverage


Define.

To better understand and relate to my user's needs, I developed a USER PERSONA, Aaron Dauder, to whom I will stay focused on while coming up with solutions. Aaron's persona is created based on the data from user interviews done in the research phase.
EMPATHY MAP is a visualization of Aaron's thoughts and feelings behind his decisions for purchasing insurance and to stay geared in empathy while designing.

IDEATE.

After research, analysis, and defining the problem, it’s time to put all the data together to design the right solution. To start, I brainstorm ideas on how to approach the design solution through site maps, flow charts, wireframes and UI design.

Card Sorting

  • Provides insight on how participants organize the given information in their minds.
  • Useful information to help group data in ways that is easiest or most fluid for users to understand.
  • About 35 CARDS were sorted into an average of 4 GROUPS.
  • Aides in the construction of IA (Information Architecture), user flows, and task flows.

Task Flow

Creating this TASK FLOW chart helped me identify paths that will lead Aaron (user persona) directly to the designated goal. They also help me identify pages needed in order to create a prototype that can complete the task. For the first prototype, the task at hand is completing auto insurance payment from the landing page.

User Flow

A USER FLOW for Aaron specifically helps me think about what paths any user can use that strays from the intended. In this case, Aaron might branch out using the search bar, navigate from the header, or complete the task from the landing page itself. This helped me account for the paths he might take.

LO-FI Wireframes

  • Brainstorming and moving elements around during low fidelity wireframe phase was a quick method I used to help me with the arrangement of hierarchy in the design.
  • These blank building blocks give designers and developers the first visualization of the designs to look at.
  • This provides an easy way for designs to change and move elements before finalizing my decision.
  • Responsive design of the home page for scaled down versions in tablet and mobile form.

UI Design

After research and strategy, the design finally comes to life as UI elements are beginning to piece together, from color palettes to typography and iconography. Kaus insurance aims to convey a modern, fresh, clean and bold aesthetic through the use of san serif fonts and a comforting dark mode design with bold sharp edges.

Moodboard

Style Tile

Prototype.

View Prototype
The low fidelity wireframes are cleaned and replaced by HIGH FIDELITY WIREFRAMES, implementing the design elements from the style tile including color palette, typography, logo & icon designs. The overall feel that was aimed for is achieved in these high fidelity frames. A dark-themed black and blue style conveys a sense of professionalism and maturity.
The UI KIT is created as a means to keep all of the foundational design elements in one place. This is used as a hand off tool to other designers/developers, and as a reference point to overall design atoms and molecules for future pages. As the design evolves after my first iteration, the UI KIT was updated as well.

Testing.

USABILITY TESTING of the built prototype is conducted to help validate our assumptions of the user flow, as well as find pain points that could cause confusion and frustration. My findings tell me that testers were mostly satisfied and able to complete the task assigned, and users found the design was able to convey a sense of security and trust.

Test Goals

  • 8 Testers (2 in-person, 6 remote)
    Ages: 24-33
  • Users are able to complete tasks assigned with little to no friction
  • Users are able to navigate the website to product information pages to learn more about insurance
  • Understand how users navigate the website and find potential areas that need clarity

Findings

  • 100% completion rate of prototype
  • 8/8 rating of TRUSTWORTHY design
  • 100% agreed task was easy and flowed
  • 100% of users stated they did not struggle
  • One user navigated to products page for more information
  • One user stated she prefers longer forms with less steps
  • One user stated not all questions and details are necessary for quote
  • One user stated satisfaction with quote wizard design features that included quote number and hotline
  • 100% of users found information relevant and straightforward
  • KEY WORDS: Cool, refreshing, friendly professional, presentable, simple and fluid.

Affinity Maps

With all notes and feedback gathered from usability testing, an affinity map was created to sort and organize the data. Based on similarity of feedback, I categorized the data based on wins (validation), pain points, and suggestions.

Priority REvision Matrix

  • Placing all the struggles  and suggestions into a PRIORITY MATRIX helped making decisions on which fixes should be in the next ITERATIONS easier.
  • Fix Products Page
  • Fix connections in Auto-Products page
  • Remove repeat questions

Takeaways.

Working on this project has given me a better understanding of the UX design process from start to finish. I gained more insight into the importance each step, and how this flow builds on top of one another. Personally I can improve on my research and presentation phases.
^ Back to top
View Next Case Study ›