CS-01 / Dossier del proyecto
Modernización de un portal de seguros con microfrontends y un 90 % de cobertura
Reingeniería arquitectónica del portal de clientes de Línea Directa Aseguradora para mejorar modularidad, reutilización, pruebas y mantenibilidad a largo plazo.
- Sector
- Seguros
- Rol
- Desarrollador frontend
- Estado del servicio
- Servicio actual
- Situación
- Un portal de seguros dirigido a clientes necesitaba una arquitectura frontend más modular que permitiera trabajar a equipos independientes y respaldara el crecimiento a largo plazo.
- Contribución
- Prácticas de microfrontends y arquitectura hexagonal, módulos reutilizables, Storybook, convenciones de pruebas, refinamientos técnicos, revisiones y orientación a desarrolladores.
- Resultado
- Aproximadamente un 90 % de cobertura de pruebas unitarias frontend en una fase documentada, mayor reutilización y coherencia, menos acoplamiento y una base de entrega más mantenible.
CS-02 / Contexto del producto
Resumen
Contribuyo a la reingeniería arquitectónica del portal web de clientes de Línea Directa Aseguradora, uno de los principales grupos de seguros directos de España.
El trabajo se centra en mejorar la escalabilidad, reducir la deuda técnica y crear una plataforma frontend más modular y mantenible a largo plazo.
CS-03 / Reto de entrega
El reto
Evolucionar el frontend existente hacia una arquitectura más modular.
Permitir el trabajo de equipos independientes sin crear acoplamiento innecesario.
Facilitar la aplicación de funcionalidad reutilizable y estándares compartidos.
Mejorar la mantenibilidad a largo plazo mientras continúa la entrega del producto.
Ayudar a los desarrolladores con menos experiencia a trabajar dentro de la arquitectura con más confianza.
CS-04 / Límite de evidencia pública
Límite de evidencia pública
El proyecto es un servicio actual. El nombre del cliente, mis responsabilidades, las prácticas técnicas aquí enumeradas y el resultado aproximado del 90 % de cobertura de pruebas unitarias frontend están aprobados para su publicación.
No se afirma nada sobre ingresos, velocidad de lanzamiento, conversión de clientes ni resultados garantizados. Los datos empresariales y de seguridad, el código fuente y los detalles de arquitectura interna permanecen fuera de este caso de estudio.
CS-05 / Contribución
Mi contribución
Modernización de la arquitectura frontend
Ayudé a orientar el portal hacia una arquitectura de microfrontends y a aplicar principios de arquitectura hexagonal para separar la lógica de negocio de la UI y de las cuestiones de infraestructura.
Patrones de implementación reutilizables
Diseñé y desarrollé módulos frontend reutilizables y componentes de UI compartidos, y ayudé a establecer patrones comunes de desarrollo destinados a reducir la duplicación entre equipos.
Documentación y revisión de componentes
Integré Storybook para respaldar el desarrollo, la documentación y la revisión de componentes por las partes interesadas fuera de los flujos completos de la aplicación.
Práctica de pruebas
Introduje y promoví prácticas de pruebas frontend más sólidas con Jest y React Testing Library.
Apoyo a la entrega y al equipo
Participé en la planificación de sprints, refinamientos técnicos, conversaciones de arquitectura y colaboración entre equipos. También apoyé a desarrolladores con menos experiencia mediante revisiones, orientación técnica y patrones compartidos de implementación.
CS-06 / Tecnologías
Tecnologías
React
TypeScript
Microfrontends
Arquitectura hexagonal
Jest
React Testing Library
Storybook
API REST
Agile
CS-07 / Resultado
Resultados
- La cobertura de pruebas unitarias del frontend alcanzó aproximadamente el 90 % en una fase documentada.
- Mejoraron la reutilización y la coherencia de los componentes en toda la aplicación.
- Se redujo el acoplamiento entre módulos frontend.
- Las funcionalidades frontend se volvieron más fáciles de desarrollar, probar, documentar y mantener.
- El trabajo creó una base más sólida para la entrega independiente de módulos.
La cifra de cobertura describe una fase documentada de este servicio. No se presenta como garantía de calidad global del producto ni como un resultado reproducible automáticamente en otro contexto.
CS-08 / Qué demuestra el trabajo
Qué demuestra
La modernización frontend puede mejorar al mismo tiempo la base del producto y el modelo de trabajo del equipo. La dirección de arquitectura, la implementación representativa, los componentes compartidos, Storybook, la práctica de pruebas, las revisiones y la orientación técnica aportan más valor cuando se integran en la entrega activa.