Levia Insurance

mockups of a laptop, tablet and mobile phone showing various parts of the designed Levia site

The brief


Create Levia’s first direct-to-consumer website for insurance sales and structure the user experience and branding to appeal to a younger clientele.


Purchasing insurance can be overwhelming, confusing and create a lack of trust between the customer and the company. Creating a friendly and easy-to-use website can combat some of these pain points.


A fully responsive and friendly website that appeals to Levia’s target market, while showcasing their insurance offerings in a welcoming and approachable way. Prototype available here.


UX/UI Design, Branding

Concept project


Designing to break into a new market

Levia is a concept insurance site that has over 30 years of experience selling insurance but is transitioning to direct-to-consumer sales for the first time. Therefore, they needed a well-designed, responsive site that conveys their brand goals of “clean”, “modern” and “trustworthy”. The company is specifically interested in targeting younger customers as they believe that’s where they are lacking in recognition, even though they have well-priced products that are specifically designed for younger consumers.

Levia’s new site will appeal to a younger audience and present their insurance offerings in a clear, easy-to-use way.


How might we provide support and build trust?

There are many insurance companies out there and I had to find out what the landscape was in order to know how to set Levia apart. I created a research plan in order to outline the goals and strategy for tackling this project.

Research goals

  • Why are customers looking to purchase insurance online?
  • What are the majors decision-factors in choosing to purchase from one insurance company or another?
  • What are the pain points users experience when purchasing insurance online?

Landscape Analysis

The market for insurance is filled with competitors offering similar products. It was important to do an in-depth competitive analysis to understand the insurance landscape, identify useful patterns to replicate, and where to step outside the patterns and differentiate Levia. I rounded up information and got quotes from Geico, Lemonade, Clearcover, Oscar Health and Progressive.

Logos of Geico, Lemonade, Clearcover, Oscar Health and Progressive.

These companies were chosen because they were direct competitors and/or provided inspiration for the design. From the landscape analysis, I learned about the organizational hierarchy needed for a  complex insurance site with many offerings (Progressive and Geico) as well as the delightful experience of using a well-designed site (Lemonade, Oscar Health). I wanted to combine both of these aspects into the design of the Levia site. I created this matrix to organize the findings from the competitive analysis.

an image of a spreadsheet showing the five competitors (Geico, Progressive, Lemonade, Clearcover and Oscar) and different features that they do or don't have have such as, a responsive site, illustrations, and clear calls to action.

User interviews

The next step was talking to insurance-buying customers in Levia’s target demographic (younger customers). I created an interview guide with open-ended questions about the participants’ experience researching and purchasing insurance online and conducted five telephone interviews with people ages 26-37.

I created the following empathy map to organize the findings from the interviews.

An image of computer-generated post it notes all containing small bits of information from interviews. The image is meant to convey the process of creating many post-it notes, rather than the information on each note.

I looked for themes within the empathy map and four main themes emerged fairly quickly: Ease of use, Complexity/Confusion, Distrust and Price.

An image of computer-generated post it notes all containing small bits of information from interviews. The image is meant to convey the process of creating many post-it notes, rather than the information on each note.
For people with limited or no experience with insurance...it’s hard to dig in to what everything means.
User interviewee

How might we give users relevant information so they don’t feel lost?

From the insights within the four main themes, I constructed various “how might we” statements to brainstorm how to turn the insights from the interviews into opportunities for the design of the Levia site. I based my site features directly on these insights pulled from the user interviews.

Ease of use

sun icon


Customers aren’t sure exactly what they need, so they want to be able to tweak and configure their plans to compare options.

A website that is slow or hard to use is off-putting.

Customers want to know that their specific needs are being considered.

key icon


How might we allow customers to configure plans as they shop?

How might we build a site that functions smoothly?

How might we provide opportunity for users to convey their specific needs?

How might we guide users through the shopping process?

Lack of knowledge

sun icon


The density of information presented on insurance websites can feel complex and confusing.

The barrier to entry in understanding insurance as a whole is so high that it feels overwhelming and off-putting.

key icon


How might we clearly provide explanations of our products?

How might we introduce users to complex terms?

How might we provide support for users who are confused?

Distrust of companies

sun icon


Customers don’t trust the insurance industry as a whole.

Customers are wary of insurance companies trying to swindle them.

key icon


How might we increase transparency in our explanations of our company and products?

How might we organize information to build a sense of clarity?

How might we leverage longevity in the industry to create trust?

How might we build trust through typography and color?

Lack of knowledge

sun icon


Customers are very motivated by price.

Price is the number one thing that customers look for when shopping around for insurance.

key icon


How might we ensure our prices are competitive?

How might we ensure users find the information they want quickly and easily?

Aligning business and user goals

Based on the “how might we” statements, I developed these goals for the site that are shared between the business and the consumer:

  • Easy-to-use responsive website that is user-centered and not bound by industry standards
  • Helpful information is clear and easily navigated, while not bogging down the experience for more expert users
  • Website conveys trust and expertise to user
  • Competitive prices

From these goals, I developed a set of product features, supported by both the competitive analysis and the user interviews, that began to help the site take shape.

A screenshot of a spreadsheet containing information on different features of the Kaus site

and Features

User research guides the design

In laying out the content for the Levia site, I wanted to make sure that it was easy to navigate and users could quickly find the information they were looking for. I paid close attention to categories that would help both beginner and advanced users.

I conducted a card sorting exercise with six users to hone in on the information architecture of the site.

An image showing clusters of words in different groups. This was created from the card-sorting exercise that helps categorize different sections of the Kaus site.

I found that the main site categories that emerged were: Plans, Questions and Definitions, My Account, and Starting a Quote, which I used to create the basic framework for the site. I created a sitemap with details about each page and subpages to map things out.

A flowchart showing the structure of the pages on the Kaus site. The top row is Home, the second row is the navigation bar links: Get a quote, Plans, Insurance 101, Claims, About us and Account. The third row is the footer.

Landing page with all you need

With these categories in mind, I sketched out a few versions of the desktop landing page to get a sense of the hierarchy of content and the navigation categories.

A set of three hand-drawn sketches of the landing page of the Levia insurance site.

Walk in the user’s shoes

Next, I mapped out a user flow. I wanted to plan out these flows so I could practice walking through the site and make sure that the content flow was intuitive. As the main flow of the site, I chose the process of getting a quote. From the user interviews, it was clear that anyone interested in purchasing insurance from Levia would most likely go through this flow, as this is the best way to assess the offerings and most importantly, check the price.

A flowchart showing the journey a user would go through as they clicked through the Levia site to get a quote. Each box in the flowchart is a page or a decision they would make.

Finding the right design patterns

With the user flow mapped out and the information architecture taking form, I went back to my competitive analysis and looked for any design patterns that were particularly successful on the competitor sites. I drew inspiration from care/of, TurboTax and Lemonade for the wizard portion of the site. I also looked at Progressive Insurance, Oscar Health, Parsley Health, and Pipette for inspiration related to the subnavigation experience, testimonials, and other sections of the landing page.

Screenshots of pieces of Turbotax, Lemonade and care/of vitamins sites.

Creating wireframes to map out content

From there, I designed my responsive wireframes for the landing page, sub navigation and quote wizard. In putting together my wireframes, I focused on the information architecture and the hierarchy of content presented. I combined elements from all three of my landing page sketches to create the best layout.

I also focused on the design of the wireframes to get a visual sense of the design patterns. An important lesson from this process was that in making pixel perfect and well-designed wireframes, I had to work a little harder to break out of this box when designing the actual UI. There is a balance in wireframes between designing useful mockups but not boxing yourself in to certain patterns or structures when going from wireframes to UI. This was an important lesson to take forward into future design projects.

Find the desktop wireframe prototype here and the mobile wireframe prototype here.

Image of 10 screenshots from various parts of the Levia site in grayscale wireframes.
A laptop, tablet and mobile phone mockup all showing the top of the Levia insurance site as a grayscale wireframe. The main text on the landing page is: "Take the guesswork out of insurance".

Branding and UI

Calm, cool, collected

My next task was to venture fully into the UI for the Levia site. From the user interviews, it was clear that customers wanted an easy-to-use site that looked trustworthy and professional. I used Pinterest to collect inspiration and settled on two main directions for the Levia brand. The first, a calm, clean and caring vibe; and the second, a bold fun and energetic vibe.

I played around with designing certain portions of the site in each style and it became quite clear that the calm, clean and caring version of the brand was much more successful and fit better with the user research results.

I then developed the logo for the Levia brand. I decided to go with a clean wordmark for the brand, rather than a more complex logo. My competitor research showed that most companies have a wordmark logo to distinguish their brand. I browsed typefaces and assessed their compatibility with the brand in three different type styles: levia, Levia, and LEVIA. My final pick, Ennore, conveyed the right combination of friendliness and professionalism.

An image of the word "Levia" in forest green text. The font is a serif font with rounded edges.

A screenshot of the different typography styles used in the Levia site.

I chose the colors of the site to convey a calm and caring vibe, while appealing to millennial users. I chose the Tiempos typeface to convey a professional aesthetic, as I didn’t want the site to come off too cutesy with the combination of color and type. I chose Ginger Pro as a clean, neutral but modern typeface for the body text. I used this typography style guide as I was designing my screens, but found that the colors I had initially chosen didn’t work well for the style I was going for. The process of laying out the content in this style told me that something was a bit off with the feel of the site. I played around with color until I found better alternatives. For the final site, I also added photography instead of just illustrations. It felt nice to see human faces on a site for something that can be as cold as insurance. See below for the full UI kit in the final style!

Here are my final screens from the desktop version of the Levia site. I also designed key responsive screens so that users could be sure to have a great experience with the site, no matter what device they are using.

Check out the full desktop prototype here.

Image of 10 screenshots from various parts of the Levia designed site
A laptop, tablet and mobile phone mockup all showing the first page of the "Get a Quote" process for the Levia insurance site. They all say, "Hi there! Let's get started on this quote." with a place to enter your first and last name.

Setting up for success

After finalizing the responsive designs, I created a UI kit to map out all the design patterns and styles for a future developer who would build this site.

A UI kit for the Levia site containing the typography, color, buttons styles, form entry styles, illustrations, imagery, and icons used on the site.


Did the design measure up?

I conducted user testing with the Figma prototype to test whether the Levia site is friendly, approachable and easy to use. I wanted to know whether the users felt that they could get the information they came to the site for and whether they would consider purchasing insurance from Levia.

I conducted the testing with three participants ages 31-37. The testing was conducted over Zoom, using a split screen. I was able to see the participants faces at the same time as viewing their mouse on the screen, clicking through the site.

I created an affinity map to collect and organize all the insights from the testing interviews.

An image of computer-generated post it notes all containing small bits of information from interviews. The image is meant to convey the process of creating many post-it notes, rather than the information on each note.

Targeting the right audience for the client

Overall, my findings from the user testing were as follows:

  • “Plans” was the first thing people wanted to look at, and they all found it immediately.
  • The look and feel of the site targets a younger audience. This is Levia’s target demographic.
  • Participants felt that the trustworthiness of Levia could not be conveyed through its own site and would all go to third-party reviews to ascertain whether they could trust the company.
  • The quote process was very simple and easy to navigate.

I made a few changes to the prototype, including on the coverage details page, changing the text of “Activate my coverage” to something less intimidating and including a link to full coverage details. I also changed the image on the final purchase complete screen to differentiate it from the homepage, as one participant was confused by that.

No major usability issues emerged from the testing. I am confident in my designs; however, I do think it is important to conduct testing with more people in the future to have a greater chance of finding patterns in their experiences.


Trustworthiness of insurance goes beyond UX design

Overall, I am happy with how the Levia site turned out. I managed to take the goals of the client and results of the research process to turn it into a usable and friendly site. It was validating to know that a younger audience responded to the look and feel of the site, which was exactly Levia’s target demographic with the design of their new site.

Through the research process, it was clear that users are very skeptical of insurance companies and will do their own research to assess the trustworthiness of the site. There is only so much that the user experience and user interface design could help with that. In the future, I think adding a landing page section for third-party reviews would have been helpful in conveying trust.

Especially for millennials, though, good design can convey a trustworthy company or generally a company that the user wants to engage with. So, I did indeed focus my design on that.
Overall, this concept insurance site provided a good challenge and set of lessons to take with me to my next projects.

A tablet and mobile phone mockup arranged so that the mobile phone is on top of the tablet. The tablet screen shows a section of the Levia site called, "Discover what makes us unique" with four bullet points called, The Team, Our History, Levia Blog, and Transparency. The phone shows the homepage of the site with the text "Getting insurance should be easy" and three photos of friendly people below.