SaaS · reconstrucción de aplicación · bajo NDA / Proyecto bajo NDA
Reconstrucción de una aplicación financiera para reducir los errores manuales
Contexto
La herramienta existente gestionaba suscripciones financieras, pero se apoyaba en una introducción manual de datos muy intensiva, justo donde un software que maneja dinero no puede permitirse equivocaciones. El cliente quería una reconstrucción moderna y con tipado seguro que dificultara cometer errores desde el origen.
El reto
En el software financiero, un número mal escrito no es un fallo cosmético, es un problema real. La reconstrucción debía reducir por diseño los errores de introducción manual, mantenerse con tipado seguro de extremo a extremo y ser accesible, conservando un modelo de datos limpio a medida que crecía.
Alcance
Qué hice
- 01Fui responsable de la arquitectura del frontend de la aplicación reconstruida.
- 02Diseñé el manejo de datos y la UX específicamente para reducir los errores de introducción manual.
- 03Construí una interfaz accesible que cumple requisitos reales de usabilidad.
- 04Añadí pruebas de extremo a extremo que protegen los flujos financieros críticos.
Decisiones clave
Decisiones clave
- 01
Seguridad de tipos de extremo a extremo: TypeScript, tRPC y Prisma
Un recorrido tipado desde la base de datos hasta la interfaz hace que categorías enteras de errores de introducción y de integración se detecten al compilar, antes de que lleguen a las finanzas del cliente.
- 02
Una UX diseñada para prevenir los errores, no solo para detectarlos
Los campos, la validación y el flujo se moldearon según cómo se equivoca la gente en realidad, reduciendo la probabilidad de que datos erróneos lleguen siquiera al sistema.
- 03
Pruebas e2e en los flujos que importan
Los recorridos financieros críticos están cubiertos con pruebas automáticas de extremo a extremo, así que los cambios se publican sin romper en silencio las partes que manejan dinero.
Resultados
Resultados
- 01
Una aplicación reconstruida, con tipado seguro y con un modelo de datos y una UX orientados directamente a reducir los errores manuales.
- 02
Una interfaz accesible construida según estándares reales de usabilidad.
- 03
Cobertura e2e automática que protege los flujos financieros críticos en cada cambio.
Stack
- Next.js
- React
- TypeScript
- tRPC
- Prisma
- shadcn/ui
Servicios aplicados
Problemas relacionados que se resolvieron
Demasiado trabajo manual: qué automatizar primero y qué dejar
¿Su equipo copia datos entre programas, envía facturas a mano y monta cada semana los mismos informes? Cuando la empresa crece, crece con ella la rutina. La automatización de procesos conecta las herramientas que ya tiene para que las personas se dediquen a los clientes y no a copiar.
¿Su aplicación hecha con IA no está lista para los usuarios?
¿Tiene un prototipo construido con ayuda de IA, pero los errores, los pagos o el acceso a los datos le impiden lanzarlo? Las herramientas de IA dan rápido una demo que funciona y luego se atascan en lo que la convierte en un producto. A menudo se puede arreglar sin empezar de cero, pero solo lo decide una revisión del código.
¿Tiene un proyecto parecido? Cuénteme qué quiere construir y le responderé, normalmente, en 2 horas.