Redefining the financial ecosystem.

Fi-eco stands for Financial ecosystem, it is an application which enables user to redefine their financial ecosystem and control all the finances from one place, it is also an effort to equip users with all the essential financial knowledge.

Fi-Eco

V1.0.2

An UI:UX Case study (Self initiated project)

Understanding and studying the financial management scenario in India

Created a survey for validating doubts from general research

Generated Insights 

1. Research

Defined the application's functions based on the gathered data

Create an application user flow

Sketch wireframe and ideate various interfaces on paper

Project Plan

#My Approach

2. Ideating 

Interface & Experience

Finalise the wireframe digitally

Select a design language for the application and determine its visual identity

Logo design and branding the application

3. Prototyping

Create final visual design of the applicatiion and make it ready for prototyping

Are you Financially Literate?

Financially literacy is a term coined for ability to understand how to make sound financial choices so you can confidently manage and grow your money. This concept is not very widely discussed, but is one of the most crucial and essential life skill for a population of a developing country like India at large.

76%

Percentage of Indian Population is Financially illiterate

Financial resources are one of the most essential resources for humans, yet most of the people fail to understand the importance of managing this crucial resource of their life.

53%

51%

85%

59%

Percentage of Indian population that does not know how to access credit facilities

Percentage of urban indian population that does not have a financial plan for their future

Percentage of Indian population that is unaware of their credit score

Percentage of earnings spent on current expenses by the Urban Indian population

What is Personal Financial Ecosystem?

Now that we are aware that financial resources are a key life saving aspect in current times. And these resources come with their own responsibilities and liabilities. They form a part of our everyday life and look after our day to day functioning. Hence, just like a natural ecosystem, these resources also function like a pattern wherein, every individual earns money which is either spent or invested. Thus, to perform all these functions there is a protocol which needs to be maintained for a steady and stable management of these resources. This complete process has its own boundaries and limitations. and when it all comes together, it forms an ecosystem of financial recourse which i prefer to call a Financial Ecosystem, that involves every individual with personal needs and demands.

Expenses

Taxes

Investments

Income

User Profiles

Synthesizing Insights

The Worried one

The Smart one

"I am constantly worried about my finances and if they will be sufficient for my family"
"I am very much aware about my goals and I have planned my finances accordingly"

Risk Appetite

Very Low

"I am prefer to save my money through
traditional means like fixed deposits, Gold, etc. I do not know have much financial knowledge, hence i do not like to experiment"

Risk Appetite

Moderate

"I am very well equipped about investment options, and I like to take calculated risks. I often keep aligning my financial investment with my goal through professional guidance"

Tracking

resources

Returns of Investment

Familiarity

Management

Lack of options

Time

Knowledge

Emotions

Security

The Lazy one

"I have sufficient financial resources, I dont really bother much about managing them"

Risk Appetite

Very High

"I earn money from my business in Cash form, I do worry much about financial options, I simply invest them in real estates, Gold and other business. I believe you cannot make money unless you take enough risk."

Secured management of data and tracking of resources while keeping privacy intact.

Exploring and gaining financial knowledge in minimum time.

Approachable financial options which can be accessed with ease, thereby creating a sense of familiarity for the user.

Fi-Eco converts user needs into functions

which will help the user redefine and create their own financial ecosystem.

Monitor. all at one place

Control.

your Finances

Explore.

financial opportunities

Customise.

 your financial wellbeing

1

2

3

4

User Flow

Enter Pan number

Register Face ID

Login & Registration

Register Finger Print

Enter Passcode

Home

Dashboard

Navigation Bar

News

Investment

Expenses

Taxes

Profile

Home

Pay

Calculator

Settings

Technical Wireframe.

#F7F8F3

#002C3E

Aa

Font Family: Futura

Visual Scheme

#151515

#9FE7A7

The Logo Story.

As Fi-eco is an application which acts as a platform for all the financial needs and demands, I decided to have a very bold base which would resemble a platform. I decided on circular shape because it portrays the idea of motion and movement in a procedural pattern thereby conveying that the platform is about elements that are in constant motion and interaction around the user. Hence, the user is denoted strong distinct color to reflect the user centric principles of the application.

Enter your PAN Number.

As soon as you launch the application, you need to enter your pan number which will help the application identify you and will help collect your financial data.

Verify your Details.

Once the pan number is approved, the application will ask you to register your authentication detail so that your data can be fully protected and accessed only by you.

Control your Finances from one place.

This is the home page which is equipped with a special dashboard and its unique way to toggle between content. The idea was to incorporate a fun fidgeting element in the dashboard that urges users to interact in playful way and retains their curiosity to explore the content in a different way

" Interactive interface to enjoy financial management "

Joystick Interface

The Joystick interface was thoughtfully designed to give users a fun gaming experience, to balance that seriousness of the content. I feel that balancing heavy content with interactive and intuitive elements and features can make the application more engaging and sometimes, even less intimidating. The interface is directly inspired from a gaming controller with a joystick, wherein the center wheel has to be held and moved towards the function you want to access

Notification Icon

The notification bar alerts the user everytime there is an update in any functions of the application. A red icon denotes that the update is not acknowledged or checked. All new and prior notifications can also be accessed from here.

Navigation Bar

This is Fi-eco's own customised navigation bar that has four main functions: profile, home, pay and calculator; which can be accessed anytime directly from this navigation bar.

News

This icon gives you access to all the relevant financial news and keeps to updated with all the.... policies for you to explore

Expenses

Since, all the financial data and bank accounts are linked to your PAN card, this icon enabls you to review all the digital transactions and expenditure and keeps a track of your expenses

Investment

This Icon is for accessing and exploring all your existing investments linked to your Pan card, as well as search for new options to invest in.

Taxes

This section allows you file and review taxes, as well as lets you connect with a tax consultant or an advisor.

Pay.     Monitor.     Invest.

Pay. Conveniently

This application is also equipped with its own Unified payment interface that allows the user to pay directly and conveniently from the application.

Monitor. Your Spendings

Fi-eco is also allows you to monitor your expenditure, every spending made by the user is categorised and a monthly budget set by the user is also displayed which allows the user to see if he has not exceeded the budget and how much money is still left so that he can plan his spendings accordingly.

Invest. with Ease

Fi-eco makes it easy for the user to invest any amount of money in multiple investment options, from a single application. Occasionally, users are left with small amounts of money from their monthly budget, which they can promptly invest rather than utilise it unnecessarily. This also promotes healthy saving habits for the user.

Stay updated with News.

News. to explore

Whether the markets are bullish or bearish, the user can access all the information from one place. The application will also filter and show the relevant financial news as well as brief the users on all the active schemes and financial credit facilities. It would also guide the user in setting or achieving financial goals through interesting blogs and articles.

Click. or Swipe.

To make the homepage more intuitive, I decided to plug calculator and profile in the same layout that can be swiped and accessed. The user can simply swipe the dashboard right or left to access his profile or calculator respectively. The same functions can also be accessed from the navigation bar, I felt it was crucial to to have an in-built calculator in the application because when it comes to finances we often need to make certain calculations and it becomes very difficult to switch application just to access calculator.

All the isometric icons used are solely for representation purpose only, which are commercially bought with license from freepik website and some are originally made by me. The Icons are copyright protected and are strictly not allowed to be used or redesigned in any case.

Industrial - Product - UI/UX Designer

19.0760° N, 72.8777° E