A B2C website for buying insurance online.

Covergo

Role

UX/UI designer

Duration

3 weeks

Team

2 UX/UI designers

Tools

Figma, Miro

The project is about designing a B2C website for buying Covergo insurance online.

Project Overview

About the client

The client, Covergo, is one of the largest InsurTech platforms in Hong Kong. The insurer offers two insurance products: K-care Insurance for Cancer and Personal Accidents.

About the team

My team was assigned to design the presale and application process of K-care insurance on the website.

Problem Space

What’s the problem?

In this new digital era, people are getting used to making purchases online. They are not only ordering goods and daily necessities but are also transitioning to using fintech platforms for banking services and insurance platforms for managing their policies, replacing traditional agent services. Based on this context, what are people’s needs when they are using the online platform to buy insurance?

How might we streamline the insurance purchasing process to empower users to confidently select and purchase K-care insurance online?

How to measure success and impact?

Impact

Below are some metrics for measuring the impact of the project:

  • Task success rate: measure how many users successfully purchase the K-care insurance.

  • User satisfaction: achieve an average rating of 4.5 out of 5 from user feedback on the website service, encompassing the experience of understanding the details of K-care insurance, completing a purchase, and managing the insurance plans.

Research & Ideation

Research on competitors

After studying the insurance details and design system from CoverGo, we created our research plan and we started with secondary research to analyze other insurance platforms. According to the client, Bowtie is one of their main competitors. Thus, we went through the presale and application process of cancer insurance on the Bowtie website to study their user flow and the sections included in the process. Besides Bowtie, we also studied the user flow and visual styles of the other four insurance platforms, including Blue, Zurich, Manulife, and Zebra.

Fig.1 - research findings on Bowtie’s website

After studying these competitors, we developed a basic understanding of what the insurance website would look like and how it would function. We then endeavored to empathize with users by creating empathy maps for both business (B2B) and individual clients (B2B2C). Using the insights gained from secondary research and the empathy map analysis, we came up with some assumptions about the users. Then, we designed interview questions aimed at gathering qualitative user feedback.

Gain insights from user interviews

We conducted a total of 9 interviews, including 2 experienced business analysts from CoverGo and 7 individual clients from various industries. The target customer age range for K-Care insurance is 18-60, with a focus on the younger generation as the primary market. Therefore, 6 of the interviewees were aged 24-36, while one was aged 60.

The objective of the interviews was to gain insights into users’ experiences and needs when purchasing insurance online, as well as to understand their visual preferences for an online insurance platform.

We asked interviewees about their experiences in buying insurance both offline and online. Then, we conducted usability tests with them on the Bowtie website to evaluate the presale and application process. We solicited their feedback and preferences regarding the five insurance platforms mentioned above. The research results have been analyzed by affinity mapping, as outlined below.

Fig. 2 - analyze findings by affinity mapping
Fig. 2 - analyze findings by affinity mapping

Regarding their experience in buying insurance:

  • Users expressed concerns about agent hard sell tactics.

  • Users feel pressured by long-term contracts and commitments.

Regarding their needs when buying insurance online:

  • Users desire an e-platform for purchasing insurance but still prefer access to an agent or live support for concerns about the claiming process and unclear policy terms.

  • Users seek a clear overview of the insurance plan and premium.

  • Users prioritize the credibility and reputation of the insurer when making insurance purchases.

  • Some users express a preference for purchasing cancer insurance due to their family history of cancer.

Regarding their visual preferences for insurance websites:

  • Users prefer blue and green colors as they convey professionalism and trustworthiness.

  • Users appreciate the layout of the Zebra platform as it allows them to view all products at a glance for selection.

Key findings

Consolidate user needs

We summarized the findings above and outlined the user needs:

  1. A user needs a way to get in touch with an insurance agent when he/she has any questions during the online buying process because he/she might not be able to understand the technical terms and do not have any insurance experience before.

  2. A user needs a way to compare different insurance plans because they want to choose the right plan for his/her needs within the budget.

  3. A user needs a way to get a clearer picture of his/her preferred plans because this will allow them to understand the specific policy term payment frequency and premium of the plan itself.

  4. A Cantonese-speaking user needs a way to understand the English medical and technical words and insurance jargon because currently the website only provides an English version which they do not understand well.

“I would like to buy insurance online so I can read the plan details at my own pace. But I still want a live chat with the agent or insurer when I am not sure about some policy terms and the claiming process.”

by an interviewee

Address design challenges

How might we…

  1. Help first-time users, inexperienced in buying insurance online, to select the right insurance plan tailored to their needs and preferences?

  2. Enable users to compare different insurance plans transparently and comprehensively, facilitating informed decision-making?

  3. Ensure users can effortlessly comprehend their insurance plans and payment details, simplifying complex information for easy understanding?

  4. Assist Cantonese-speaking users in understanding technical terms by providing clear translations or explanations, particularly when the website is available only in English?

  5. Provide instant support to users for any inquiries regarding their insurance policy, ensuring prompt assistance and resolution of concerns?

Create personas

Based on the research findings, we created 2 personas below, one with a family history of cancer and the other without.

Fig.3 - persona (Jenny with a family history of cancer)
Fig.3 - persona (Jenny with a family history of cancer)
Fig.4 - persona (Derrick without a family history of cancer but wants some protection from future risk)
Fig.4 - persona (Derrick without a family history of cancer but wants some protection from future risk)

Test with low-fidelity wireframes

We created three versions of low-fidelity wireframes along with feedback from two usability tests with 5 users.

Fig.5 - low-fidelity wireframes
Fig.5 - low-fidelity wireframes

User journey

Fig.6 - user journey
Fig.6 - user journey

Site map

We built high-fidelity wireframes for the desktop version, which included the homepage, product detail page, the entire application and payment process, policy history page, login/sign-up page, and contact us page. For the mobile version, we designed the homepage, the product detail page, and the page for filling in personal information during the application process. Pages marked with a tick have been designed, while others have not been included in this project.

Fig.7 - site map
Fig.7 - site map

Solution

High-fidelity wireframes

Application process

Fig.8 - mockup of the website
Fig.8 - mockup of the website

We showcase K-care insurance products in the 'Select A Product' section on the homepage, saving users time and effort by eliminating the need to search elsewhere for the products. This allows them to quickly discover what is available.

Homepage

Fig.9 - homepage
Fig.9 - homepage

Based on user feedback from our usability tests, we updated the product detail tables to display actual claim amounts rather than percentages. Additionally, to streamline comparison, we've integrated details of both insurance packages into a single table, eliminating the need for users to switch between two separate tables.

Product detail page

Fig.10 - product detail page
Fig.10 - product detail page

At first, we received the following underwriting question from the client which is lengthy and difficult to understand.

Fig.11 - underwriting question asked during the application process
Fig.11 - underwriting question asked during the application process

We discussed the issue with the client and asked if we could break the question into a few questions to answer. However, it is not allowed to break the questions into a few due to policy issues.

Therefore, our solution was to rephrase the question and improve the hierarchy of the content to make it easier to read. We found that there are four questions in the same paragraph. Then, we tried to rephrase it into “Have you had the following conditions?” and segmented it into four points under the same question. During our usability tests, users found this design easier to read and understand.

Fig.12- improved design of the underwriting question
Fig.12- improved design of the underwriting question

Outcome

What do users achieve?

With the Covergo website, users can confidently comprehend and compare the details of K-care insurance products, ascertain the exact claim amount, select the right plan, and finalize their purchase.

Reflection

What did I learn?

Undertaking this project has provided me with a deep understanding of the complexity of insurance products and policies. It emphasizes the significance of maintaining open communication with the client to comprehend the constraints in design and policy content. I value the transparency and honesty of users when sharing their experiences and needs during the insurance purchasing process. This feedback allows us to tailor our designs to meet their requirements and ensure a confident user experience.

What would I do next?

Below are some recommendations for the next steps:

  1. Develop a Traditional Chinese version: Since the target market for the product is local people in Hong Kong, introducing a traditional Chinese version would be valuable. While many individuals in Hong Kong are proficient in English, some still prefer to read official documents in Chinese to ensure clarity and accuracy.

  2. Provide more information on beneficiaries: During usability testing, some users expressed concerns about whether they could choose the percentage of benefits for each beneficiary. Therefore, the insurer may consider providing additional information on beneficiaries in the next step. This could include clarifying the options available for selecting beneficiary percentages and providing guidance on how to make these choices effectively.

See more work

Nextus
A platform for enhancing the efficiency of managing marketing campaigns.

Sportsgo
An iOS app for sports beginners to connect with sports companions.

Locale
A web app for connecting with sustainable communities.