WhiteOak

WhiteOak

WhiteOak

We simplified investing

We simplified investing

A design project focused on revamping mutual fund platforms for the two main user groups: investors and distributors.

A design project focused on revamping mutual fund platforms for the two main user groups: investors and distributors.

Divya Bhushan Singh

Check Live Site

Check Live Site

My Role responsibility

Prototyping, Testing

Prototyping, Testing

Collaborating with client / Developer

Collaborating with client / Developer

Ideating ideas

Ideating ideas

User Research

User Research

Interviewing stakeholders

Interviewing stakeholders

Client

Client

WhiteOak Capital Mutual Fund

WhiteOak Capital Mutual Fund

Project Timeline

Project Timeline

12 Months

12 Months

Design Tools

Design Tools

Figma/Invision/Miro

Figma/Invision/Miro

After receiving the brief and engaging in initial client communication, we have formulated a problem statement.

Problem Statement

Distributors face challenges in managing balanced fund strategies and keeping up with regulations, leading to trust issues. Investors are overwhelmed by fund choices and deterred by unrealistic return claims. In the digital age, they seek straightforward, engaging, and secure platforms for investing. Our goal is to design a user-friendly, transparent platform that simplifies investment management and builds trust.

Distributors face challenges in managing balanced fund strategies and keeping up with regulations, leading to trust issues. Investors are overwhelmed by fund choices and deterred by unrealistic return claims. In the digital age, they seek straightforward, engaging, and secure platforms for investing. Our goal is to design a user-friendly, transparent platform that simplifies investment management and builds trust.

Solution

We designed the platform based on modern design trends that resonate with the brand's language, adhering to color, style, and typography guidelines. New features like bulk investment, SIP top-up, and two-factor authentication enhance the investor experience. Removing redundant information and unrealistic return claims builds investor trust."

We designed the platform based on modern design trends that resonate with the brand's language, adhering to color, style, and typography guidelines. New features like bulk investment, SIP top-up, and two-factor authentication enhance the investor experience. Removing redundant information and unrealistic return claims builds investor trust."

Information Gathering

We used desk research and customer feedback to understand the brand and philosophy of Whiteoak As.

A way to diverse

After gaining deeper insights into the brand, we compiled a list of direct and indirect competitors in the Indian market.

IND Money and Robinhood are indirect competitors, focusing on different markets like the US and cryptocurrency investments.

DSP Mutual Fund and Edelweiss are direct competitors of Whiteoak since they are Asset Management Companies (AMCs)

To validate the problem statement and identify end-user pain points, we interviewed investors and distributors.


To validate the problem statement and identify end-user pain points, we interviewed investors and distributors.


The Screenshot contains list of question and category’s that was asked in interview

Our research uncovered several key issues:

Our research uncovered several key issues:

Our research uncovered several key issues:

Interviewed 6 Distributor

Interviewed 3 Investor


Social Media Usage: 80-85% of distributors utilize social media platforms, particularly Twitter, for business purposes and market research. Despite this, there's a significant gap in integrating these tools effectively into their daily operations.


Strategic Fund Management: Distributors emphasize the need for a balanced mix of funds and a focus on fund performance over categories. However, current platforms do not support efficient rebalancing strategies.


Regulatory Changes and Trust Issues: Distributors struggle to keep up with industry regulations, creating trust issues, especially among small-scale investors. This impacts their ability to provide reliable advice and maintain client confidence.


Overwhelming Choices for Investors: Investors are often overwhelmed by the vast array of available funds, leading to decision fatigue and analysis paralysis.


Unrealistic Return Claims: Unrealistic return claims by fund houses and investment platforms further erode trust, making it difficult for investors to make informed decisions.


Outdates Layout : Financial sites are data sensitive and having lot’s of data on the site alway overwhelm investor, This cause problem in navigating.


Standard Design : The sites doesn’t follow any standard colour and style of the components, it;s sign of poor design, The result of this platform doesn’t resonate with brand language.

Organizing the collected data into a structured format.

Synthesising

User personas are crucial in the design process to ensure that your product meets users' needs. Every choice you make, from product features to communication tone, should be tailored to your target audience.

Investor Persona

Investor Persona

Distributor Persona

Distributor Persona

It was time to map the journey of user personas for key use cases.

It's intriguing to explore the feelings, actions, and thoughts of users.

It's intriguing to explore the feelings, actions, and thoughts of users.

Rajat kumar who is 40 years old how he is gonna register him self on whiteOak Platform

How simple for him to upload his documents on whiteOak app

What features does he needed for completing the journey

Rajat kumar who is 40 years old how he is gonna register him self on whiteOak Platform

How simple for him to upload his documents on whiteOak app

What features does he needed for completing the journey

Output

Output

The above list contains key features identified through journey mapping. For a 40-year-old distributor or investor, what specific features should we enhance to improve the app experience?


The above list contains key features identified through journey mapping. For a 40-year-old distributor or investor, what specific features should we enhance to improve the app experience?


We created information architecture of two of the primary User base, Investor & Distributor

We created information architecture of two of the primary User base, Investor & Distributor

IA gave us a visual overview of the site. We crafted IA for investors and distributors, covering the journey from pre-login to post-login.

IA gave us a visual overview of the site. We crafted IA for investors and distributors, covering the journey from pre-login to post-login.

Building the screen with the guidance of collected Insights

Building the screen with the guidance of collected Insights

Ideating

It began with simple paper sketches, reflecting on the research and insights to visualize screens for the personas.

It began with simple paper sketches, reflecting on the research and insights to visualize screens for the personas.

Our ideation started, With paper prototyping

We selected key journeys within the platform and began creating iterations, refining them until we achieved the desired outcome.

To extend the ideation process, we conducted a cross-functional collaborative workshop.

We made cards for each section.

We organized our cards according to the site flow of our direct competitors and voted on the most common or relevant ones.

The voting results helped us identify the most relevant content areas.

Output

This is often done collaboratively between the design team, clients, and stakeholders.

We conducted multiple workshop for card sorting of some of the key user Journey.

We conducted multiple workshop for card sorting of some of the key user Journey.

Output

The voting results helped us identify the most relevant content areas.

The voting results helped us identify the most relevant content areas.

Output

Low-fidelity Wire-framing

With a clear understanding of the flow, we proceeded to create low-fidelity wireframes. This process involved multiple iterations to reach the desired outcome, requiring numerous client calls. As we received client feedback, we made changes and discussed them before finalizing and moving on to visual design.

O

O

O

O

O

O

O

O

Designing an intuitive and aesthetically pleasing interface.

Designing

We developed a design system that aligns with the brand's language and philosophy.

Evolving from conceptualization to high-fidelity prototypes, driven by exploration, iterative client feedback, and ongoing refinement.


We create visually cohesive experiences using typography, color schemes, icons, and imagery. Our reusable UI components and design patterns promote consistency and efficiency. By prioritizing intuitive interactions, we improve the user experience.

We create visually cohesive experiences using typography, color schemes, icons, and imagery. Our reusable UI components and design patterns promote consistency and efficiency. By prioritizing intuitive interactions, we improve the user experience.

Prototype..

Prototype..

Insuring a quality Dev Handover

Insuring a quality Dev Handover

We provided a walk-through to the development team using an interactive prototype.

The pre-login and post-login journeys for mobile and web were delivered with linked components and a style guide.

Valuable lessons and insights derived from experience or learning processes, providing knowledge applicable to future projects.

Valuable lessons and insights derived from experience or learning processes, providing knowledge applicable to future projects.

How to incorporate feedback from multiple stakeholders via effective communication to ensure client satisfaction while creating intuitive flow.

How to incorporate feedback from multiple stakeholders via effective communication to ensure client satisfaction while creating intuitive flow.

How to conduct research pertaning to brands with highly secure and sensitive data and navigate through modules with restricted access in order to understand user flow and journeys

How to conduct research pertaning to brands with highly secure and sensitive data and navigate through modules with restricted access in order to understand user flow and journeys

Building and maintaining design system streamline design and ensure consistency across project.

Design Impact

Design Impact

Average task completion time for user actions such as fund selection, portfolio management, and transaction processing has been reduced by XX%

XX% satisfaction rate among investors regarding the platform's ease of use, navigation, and overall user experience."

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