Loading
Banner Image
Role

User Research

Interviewing key stakeholders and conducting secondary research to gather insights.

Product Strategy

Defining the product roadmap and a plan for how to support the business strategy.

UX Design

Collating all business and user insights to crate a harmonious user experience for the product.

Branding & Visual Design

Using brand guidelines to create system of components, patterns, and styles for the product.

Project Management

Co-ordinating all product and project related activities between various collaborator.

Usability Testing

Testing features and functions of the product in real time, to achieve best possible outcomes.

Co-ordination

Co-ordination

Managing the project through our own PM team, with the assigned PMO was tougher than initially expected

Collaboration

Collaboration

Syncing up with a financial consultant (with a very different work style) made us step outside our comfort zone

Scope & Timelines

Scope & Timelines

16 weeks to execute a revolutionary new approach for mobile + web really tested the limits of our endurance

Discovery Image
Identifying Key Journeys

Identifying Key Journeys

Identifying key customer journeys as a part of the Phase 1 MVP, and the personas being catered to.

Workflow Mapping

Workflow Mapping

Understanding interdependencies, potential features and the level of complexity of each module.

Design Directions

Design Directions

Printing our designs on standees to foster better interactions and ideation with the client

We explored different visual and conceptual themes to help identify a suitable design direction

Fill it, Shut it,  Forget it!

Fill it, Shut it, Forget it!

A passive investor that relies on building a long term relationship with their wealth manager.

MEDICAL DIRECTOR, 58

Slow and Steady wins the race!

Slow and Steady wins the race!

A moderately active and practical investor that’s goal oriented and in it for the long haul.

SENIOR PARTNER, 45

Suno Sabki,  Karo Apni!

Suno Sabki, Karo Apni!

An active, experienced investor with a high degree of confidence from past successes.

ANGEL INVESTOR, 33

Wireframes
Full Web Image Full Mobile Image
TYPOGRAPHY

We chose Proxima Nova for simple, clear and bold letters. Our team focused on the proportions, the spacing, the overall look and feel. It didn’t have a lot of fussy details or mannerisms. The open, circular forms gave it a “friendly” appearance, especially in the lowercase.

We used Noto Sans for local languages to enhance engagement in the states of Andhra Pradesh and Telangana. Noto is a multilingual font designed as an intermediate style between the modern and traditional. User’s can switch display language between Tamil and Telugu in seconds.

Typography

Space Grotesk

Aa Light
Aa Regular
Aa Medium
Aa Bold

HK Grotesk

Aa Light
Aa Regular
Aa Medium
Aa Bold

Web

The typography below is defined for use in Web designs only.

Text type Font & Weight Size (px) Line height Letter spacing
Heading 1 Space Grotesk Bold 42px 46px 0px
Heading 2 Space Grotesk Bold 36px 40px 0px
Heading 3 Space Grotesk Bold 32px 36px 0px
Sub header 1 Space Grotesk Bold 24px 28px 0px
Sub header 2 Space Grotesk Semi bold 20px 24px 0px
Sub header 3 Space Grotesk Semi bold 16px 20px 0px
Paragraph 1 HK Grotesk Medium 16px 20px 0px
Paragraph 2 HK Grotesk Regular 14px 18px 0px
Paragraph 3 HK Grotesk Regular 12px 16px 0px

Mobile

The typography below is defined for use in Mobile designs only.

Text type Font & Weight Size (px) Line height Letter spacing
Heading 1 Space Grotesk Bold 32px 36px 0px
Heading 2 Space Grotesk Bold 28px 32px 0px
Heading 3 Heading 3 24px 28px 0px
Sub header 1 Space Grotesk Semi bold 20px 24px 0px
Sub header 2 Space Grotesk Semi bold 18px 22px 0px
Space Grotesk Semi bold Space Grotesk Semi bold 16px 20px 0px
Paragraph 1 HK Grotesk Medium 16px 20px 0px
Paragraph 2 HK Grotesk Regular 14px 18px 0px
Paragraph 3 HK Grotesk Regular 12px 16px 0px
COLOURS
Aha wished to bring in a new-wave of orange in entertainment for the Telugu-speaking audience, across the world

Colors

Neutral

White

#FFFFFF

rgba(255, 255, 255, 1)

100

#E2E2E2

rgba(226, 226, 226, 1)

200

#BDBDBD

rgba(189, 189, 189, 1)

300

#9A9A9A

rgba(154, 154, 154, 1)

400

#828282

rgba(130, 130, 130, 1)

500

#4F4F4F

rgba(79, 79, 79, 1)

600

#333333

rgba(51, 51, 51, 1)

700

#1B1C1F

rgba(27, 28, 30, 1)

Primary - Wealth Orange

100

#FFE4D9

rgba(255, 228, 217, 1)

200

#FEC9B3

rgba(254, 201, 179, 1)

300

#FEAD8C

rgba(254, 173, 140, 1)

400

#FE9266

rgba(254, 146, 102, 1)

500

#FD7740

rgba(253, 119, 64, 1)

600

#B1532D

rgba(177, 83, 45, 1)

Secondary - Wealth Orange

100

#FFE4D9

rgba(255, 228, 217, 1)

200

#FEC9B3

rgba(254, 201, 179, 1)

300

#FEAD8C

rgba(254, 173, 140, 1)

400

#FE9266

rgba(254, 146, 102, 1)

500

#FBB03B

rgba(253, 119, 64, 1)

600

#B07B29

rgba(253, 119, 64, 1)

Secondary - Wealth Purple

100

#DED6FF

rgba(222, 214, 255, 1)

200

#BDADFF

rgba(189, 173, 255, 1)

300

#9C84FF

rgbargba(189, 173, 255, 1)(156, 132, 255, 1)

400

#7B5BFF

rgba(123, 91, 255, 1)

500

#FD7740

rgba(90, 50, 255, 1)

600

#3F23B3

rgba(63, 35, 179, 1)

Secondary - Wealth Pink

100

#FFD6DE

rgba(255, 214, 222, 1)

200

#FEADBD

rgba(254, 173, 189, 1)

300

#FE859B

rgba(254, 133, 155, 1)

400

#FD5C7A

rgba(253, 92, 122, 1)

500

#FD3359

rgba(253, 119, 64, 1)

600

#B1243E

rgba(177, 36, 62, 1)

UI Screens

Web Screens

Mobile Screens

Image