Design Overview & Selection

UX Case Study

Project duration

12th November - 10th February
(12 weeks)

HDFC Life Project

Project Overview

My task was to develop new UI style templates for use across all new and existing HDFC Life products. Consequently, I created three distinct style options, each featuring unique fonts and form styles.


The design principles

Clarity: Ensure clear UI elements.

Navigation: Seamless movement.

Information Architecture: Logical organization.

User-Centered Design: Prioritize user needs.

Contrast: emphasize the differences between elements to create visual clarity.

balance: elements work together cohesively.


Design Style 1

About the style - Space

In the world of Insurance technology There’s lot’s of information on the insurance websites ,"Space" offers a calming break. It's a user-friendly design template that keeps things simple and uncluttered. With "Space," we created a peaceful and clear user experience that makes users feel at ease when they interact with our website or app. Say goodbye to confusion and hello to simplicity with "Space."


The Quick Brown Fox

The Quick Brown Fox

The Quick Brown Fox

The Quick Brown Fox

Aa

TYPOGRAPHY

Montserrat

COLOUR PALATTE

ED1C24

101828

546FFA

DOC3FF

Red

Black

Blue

Purple

Responsive

Design

Pre Built Components

Leveraging tech to drive a better IT experience

Meet Our Expert

We have share our journey

and some story

Read our blog

It’s a must to that we would like to share our workflow to believe you

See our workflow

Home Makers

Retires

College students

Freelancers

Design Style 2

About the style - Emote

Introducing "Emote" design template, a unique blend of storytelling-inspired designs and impactful illustrations tailored specifically for our products. With Emotion, we're redefining the way insurance is presented and understood. We bring your insurance solutions to life with engaging narratives and emotive illustrations that speak to the heart of your audience.

New Forms

COLOUR PALATTE

The Quick Brown Fox

The Quick Brown Fox

The Quick Brown Fox

The Quick Brown Fox

Aa

TYPOGRAPHY

Inter

F2E6DC

ED1C24

1D1D1F

C4C2FF

Beige

Red

Black

Violet

Responsive

Design

Pre Built

Components

New Forms

Empty states

NO INTERNET

Oh no! Your current page is leaving the site. Please find Internet to bring it back.

Try Again

PROCESSING

Your time is precious to us.

Please wait while we process

your requirements

OK

Design Style 3

About the style - Chromatic

Chromatic" seamlessly combines the strength of metal accents with the vitality of live images and bespoke illustrations. This template offers sleek aesthetics, engaging dynamics, and an artisanal touch for a modern and captivating design experience. Elevate your projects with "Chromatic" and redefine visual excellence effortlessly.

COLOUR PALATTE

1F1F35

EC1719

94BAF7

EFF4FF

Dark blue

Red

Blue

Indigo

The Quick Brown Fox

The Quick Brown Fox

The Quick Brown Fox

The Quick Brown Fox

Aa

Exo 2

TYPOGRAPHY

Responsive

Design

Pre Built

Components

Get Instant Loan

Comfort and peace of mind not only for you and but your family too

No hidden charges

Interest rates starts at 9.5%

E-Mandate option for auto debit of EMI

New Forms


Thank You for Watching

Create a free website with Framer, the website builder loved by startups, designers and agencies.