Empowering users in their insurance purchase

Website interface redesign for a global insurance brand to increase user satisfaction

CLIENT & DURATION

Tokio Marine Holdings

Sep 2019 – Sep 2020

ROLE

Senior UX Designer, Valtech

UX Design, Interface Design, Web Responsive

CONTEXT

Tokio Marine Holdings (TMA), a global insurer, needed a website overhaul to address outdated content and user dissatisfaction impacting digital sales. This project aims to build an engaging, user-friendly platform for seamless product exploration, scalable across Southeast Asia.

IMPACT

Successful regional launch in Singapore, Malaysia, Thailand, and Indonesia. Enhanced user engagement, increasing average screen time and pages per visit by 63%. Improved user retention, reducing site bounce rate by 19.5%.

PROBLEM

Outdated website confused users and urgent action was needed to retain customers.

Digital sales performance was steadily declining.

Loss of competitive edge against rivals.

A revamp was necessary to address user pain points and rejuvenate the brand.

aPPROACH

A customer‑needs‑driven process aimed at identifying and resolving pain points.

Empathize

Uncover pain points via research insights and analytics

Define

Extract opportunities to meet user needs and business objectives

Ideate

Solution for design problems and create basic wireframes for assessment

Prototype

Create hi-fidelity prototypes with proposed content structure and information architecture

Test

Remote user-testing with users and stakeholders. to understand break points. Reiterate and retest.

Remote user-testing with users and stakeholders to understand break points. Reiterate and retest.

AUDIT

Audited site SEO, content, UX and analytics to uncover insights behind declining digital sales.

Confusing navigation

The primary navigation was confusing and hard to use, with small clickable areas that were difficult to access.

Unintuitive layout

Content was poorly structured and often duplicated, making it difficult for customers to find information, leading to user fatigue and disengagement.

Corporate jargon

Corporate terms like “Protect,” “Save,” and “Wealth” don’t align with customers’ mental models, making products hard to find and differentiate.

How might we effectively engage users and provide reassurance before and after insurance purchase?

How might we effectively engage users and provide reassurance before and after insurance purchase?

CONCEPTUALIZATION

Mapping key customer goals to business objectives

🙋🏻‍♀️ Customer goal

To purchase insurance

💼 Business goal
To convert potential customers who are looking to make a purchase

💡 Opportunity
How might we help customers understand the different plans offered to make informed decisions?

🙋🏻‍♀️ Customer goal

To explore and learn about available insurance products

💼 Business goal
To educate and engage customers who may make a purchase in the future

💡 Opportunity
How might we encourage potential customers to browse for longer periods?

🙋🏻‍♀️ Customer goal

To access information and support for existing insurance policies

💼 Business goal
To service existing customers who have already made a purchase

💡 Opportunity
How might we provide support to customers during stressful post-purchase tasks to give them peace of mind?

🙋🏻‍♀️ Customer goal

💼 Business goal

💡 Opportunity

To purchase insurance

To purchase insurance

1

1

To convert potential customers who are looking to make a purchase

To convert potential customers who are looking to make a purchase

How might we encourage potential customers to browse for longer periods?

How might we help customers understand the different plans offered to make informed decisions?

To explore and learn about available insurance products

To explore and learn about available insurance products

2

2

To educate and engage customers who may make a purchase in the future

To educate and engage customers who may make a purchase in the future

How might we help customers understand the different plans offered to make informed decisions?

How might we encourage potential customers to browse for longer periods?

To access information and support for existing insurance policies

To access information and support for existing insurance policies

3

3

To service existing customers who have already made a purchase

To service existing customers who have already made a purchase

How might we provide support to customers during stressful post-purchase tasks to give them peace of mind?

USABILITY TESTING

Remote user testing across participating SEA markets

Remote user testing was conducted with participants from the 6 Southeast Asian countries where the website was to be launched to validate customer mental models and collect feedback.

Fig: User testing documentation and analysis

The redesign was well-received, but highlighted important considerations:
Mismatched
expectations

“Help & Support” is perceived as customer service rather than a resource for locating affiliated clinics or workshops, challenging the assumption that a single entry point would improve access.

Product names are
unimportant

Customers often remember the type of policy they purchased but not the specific policy names, frequently requiring them to refer back to physical documents.

Reassurance Through
Accessibility

Customers feel reassured when they can quickly access information for urgent tasks, such as locating car workshops or filing claims.

SOLUTION

Redesigned insurance website with updated information architecture, structure, visuals, and content strategy.

Simplified navigation for discoverability

Updated navigation system offers users expanded interaction space with page links and convenient access to essential hotlines and entry points across the site.

Fig: Before (top) and after (bottom) navigation placed side by side for comparison

Personalised tools to make informed decisions

Product comparison tools allows users to better assess differences among products offered, alongside content tailoring tools like goal-setting calculators to better understand what might be suitable for them.

Personalised tools to make informed decisions

Personalised tools to make informed decisions

Fig: Customers can select products to compare their attributes

Fig: Education calculator to to find out more about what they need

Strategic content restructuring

Content is organised in a meaningful sequence, such as presenting vital policy details before delving into specifics.

Usage of easily understandable sections with user-centric headings help resonate with users.

Strategic content restructuring

Strategic content restructuring

Fig: Critical product information such as the plan term and age eligibility are brought upfront on first fold of product page

Fig: Short, user-focused headings are used to help customers resonate with the content and make informed decisions

Quick access to desired information

Different product categories on the landing page are displayed on the landing page, along with quick links to commonly accessed pages. Additionally, an FAQ section was introduced to for customers to easily get answers for top asked questions.

Different product categories on the landing page are displayed on the landing page, along with quick links to commonly accessed pages. Additionally, an FAQ section was introduced to for customers to easily get answers for top asked questions.

Different product categories on the landing page are displayed on the landing page, along with quick links to commonly accessed pages. Additionally, an FAQ section was introduced to for customers to easily get answers for top asked questions.

Fig: Before (left) and after (right) landing page placed side by side for comparison

Transparency in claim process

Clear instructions and guidelines are offered to assist users in comprehending the claims process and taking appropriate action, establishing expectations.

Clear instructions and guidelines are offered to assist users in comprehending the claims process and taking appropriate action, establishing expectations.

Clear instructions and guidelines are offered to assist users in comprehending the claims process and taking appropriate action, establishing expectations.

Transparency in claim process

Transparency in claim process

Fig: Motor Claims Process page outlining next steps, required documents and information, timelines, and potential outcomes

iMPACT

63% higher engagement, 19.5% lower bounce rate

Launched in October 2021, the redesigned website significantly enhanced user engagement, increasing average screen time and pages per visit by 63%, while improving retention and reducing the site’s bounce rate by 19.5%.

REFLECTIONS

Align early and align often

Working on the redesigns for this regional project posed challenges due to diverse marketing strategies and country-specific needs among stakeholders. The key is to align everyone to user needs and pain points and have regular check-ins.

Introducing a scalable template for different countries also facilitated efficient discussions, aiding the prioritisation of what could be content managed and what was to be held consistent.