INLIFE BENEFITS

Simplifying the Complex: A New Digital Home for InLife Benefits.

Custom Website
UI/UX Design
Web Development
Laravel
Insurance
+ CHALLENGE

A custom foundation a regulated insurer can grow on.

InLife Benefits Logo

InLife Benefits, built on European and Philippine insurance legacy was in need of a new website.

InLife Benefits challenge

Our goal was to translate a trusted legacy into a modern, digital-first experience.

How do we make the right coverage easy to understand and effortless to secure?

InLife Benefits family
+ STRATEGY

Turning complex products and claims into a clear, dependable experience.

We aligned what a regulated insurance business needs with what its customers actually want.

How do we make the right coverage easy to understand and effortless to secure?

Pain points

The bottlenecks between
your brand and your users.

Old looking design
UI/UX is confusing users
Claims info is hard to find
Product details are not clearly stated

Solutions

Objectives to eliminate friction for your users

Create a clean and modern design
Streamline the viewing experience
Clearly show claims processes
Make it easy to see product details

We aligned what the business needed with what users actually wanted.

Start on Homepage

Navigate to
Products Page

Navigate to
Product Inner Page

Fill Up Inquiry Form
Thank You Page

Filling Inquiries flow A

Too many interactions to see form
Start on Homepage
Fill Up Inquiry Form
Thank You Page

Filling Inquiries flow B

Faster form accomplishment

The strategy was to strip away the noise, letting the user breathe, navigate with confidence, and ultimately feel cared for.

+ EXECUTION

Making insurance easy to reach through thoughtful, clean design.

InLife Benefits product cards

Clear card layouts that let users see exactly what they're looking for at a glance.

We replaced dense lists with a fluid scroll and visual breathing room, turning benefit exploration into a simple, light experience.

We turned complex options into a visual guide that feels human and helpful.

Group Life product cards

Product Cards are easily understood and appear as friendly and approachable as possible

Entering the product page is an easy-going experience for the user, breaking the plan into a digestible and approachable experience

Establish a consistent, scalable, and easy to follow design system.

InLife Benefits website on MacBook

Content structured to be scanned and understood in seconds. Layouts that breathe and adjust perfectly to any screen size.

InLife Benefits on iPhone

Mobile-first design that translates intuitive icons and seamless flows into a truly effortless touch experience.

We built a system that anticipates user needs and intuitively guides them to the right coverage.

+ DESIGN SYSTEM

Building a Welcoming
Digital Foundation

Soft, modern tones and friendly typography, using
high-energy contrast to highlight products with clarity.

InLife Benefits brand typography

Professional, approachable type designed to communicate clearly and invite engagement.

InLife Benefits color palette

Clear, friendly typography paired with vibrant accents to guide users through a seamless, stress-free path to coverage.

Project Results

Clear products and services at a glance

Boosted product visibility by placing core offerings at the forefront of the UI.

Built and maintained by one team

A custom Laravel build the same Designblue team continues to maintain long after launch.

Enhanced visual trust

Balancing professional authority with approachable warmth.

The Client

InLife Benefits is the group life and health insurance arm of InLife — one of the Philippines' most established insurance institutions, with roots that trace back to a European legacy and decades of operation in the Philippine market. Their focus is corporate clients, institutional partners, and HR decision-makers who need reliable, comprehensive employee benefits solutions.


Insurance, by nature, is complicated. InLife Benefits needed a digital presence that could make it feel otherwise.

The Challenge

The problem was not the product. The product was strong. The problem was presentation.


InLife Benefits' existing website had fallen behind the business it represented. The design felt dated. The UX was confusing for users trying to find the right coverage. Claims information — one of the most critical things a policyholder needs to access — was buried and hard to locate. Product details were unclear, making it difficult for prospective clients to understand what they were evaluating, let alone how to take the next step.


The gap between what the brand stood for and what the website was communicating had become too wide to ignore.


The brief asked Designblue to close that gap. Build a website that translated a trusted, regulated insurance brand into a modern, digital-first experience — without stripping away the authority and credibility the business had earned.

The Approach

We started by mapping the friction points before touching a single design element.


Insurance websites tend to fail users in a specific way: they organize information the way the business thinks about it, not the way users search for it. Coverage categories, claims procedures, product tiers — these are internal distinctions. A user arriving on the site does not think in those terms. They arrive with a need and a question. The job of the website is to answer that question in as few steps as possible.


We looked at two things in parallel: what the regulated insurance business required — compliance, accuracy, institutional credibility — and what its users actually needed — clarity, ease, and confidence. The strategy was to hold both without compromise.


The inquiry flow was a clear example of this. The original path required too many interactions before a user could reach the form. We redesigned it: homepage to form in two steps, not five. Fewer friction points between interest and action means more qualified leads captured. That is not a design preference. It is a business outcome.


The visual direction followed the same logic. Soft, modern tones. Friendly, professional typography. High-contrast product cards that let users see what they're looking at instantly. The goal was not to make the website look nice. It was to make insurance feel less intimidating.

What We Built

A clean, modern design built for trust.

The old site looked like what it was: a website from a different era. We rebuilt the visual language from the ground up — updated typography, a refined color palette, and layouts that breathe. The result is a site that communicates credibility immediately, without needing the user to read a single line of copy to feel it.

Product pages that are easy to understand.

Group life and health insurance products are inherently complex. We redesigned the product pages around clarity: card layouts that present each plan at a glance, benefit breakdowns that are scannable rather than dense, and product inner pages that guide users through a plan without overwhelming them. Every card and every page was designed to make the decision feel manageable.

Claims information that is actually findable.

Claims are the moment that matters most to a policyholder. Burying that information is a trust failure. We restructured the site's information architecture so claims processes are surfaced clearly and reached quickly — not tucked into a secondary menu or hidden behind multiple clicks.

A simplified inquiry flow.

We cut the path to conversion. The redesigned inquiry flow gets a user from homepage to completed form in two steps. Fewer interactions. Less drop-off. The same outcome, reached faster.

Mobile-first design across every screen.

The site was designed and tested for mobile first. Navigation, product cards, inquiry forms, and page transitions were all built to work on a phone screen without compromise. The desktop experience scales up from that foundation — not the other way around.

A scalable design system.

We established a design system — typography rules, color usage, icon treatment, component standards — that gives the site consistency today and gives the InLife Benefits team a foundation to build on tomorrow. New pages, new products, new campaigns: all of them can be added without breaking the visual logic of the site.

Custom Laravel development with an easy-to-manage CMS.

The site was built on Laravel, giving InLife Benefits a secure, stable, enterprise-grade platform that a regulated financial institution requires. The content management system was configured so the internal team can update products, pages, and information without needing a developer on call. The same Designblue team that built it continues to maintain it.

The Outcome

InLife Benefits launched with a website that finally matched the quality and credibility of the institution behind it.


Core products are visible at the forefront of the experience. Claims information is reachable in seconds. The inquiry flow is direct. The design is modern without being cold, professional without being impersonal.


The site continues to be maintained by Designblue under an ongoing technical maintenance agreement — the same team, the same standards, no handoffs.


InLife Benefits needed more than a redesign. They needed a digital home that could carry the weight of a legacy insurer while speaking to modern users. That is what we built.

In Their Words

"Foremost, I would like to extend my sincere thanks for Designblue's support and collaboration with InLife Benefits for all our projects to come into fruition. You made our lives easier, especially with the timeline considerations and complexity of all the requirements."

— M. Javier, MMC · Head of Marketing & Communications, InLife Benefits

ClientINLIFE BENEFITS
Year2025
IndustryInsurance
Services RenderedCustom Website, UI/UX Design, Web Development, Laravel Development, Mobile-First Responsive Design, Ongoing Technical Maintenance

ADB FCAS SIDS 2024 Report

UI/UX DesignWeb DevelopmentLaravelCustom Website