Building Finance Dashboard - To Collect & Manage Fees for Tutors

To design a dashboard for tutors & coaching institutes to give a clear picture & analysis of how much they earn via fees & other sources.

Problem Statement

• #1 - Tutors in small & midsize businesses were facing a hard time collecting fees from their students.
• #2 - The dashboard did not provide sufficient data to tutors on their finances and fees which impacted their ability to effectively manage their business and make informed decisions.

Project Outcomes

Quantitative evidence:
 • Feature Adoption Rate: Improved from 30% to 50%
 • Fewer queries & complaints from the customers
 • Next steps: Introduce GST Invoicing Download for the transactions (an ongoing process)

Collect Fees Prototype

TL;DR | Don't want to read through everything? Have a look at the collect fees prototype that was designed. This is just one of the flows for this feature.


 • To design an aesthetic product feature on Fees Creation & Managing for Tutors
 • To redesign & revamp the entire Fee Dashboard along with flows on Collecting and Managing Fees
 • Tutors & Coaching Institutes should have a complete view & analysis of how much they earn via fees & other different sources
 • Fees collection portal that can be used to set up and schedule collections by tutors
 • A simplified flow for the tutors to collect fees.

Roles & Responsibilities

 • Understand the flow used by the tutors to collect fees (both offline & online mode)
 • Develop a solution that takes into account the business outcomes as well as limitations in conjunction with the PMs, developers, and other stakeholders
 • Creating different user flows, simplifying the user journey to collect fees, and prototyping them
 • Do usability testing with different stakeholders at the company on the prototype (dogfooding), gather feedback & iterate on the designs
 • Ensure that the screens are designed according to the style guide and are properly handed off to developers

Project Timeline & Design Process

1. User Interviews & Research

 • Based on the user calls, got to know that the process of the collection of fees via online methods had some friction & issues.
 • From the data, got to know that the current experience was limiting.

2. Understand the problem

 • Based on the research & interviews, it helped to arrive at the conclusion to make the collection of fees more efficient by simplifying the process. Also introduce logging of offline fees.
 • Give a better representation & a detailed report to the tutors on the amount they have earned from all mediums via the My Finances Dashboard & Fee Dashboard. Also, give the functionality to download the reports.

3. UX Design - Flow & User Journey

4. Visual Design

Online Fees Flow Screens

Offline Fees Flow Screens

My Finances Dashboard Screens

Fees Dashboard Screens

Some Android Screens

5. Prototyping important flows

Collection of Online Fees/Logging Offline Payments Prototype

Android Screens Prototype

6. Design Handoff

As of yet, the Design System has not been built. As a result, the developers received the entire Figma file alongside the prototypes.

7. Development & Implementation & 8. Product/Feature Release

Most of this phase was handled by developers, PMs, and other stakeholders. Nevertheless, I actively participated in explaining design decisions & mockups to all stakeholders when necessary.

Key Learnings

 • Using constraints to design & improve your product - using what you have at your disposal
 • Get rid of major pain points - provide the user with a well-designed process for completing the tasks
 • Make it visually appealing - present the data in different formats using charts and easy-to-read charts

See Other Case Studies