Income S – Finance Tracker Web Application by Tofunwa ToyinboIncome S – Finance Tracker Web Application by Tofunwa Toyinbo

Income S – Finance Tracker Web Application

Tofunwa Toyinbo

Tofunwa Toyinbo

Income S – Finance Tracker for Small and Medium-Sized Businesses

Project

Income S is a modern finance tracking web application built for small to mid-sized businesses and individuals. It helps users efficiently manage incomes, expenses, contacts, and financial analytics in one intuitive and enjoyable interface.

My Role

Design Engineer (Full Design & Frontend Development)

Project Goal

Design and develop a professional yet delightful finance management tool that combines clarity, usability, and satisfying micro-interactions to make tracking money less stressful and more insightful.

What I Delivered

Complete multi-page finance tracker (Home, Analytics, Contacts, Incomes, Expenses, Settings, Help)
Interactive profile drawer, editable transaction modals, and dynamic summaries
Smooth micro-interactions including hover states, icon animations, chart interactions, count-up animations, transitions, and button feedback.
Clean, modern UI with strong visual hierarchy, charts, and data visualizations
Fully responsive design with thoughtful details across all screens

Tools Used

Figma, ViteJS, Tailwind CSS, Framer Motion, Cursor.

Key Screens

1. Home page (Dashboard)

Dashboard screen
Dashboard screen
User menu dropdown & Profile drawer
User menu dropdown & Profile drawer

2. Analytics page

Analytics page

3. Incomes page

Incomes page

4. Expenses page

Expenses page

5. Contacts page

Contacts page

6. Help & Support

Help & Support
Help
Help
Support
Support

7. Settings

Settings

Live Link

Fully functional frontend prototype.
Like this project

Posted May 6, 2026

Designed and developed a finance tracking web app for SMEs. Features smooth micro-interactions, modals, profile drawer, and full transaction management.