Case study

Personal Finance Manager

Finance Cockpit reuneix transaccions, pressupostos i informes en un producte clar i coherent.

Abast del projecte

De la idea a una eina llesta per usar

El projecte va consistir a convertir la gestió diària de les finances en una eina clara i fàcil d’utilitzar, capaç de mostrar de seguida la informació més important. L’app havia de ser intuïtiva, llegible i preparada per créixer amb les necessitats de l’usuari.

01

Entendre les necessitats i els objectius

Analitzar com es gestionen avui les finances, què cal ordenar i què ha d’ajudar a aconseguir l’app.

02

Dissenyar un flux de treball senzill

Organitzar les pantalles i accions clau perquè l’usuari trobi el que necessita de seguida i completi les tasques diàries amb la mínima fricció possible.

03

Construir l’app i les funcions clau

Crear l’eina per organitzar dades, seguir la despesa, gestionar pressupostos i revisar informes en un sol lloc.

04

Polir el producte i preparar-lo per créixer

Comprovar el funcionament de l’app, millorar la usabilitat i la fiabilitat, i deixar-la preparada per evolucionar amb les necessitats creixents de l’usuari.

Supòsits

Ordenar les finances en un sol lloc

L’objectiu era ordenar les finances personals en un sol lloc sense saturar l’usuari amb massa pantalles o una complexitat innecessària.

El producte havia de guiar des de la importació de dades fins a la presa de decisions financeres d’una manera simple i lògica.

Havia d’ajudar a seguir cada dia les despeses, els ingressos i els pressupostos sense deixar de sentir-se lleuger i ràpid.

També havia de generar confiança, perquè treballa amb dades financeres i ha de transmetre seguretat des del primer contacte.

Reptes

Una interfície simple per a dades complexes

Claredat amb moltes dades

La interfície havia de mostrar molta informació alhora i seguir sent fàcil de llegir d’un cop d’ull.

Fluxos diaris més curts

Les accions freqüents, com importar i classificar transaccions, no podien requerir passos de més ni formularis llargs.

Control i confiança en les dades

L’usuari havia de sentir que tenia el control total de les seves finances i que les dades estaven organitzades, eren clares i sempre a mà.

Solució

Una aplicació modular preparada per créixer

Vam dissenyar una app modular en què cada bloc acompanya el següent pas del treball financer. Així, el producte es percep intuïtiu i és més fàcil passar de revisar dades a actuar.

Personal Finance Manager mobile application screen
Personal Finance Manager application process

Capacitats del sistema

Funcions principals de l’aplicació

Importació CSV

Els usuaris poden introduir dades al sistema ràpidament sense reescriure transaccions.

Classificació automàtica

Les transaccions s’assignen a les categories correctes per agilitzar l’organització financera.

Pressupostos i control de despesa

L’usuari pot seguir límits i veure amb facilitat on s’està gastant el pressupost.

Informes i anàlisi

L’app presenta les dades d’una manera que ajuda a decidir més ràpid i a entendre millor la situació.

Resultat final

Slajd 1
Slajd 2
Slajd 3
Slajd 4
Slajd 5
Slajd 6
Slajd 7

Tecnologia

Stack tecnològic modern

Frontend

  • Next.js 15
  • React
  • TypeScript
  • Tailwind CSS

Arquitectura

  • PostgreSQL
  • Prisma ORM
  • Server Actions
  • Supabase Auth

Backend

  • App Router
  • Server Components
  • Data Caching
  • Route Revalidation

DevOps i qualitat

  • Vercel
  • GitHub
  • ESLint
  • HTML semàntic
  • Interfície responsive
  • Open Graph
  • SEO Metadata

Següent pas

Parlem del teu projecte

Si estàs planejant una aplicació orientada a dades o finances, puc convertir els requisits en una estructura clara i un producte polit.

Anar al contacte