INLIFE BENEFITS

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

UI/UX Design
Custom Website
Laravel
Website Maintenance
Insurance
+ CHALLENGE

A custom foundation a regulated insurer can grow on.

InLife Benefits Logo

InLife Benefits, built on a European and Philippine insurance legacy, needed 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.

Pain points

The bottlenecks between
InLife Benefits and its users.

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

Solutions

Objectives to remove friction for users

Create a clean and modern design
Simplify 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 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 easy to understand and feel friendly and approachable.

The product page breaks each plan into small, easy-to-follow parts.

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 turns clear icons and simple flows into an easy 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 and bright accents that guide users along a calm, 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.

Like what you see? Let's talk about your project.

InLife Benefits / Case study / Insurance website

Insurance website design that makes complex coverage easy to understand

InLife Benefits is the group life and health insurance arm of InLife, one of the Philippines' most established insurance institutions, with roots in a European legacy and decades in the Philippine market. It serves corporate clients, institutional partners and the HR decision-makers who choose employee benefits for their people. In 2025 it needed a website that matched the strength of the business behind it. Designblue handled the insurance website design in the Philippines.


The problem

The products were strong. The website had fallen behind them.


The design had aged, and visitors looking for the right coverage didn't always find a clear way through. Claims information, one of the things a policyholder needs most, took too long to reach. Product details weren't as clear as they needed to be for someone weighing up a plan.


Underneath that sat the harder question. A regulated insurer has to be precise, compliant and credible. Its visitors want something simpler: a clear answer and the confidence to act on it. The site had to give both, without trading one away for the other.


What we did

We mapped the friction points before touching a single design element.


Insurance websites often organize information the way the business thinks about it, by coverage category, claims procedure and product tier. Visitors don't arrive thinking in those terms. They arrive with a need and a question, and the website's job is to answer it in as few steps as possible.


The inquiry flow showed this clearly. The old path took four screens to reach the form. We cut it to two, so it's much easier for an interested visitor to reach out.


The visual direction followed the same thinking. Soft, modern tones, friendly but professional type and high-contrast product cards all work toward one goal: making insurance feel less intimidating.


What we built

A clean, modern design built for trust

We rebuilt the visual language from the ground up, with updated typography, a refined color palette and layouts with room to breathe. The site looks credible at first glance.


Product pages that are easy to understand

Card layouts present each plan at a glance. Benefit breakdowns are easy to scan, and each product page walks visitors through a plan in small, easy steps.


Claims information people can find

Claims are the moment that matters most to a policyholder. We restructured the site so claims processes sit in plain view and take seconds to reach, instead of hiding behind several clicks.


A two-step inquiry flow

From the homepage to a completed form in two steps. Fewer clicks stand between interest and action.


Mobile-first on every screen

Navigation, product cards, inquiry forms and page transitions were designed and tested on a phone first. The desktop version scales up from there.


A design system that can grow

Typography rules, color usage, icon treatment and component standards keep the site consistent today. They also give the InLife Benefits team a foundation for new pages, products and campaigns.


Custom Laravel with an easy CMS

The site runs on Laravel, a secure, enterprise-grade platform suited to a regulated financial institution. The CMS lets the internal team update products, pages and information without a developer on call.


The outcome

InLife Benefits launched with a website that matches the credibility of the institution behind it. Core products sit at the front of the experience, claims information is reachable in seconds, and the path to an inquiry is direct.


Designblue continues to maintain the site under an ongoing technical maintenance agreement.


"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


Making a complex product easy to choose online?

If your products are strong but your website makes them hard to understand, we'd like to see it. Show us where your visitors get stuck, and we'll map the shortest path from their first question to your inquiry form.


ClientInLife Benefits
Year2025
IndustryInsurance
Services deliveredCustom Website Development · UI/UX Design · Laravel Development · Mobile-First Responsive Design · Ongoing Technical Maintenance

Aboitiz InfraCapital

UI/UX DesignCustom WebsiteLaravelCMSInfrastructure