KLI Boost
Dot Pattern

The KLI Boost App

Kotak Mahindra Life Insurance Company Limited

KLI Boost

One Stop Mobility Solution for all KLI’s Advisors

Introduction

About Project

To design a one stop mobility solution for all KLI’s agents and partners enabling them to perform their day to day tasks and activities in a faster, simpler and smarter way!

Problem Statement
Problem Statement

A platform where partners, advisors can keep track and perform day to day activities in a faster way.

Business Goal
Business Goal

To design a seamless platform & help user’s gain more business.

Advisors light
Dot Pattern
Advisors and Agents

Audience

Below are the persona’s we targeted and try to solve their painpoints and address their goals

Advisors & agents

  • No realtime updates on what is happening with their sales, targets and achievements,
  • No clear growth path,
  • No motivation to upscale/upgrade

Managers (CEO, Advisor)

  • No birds eye view on team/company target v/s accomplishments,
  • Reports
Discover
Discover

Discover

We worked with different stakeholders to understand product, and a regular connect with them helped us understand user stories and needs

Gaps that we identified

  • Need of an Insightful dashboard
  • Saving time by maintaining policies at your finger tips without comprising on flow
  • Gamifying user experience to boost performance of an individual

Design Thinking Process

Design thinking is a methodology that attempts to solve complex problems in a creative and user-centric way. Core features of the design thinking methodology include:

Empathize
Empathize

Understand the problem of the user for whom you are designing.

Define
Define

Form a problem statement.

Ideate
Ideate

Generate creative solutions to this problem.

Prototype
Prototype

Build a tangible representation of this solution.

Test
Test

Validate this solution with your target audience.

User Flow

After gathering all the necessary information and the user scenarios our team started creating different flows which help them with a holistic view of the application overall.

Architecture

User Flow
Dot Pattern

High-fidelity

Wireframes

Our team crafted this high-fidelity wireframes once the UX strategy was ready and converted it into clickable prototype.

Wireframe
Wireframe

Typography & Colors

While initiating the visual design directions, we explored and selected a combination of warm and monochrome colors for this app.

Fonts & Colors

Pp
Poppins
Font
Alphabets
Styles
  • Light 300
  • Regular
  • Medium
  • Semi Bold
  • Bold
  • Extra Bold
Font adds a great deal of emotions in the design

Choosing the right font was indeed essential for us while crafting the personality of HootOut brand. Font Rubik is an amazing font which rightly fit with the overall design experience we created.

  • Color Blue

    #003366
    Blue

  • Color Red

    #FF0000
    Red

  • Color Yellow

    #FFA702
    Yellow

  • Color Black

    #000000
    Black

  • Color Grey

    #808080
    Gray

  • Color Columbia Blue

    #CCD6E0
    Columbia Blue

  • Color Cultured

    #F4F6FA
    Cultured

  • Color White

    #FFFFFF
    White

Navigation
Navigation Icons
States
States Icons
Essentials
Essential Outline Icons
Essential State Icons
Essential Big Icons
Essential Color Icons
Dot Pattern

User interface design

Here we go with the user interface design for the core screens of the app below. These were indeed the most important screens to engage the user's attention.

Visualization

Contests-on-Dashboard
Contest Icon

Contests-on-Dashboard

Gamifying the experience to get the best of the users and presenting them with exciting rewards.

  • Level-1
  • Level-2
  • Level-3
Contests-on-Dashboard
Level Complete

Rewards

A motivational & interactive design for advisors and partners as soon as they complete a level.

Level Complete
Report Summary

Reports Summary

A birds eye for managers to download reports weekly, monthly & quarterly

Report Summary
User profile
User profile

User profile

A space where advisor’s can update their profile

  • Selfie
  • Edit Profile
    Rajesh Wadhwa

    Senior Agency Partner

Incentives
Reward

Incentives

Keep track of earnings and incentives and manage taxes on the go

Incentives

Other Screen

Out of hundreds of screens here are few more from the app itself.

Other Screens
Dot Pattern

Micro Interaction

Video Play Button Video Play Button

Impact

Increase

30%

Increase in contests participations

Track

4.1

Average Rating

Reward

100K+

Downloads

Download KLI Boost App

Dot Pattern

Enough Talking
Let's Collaborate

OR mail to: business@f1studioz.com