Arquitectura frontend para banca
SPA, microfrontends y componentes reutilizables en la experiencia bancaria con Interbank y BBVA.
Contexto y problema
La experiencia en Entelgy incluye diseño de arquitecturas SPA y microfrontends para Interbank y BBVA. Erni documenta interfaces para gestión de inversiones e integración con servicios empresariales. El reto general es organizar interfaces complejas sin dificultar su evolución.
Objetivos técnicos
Modularizar la interfaz, reutilizar componentes y mantener contratos de integración claros. Son objetivos de diseño derivados del trabajo documentado; no constituyen indicadores medidos.
Arquitectura de solución
El esquema separa composición, módulos, componentes compartidos y APIs. Es una explicación conceptual de responsabilidades, sin reproducir infraestructura interna ni atribuir una composición concreta a cada banco.
01
Aplicación SPA
Navegación y composición
Compone módulos → paso 2
02
Módulos frontend
React / Angular; límites conceptuales
Reutilizan patrones → paso 3
03
Componentes compartidos
Interfaz y contratos consistentes
Integración REST → paso 4
04
Servicios corporativos
APIs del dominio bancario
Tecnologías utilizadas
Documentadas en las experiencias citadas; su presencia no confirma la topología del diagrama.
- React
- Angular
- TypeScript
- REST
- CI/CD
Decisiones arquitectónicas y justificación
La experiencia acredita SPA, microfrontends y definición de estándares técnicos. Como criterio general, una SPA simplifica la integración inicial; los microfrontends pueden permitir evolución por módulos, con costes de coordinación, dependencias y consistencia visual. La elección específica por producto está pendiente de validación.
Retos técnicos y cómo se abordaron
La integración de APIs corporativas se acompañó de componentes reutilizables y colaboración con equipos bancarios. En Entelgy se documentan liderazgo de un equipo Scrum, definición de estándares y apoyo a decisiones de arquitectura y calidad.
Resultados e impacto
El resultado documentado es el desarrollo de interfaces bancarias y componentes reutilizables, junto con integración de APIs. No se dispone de métricas confirmadas de rendimiento, adopción o reducción de tiempos.
Aprendizajes y posibles mejoras
Propuesta de evolución, pendiente de validación: documentar contratos entre módulos, comprobar compatibilidad de componentes y evaluar si la autonomía de despliegue compensa la complejidad de los microfrontends.
Hablemos de tu próximo producto.
Frontend Senior, Full Stack e integración de IA.