Super App: Kotak Mahindra Bank

1st place winner, FinTech project for Kotak Mahindra Bank. A design hackathon by IIT Bombay.

A super app concept presented at an all India design hackathon for Kotak Bank. Kotak mahindra bank is an Indian banking and financial services company offering services for corporate and retail customers in areas such as personal finance, investment banking, life insurance and wealth management.

Role

UI Designer & UX Researcher

Industry

FinTech

Duration

1 month

Problem Statement:

Kotak Mahindra Bank wants to launch it's Kaymall section that would transform their existing app in a super app.

Motivation:

Working on one of the largest FinTech brand to help create a Super App.

You might be wondering what is a Super App?

A super app is a user-friendly platform that combines multiple services into a single app.

For example, a super app might include social networking, e-commerce, banking, messaging, food delivery, transportation features or mini apps that users can activate as needed.

Research Results:


Design Process:

Human-Centered and Design Thinking processes were employed.

Discover

Define

Ideate

Prototype

Test

Research Methods:

Project Timeline:

Research Results:

Services used from banking apps

Who are we designing for?

How did the old KayMall look like?

Working with design system and brand styleguide

Styleguide

Font - Noto Sans

Regular Body Text - 13 pts

Regular Body Text - 12 pts

Bold / Semibold - 14 pts

Medium - 15 pts

Reg / Semibold - 18pts

Subtitle Semibold / Bold - 20 pts

Title Semibold / Bold - 24 pts

Color palette

Hex: ED1C24

Hex: 003874

Hex: 02274F

Hex: FEAA01

Hex: FEDED3

Hex: 2F80ED

Hex: 27AE60

Hex: E2B93B

Hex: EB5757

Hex: C5D8F8

Hex: FBEBC3

Hex: DADADA

Hex: FFFFFF

Styleguide

Font - Noto Sans

Regular Body Text - 13 pts

Regular Body Text - 12 pts

Bold / Semibold - 14 pts

Medium - 15 pts

Reg / Semibold - 18pts

Subtitle Semibold / Bold - 20 pts

Title Semibold / Bold - 24 pts

Color palette

Hex: ED1C24

Hex: 003874

Hex: 02274F

Hex: FEAA01

Hex: FEDED3

Hex: 2F80ED

Hex: 27AE60

Hex: E2B93B

Hex: EB5757

Hex: C5D8F8

Hex: FBEBC3

Hex: DADADA

Hex: FFFFFF

Primary Colors

Complementary Colors

Neutral Colors

State Colors

A glimpse at the wireframes

Kaymall User Flow

The user flow was crafted with a narrow and deep information architecture.

Here's a tour of all the screens thoughtfully broken down to help understand our design decisions:

We took several UX Laws and WACG guidelines in consideration

Award for securing the 1st position in India

Other projects

Copyright 2024 by Atharva Nikam

Copyright 2024 by Atharva Nikam

Super App: Kotak Mahindra Bank

1st place winner, FinTech project for Kotak Mahindra Bank. A design hackathon by IIT Bombay.

A super app concept presented at an all India design hackathon for Kotak Bank. Kotak mahindra bank is an Indian banking and financial services company offering services for corporate and retail customers in areas such as personal finance, investment banking, life insurance and wealth management.

Role

UI Designer & UX Researcher

Industry

FinTech

Duration

1 month

Problem Statement:

Kotak Mahindra Bank wants to launch it's Kaymall section that would transform their existing app in a super app.

Motivation:

Working on one of the largest FinTech brands in India to help compete in the FInTech domain by design a Super App for Kotak Bank - KayMall.

You might be wondering what is a Super App?

A super app is a user-friendly platform that combines multiple services into a single app.

For example, a super app might include social networking, e-commerce, banking, messaging, food delivery, transportation features or mini apps that users can activate as needed

Design Process:

Human-Centered and Design Thinking processes were employed.

Research Methods:

Research Results:

Services used from banking apps

Who are we designing for?

How did the old KayMall look like?

Working with design system and brand styleguide

A glimpse at the wireframes

Kaymall User Flow

The user flow was crafted with a narrow and deep information architecture.

Here's a tour of all the screens thoughtfully broken down to help understand our design decisions:

We took several UX Laws and WACG guidelines in consideration

Award for securing the 1st position in India

Other projects

Copyright 2024 by Atharva Nikam

Copyright 2024 by Atharva Nikam

Super App: Kotak Mahindra Bank

1st place winner, FinTech project for Kotak Mahindra Bank. A design hackathon by IIT Bombay.

A super app concept presented at an all India design hackathon for Kotak Bank. Kotak mahindra bank is an Indian banking and financial services company offering services for corporate and retail customers in areas such as personal finance, investment banking, life insurance and wealth management.

Role

UI Designer & UX Researcher

Industry

FinTech

Duration

1 month

Problem Statement: View Prototype
Kotak Bank lacks super app ability in there app and wants to compete with other competitive super apps in the FinTech industry.

Motivation:
Working on one of the largest FinTech brands in India to help compete in the FinTech domain by design a Super App for Kotak Bank - KayMall.

You might be wondering what is a Super App?
A super app is a user-friendly platform that combines multiple services into a single app. For example, a super app might include social networking, e-commerce, banking, messaging, food delivery, transportation features or mini apps that users can activate as needed.

My Contribution
The team took a collective decision to appoint me as the project manager to ensure collaborration and timely
progress toward the tight deadline. I contributed as a UX Designer and a researcher to work toward the intial research of the design thinking process. My tasks included coming up with a timeline for progressing through all the stages, leveraging collaborative platform such as Google meet, Miro, Figma/Figjam, Google forms.

As a UX Designer, I contributed toward the development of a persona, using the Kotak design system and brand colors to maintain consistency majorly on the Personalization and Card and Payments screens.

Collaboration
A team of four brainstormed on the wants, needs, and pain points of Kotak's users by analyzing the survey results and thoughtfully crafted a list of high-priority and supporting features for KayMall. The information architecture was defined by perfoming a card sorting and whiteboarding exercise. The team provided constructive feedback to each member's screens backed by rationale and actively worked on continious iteration to achieve the final high fidelity designs.

Design Process:

Human-Centered and Design Thinking processes were employed.

Discover

Define

Ideate

Prototype

Test

Research Methods:

Project Timeline:

Research Results:

Services used from banking apps

User quotes uncovered from the research…

The goal of the survey was to understand user that we're designing for, their preferences, frustrations with the current platform and delight points if Kotak introduced a super app.

Note: Participants were to explained the super app term before starting.

Who are we designing for?

How did the old KayMall look like?

Working with design system and brand styleguide

Styleguide

Font - Noto Sans

Regular Body Text - 13 pts

Regular Body Text - 12 pts

Bold / Semibold - 14 pts

Medium - 15 pts

Reg / Semibold - 18pts

Subtitle Semibold / Bold - 20 pts

Title Semibold / Bold - 24 pts

Color palette

Hex: ED1C24

Hex: 003874

Hex: 02274F

Hex: FEAA01

Hex: FEDED3

Hex: 2F80ED

Hex: 27AE60

Hex: E2B93B

Hex: EB5757

Hex: C5D8F8

Hex: FBEBC3

Hex: DADADA

Hex: FFFFFF

Styleguide

Font - Noto Sans

Regular Body Text - 13 pts

Regular Body Text - 12 pts

Bold / Semibold - 14 pts

Medium - 15 pts

Reg / Semibold - 18pts

Subtitle Semibold / Bold - 20 pts

Title Semibold / Bold - 24 pts

Color palette

Hex: ED1C24

Hex: 003874

Hex: 02274F

Hex: FEAA01

Hex: FEDED3

Hex: 2F80ED

Hex: 27AE60

Hex: E2B93B

Hex: EB5757

Hex: C5D8F8

Hex: FBEBC3

Hex: DADADA

Hex: FFFFFF

Primary Colors

Complementary Colors

Neutral Colors

State Colors

Kaymall User Flow

The user flow was crafted with a narrow and deep information architecture.

A glimpse at the wireframes

We took several UX Laws and WCAG guidelines in consideration

Here's a tour of all the screens thoughtfully broken down to help understand our design decisions

Award for securing the 1st position in India

Other projects

Copyright 2024 by Atharva Nikam