Trishabh, Visual Designer II.

Trishabh,
Visual Designer II.

Back Home

Back Home

Building ExpensAce Money

ExpensAce is a rupee-first finance management app built specifically for India. It tracks expenses, helps users set budgets & goals, and provides financial insights.

Designed for Larger Screens.
Less Scrolling. Better Viewing.

Open on Desktop

Designed for Larger Screens.
Less Scrolling. Better Viewing.

Open on Desktop

100 px

200 px

300 px

400 px

500 px

600 px

700 px

800 px

900 px

1000 px

1100 px

Overview.

ExpensAce is a personal finance app for Indians who want clarity on everyday spending without surrendering their bank. The project began with creating a design system from scratch that could scale across mobile, product, and marketing touch-points.

Developed the brand and illustration direction—pairing a rupee‑first, trustworthy palette with clean typography and simple character‑driven visuals. Also building on that foundation, I designed and refined the key UX flows for logging transactions, creating budgets, importing bank statements, and setting savings goals, while the UI work focused on layout hierarchy, micro‑interactions, and thoughtful empty states so that the experience feels coherent.

Role and Impact.

I owned the end‑to‑end product design for ExpensAce—from early product thinking and UX flows through visual design, design system creation, and developer handoff. This included defining the design language system, establishing the brand and illustration direction, creating key user journeys, building high‑fidelity UI across iOS and Android, and working closely with developers to translate the system into production‑ready components.

I also partnered with the team on launch assets such as the marketing website, app store visuals, and in‑app communication, ensuring the product felt coherent and trustworthy at every touchpoint, even with a very small team and constrained resources.

Branding & Micro-animations

Digital footprint

Design system design & management

UX Bits.

User Personas

Conducted exploratory user research to understand how Indians currently track expenses, where they feel anxious about money, and why previous budgeting tools failed to stick. The insights from interviews and lightweight usability tests shaped our core flows for logging transactions, creating budgets, and reviewing monthly summaries.

Competitive Landscape

In parallel, we reviewed competitor apps and recent reports on the Indian personal finance and UPI ecosystem to benchmark features, pricing models, and trust signals commonly used in this space. This helped us position ExpensAce as a privacy‑conscious, SMS‑first companion rather than yet another bank‑linked tracker, and identify gaps around simple budgeting and goal‑tracking for first‑time budgeters.

User’s Journey

mapped the end‑to‑end user journey from first hearing about the app through onboarding, daily expense logging, budgeting, and reviewing monthly insights, highlighting the main drop‑off and confusion points. These journey maps helped align the team on which moments to simplify first.

UI Bits

Design System

To keep the experience consistent as the product evolved, I built a design system from scratch that defined core tokens (type scale, colour roles, spacing, elevation) and a component library mapped directly to Flutter widgets.

Each component—buttons, inputs, list items, cards, overlays—was documented with states, usage guidelines, and responsive behaviours, so designers and developers could ship new screens faster without re‑solving basic UI decisions every time.

Plus Jakrata Sans

Light

Regular

Semibold

Bold

Merriweather

Light

Regular

Semibold

Bold

Interfaces

On the UI side, I translated the flows and design system into a set of focused, high‑fidelity interfaces for onboarding, daily logging, budgeting, and insights. Each screen was designed to emphasise clear hierarchy, generous whitespace, and familiar mobile patterns so users could understand what to do at a glance, without needing a tutorial.

Conclusion.

This project strengthened my end‑to‑end product thinking: from research and journey mapping through design system creation, interface design, and close collaboration with development to ship a real product. While there are still opportunities to deepen analytics and iterate on certain flows, the current version already gives users a calmer, more transparent view of their money and provides a solid foundation for future releases.

Next

TVS Motors

100 px

100 px

200 px

200 px

300 px

300 px

400 px

400 px

500 px

600 px

700 px

800 px

900 px

1000 px

1100 px

fin.

fin.

Trishabh Vats, UI UX Portfolio

monuroy021@gmail.com

monuroy021@gmail.com

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