Menú
Fintech · Finalizado
Portal de administración B2B fintech
El portal ahora compila y envía esos informes según un calendario, devolviendo 20 horas cada semana al equipo.
- Duración
- Colaboración de ~1 año
- Team
- Desarrollador frontend (yo) + equipo backend del cliente
Resumen
Resumen
Una empresa de pagos regulada llevaba toda su operación —dar de alta a clientes empresa, seguir cada transacción e informar sobre todo ello— con herramientas desconectadas y hojas de cálculo manuales. Necesitaba un único portal desde el que dirigir el negocio.
Construí aproximadamente el 90 % del frontend de ese portal. Los clientes se dan de alta de forma masiva en lugar de un formulario cada vez, y cada cuenta está en un solo lugar.
El dinero —entradas, salidas, cobros, transferencias— se vigila en vivo en lugar de reconstruirse a posteriori.
La mayor ganancia fueron los informes. Dos personas perdían antes unas 20 horas cada semana solo en eso: de 15 a 20 informes semanales y mensuales recurrentes, cada uno hecho a mano.
Sacar cifras de miles de transacciones diarias, escribir fórmulas de Excel y dar formato a cada archivo: ese era el trabajo manual. Ahora el portal compila y envía esos mismos informes según un calendario, sin que nadie toque una hoja de cálculo.
Nota de confidencialidad: Los nombres de clientes y empresas se han cambiado u omitido por confidencialidad. El trabajo, mi papel y el alcance del proyecto son reales.
Impacto
Impacto
20
Horas ahorradas por semana
Dos personas dedicaban antes unas 20 horas semanales a construir 15–20 informes semanales y mensuales a mano; ahora el portal los compila y los envía por su cuenta
4
Vías de pago, una sola vista
Ingresos, pagos, cobros y P2P vigilados en vivo, no conciliados después
90%
Del frontend del portal, hecho por mí
Casi todo el frontend del portal web, diseñado y entregado de principio a fin
15–20
Informes automatizados
Cada uno de los 15–20 informes semanales y mensuales recurrentes ahora se compila y se envía solo
Approach
Retos y soluciones
Flujos financieros complejos
Libros mayores, auxiliares y transacciones con varias partes tenían que convertirse en pantallas que personal no especializado pudiera manejar con confianza.
Arquitectura React escalable
TypeScript con gestión de estado Redux Toolkit y un sistema Ant Design, estructurado en módulos funcionales para que el portal pudiera seguir creciendo.
Datos en tiempo real y en volumen
Flujos de transacciones en vivo en cuatro vías de pago —de 1.000 a 10.000 al día— exigían una vista siempre actual sin saturar la interfaz.
Panel unificado de transacciones
Una vista en tiempo real de ingresos, pagos, cobros y P2P, junto con un alta de usuarios simplificada, individual y masiva.
Informes pesados en el navegador
Grandes tablas financieras debían exportarse en el cliente a archivos PDF y Excel cuidados sin congelar el portal.
Motor de informes a medida
Informes PDF (jsPDF + AutoTable) y Excel (XLSX) bajo demanda y programados que se generan y entregan solos: horas de compilación manual convertidas en una tarea en segundo plano.
Alta de clientes a escala
Los clientes empresa necesitaban incorporar grandes bases de usuarios a la plataforma; un formulario manual cada vez nunca habría dado abasto.
Interfaz lista para empresa
Acceso por roles, gestión de cuentas de empresa e historiales de transacciones consultables con sus estados, además de vistas de liquidación y conciliación en una interfaz responsive preparada para grandes volúmenes de datos.
Stack
Construido con
- TypeScript
- React
- Redux Toolkit
- Ant Design
- SCSS
- jsPDF
- XLSX
- REST APIs
Resumen de la valoración del cliente
Opinión del cliente
Nuestros equipos dirigen el negocio desde el portal: altas, libros y vistas de transacciones en vivo en un mismo lugar. Muhammad entendió el lado del negocio, no solo las especificaciones.
Nombre del cliente reservado
La identidad del cliente es confidencial. Este resumen refleja comentarios verbales compartidos con Muhammad y el equipo del proyecto.
¿Te enfrentas a retos parecidos?
Hablemos de tu siguiente paso.
Cuéntame qué estás construyendo o mejorando y te ayudo a definir un siguiente paso práctico.
Debate
Comentarios
Todavía no hay comentarios. Sé la primera persona en opinar.