FinHarbor - Banking, investing, and budget planning
FinHarbor is a finance product concept built around personal banking, card controls, budgeting, investment allocation, recurring payments and secure transfer flows. We designed and prototyped it in-house to explore how domain knowledge turns into practical product flows, polished interface states and responsive experiences.
- Industry
- Finance
- Services
- Web application development, Product and UX design
- Technology
- React, TypeScript, Redux Toolkit, Recharts, Tailwind CSS, Node.js
The challenge
The brief: design an end-to-end experience around checking account balances, planning budgets, reviewing portfolio risk, scheduling transfers and confirming payments safely. The difficulty was balancing domain-specific complexity with a simple interface — making key decisions visible, removing friction from critical steps and keeping the product approachable for first-time and returning users.
Our solution
We built the concept with modular React components, typed domain models, reusable form patterns and responsive layouts, with a technical focus on secure form handling, transaction state machines, currency formatting, chart interactions and high-trust UI feedback. Empty, loading, error and success states were designed as part of the core experience, not as an afterthought.
Results
A production-style prototype that validates the main user journeys and gives a clear starting point for a real build: a reusable component foundation, defined data models and a complete set of responsive flows. It shows how we approach a new finance product, from first idea to working interface.
Have a similar project in mind?
Let's talk about how we can help you plan, build and launch it.
Start a conversationLet's build something together
Tell us about your product, your challenge or your idea. We will get back to you promptly with next steps.
Book a free consultationcontact@vincentle.caOr write to oaivyftu@gmail.com