Zurich Cantabria — Configurador digital de siniestros
Lideré el diseño UX/UI del configurador de siniestros Zurich Cantabria, una herramienta interna desarrollada en Angular para optimizar la gestión de reclamaciones y la comunicación entre agentes, ajustadores y asegurados. El proyecto se enfocó en crear una interfaz modular, escalable y técnica, capaz de integrarse con los sistemas core de Zurich y de mejorar la precisión operativa en cada etapa del flujo de siniestro.
Un ecosistema visual centrado en eficiencia, consistencia y colaboración entre diseño y desarrollo.
Contexto
El proyecto Zurich Cantabria nació con el propósito de digitalizar y automatizar la gestión de siniestros, conectando reglas de negocio con flujos visuales claros, reutilizables y trazables entre los equipos técnicos y administrativos.
Este configurador interno permitió a los equipos de Zurich crear, editar y dar seguimiento a productos de seguro de manera centralizada, optimizando la comunicación entre agentes, ajustadores y asegurados, y reduciendo los tiempos de respuesta en cada etapa del flujo operativo.
El reto fue diseñar una herramienta técnica pero intuitiva, capaz de integrarse con los sistemas core de Zurich y adaptarse a distintos niveles de usuario, manteniendo la coherencia visual, la eficiencia operativa y la escalabilidad de la arquitectura Angular.
Además, el proyecto impulsó la creación de una base de componentes reutilizables (UI Kit) que facilitó la colaboración entre diseño, desarrollo y QA, asegurando una evolución continua del producto y su mantenimiento visual a largo plazo.
Rol y aportes principales
Rol: Senior Product Designer – UX/UI Specialist
Duración: Marzo 2021 – Junio 2022
Equipo: Producto · Desarrollo · QA · Stakeholders de Zurich México y España
Aportes destacados:
Diseño integral del configurador de siniestros (Angular), enfocado en productividad y claridad operativa.
Creación del UI Kit institucional, con componentes reutilizables y documentados.
Diagramación y validación de flujos y arquitecturas visuales junto con negocio.
Coordinación directa con desarrollo y QA para asegurar consistencia funcional y visual.
Iteraciones y pruebas con usuarios internos para validar usabilidad y comprensión.
Contribuciones clave
Optimización de flujos operativos: diseño de journeys claros y reutilizables que redujeron tiempos de gestión y errores de registro.
Creación del UI Kit Angular: componentes visuales documentados para desarrollo, asegurando consistencia entre módulos.
Arquitectura de pantallas escalable: definición modular adaptable a nuevos productos y siniestros.
Colaboración técnica con QA y desarrollo: integración directa con equipos front-end para pruebas, ajustes visuales y despliegue ágil.
Guías de estilo y documentación visual: lineamientos técnicos para desarrollo y soporte post-lanzamiento.
Mejora continua: iteraciones basadas en retroalimentación de usuarios internos y analítica de interacción.
Proceso UX
Research y diagnóstico
Análisis de necesidades operativas, revisión de los sistemas core de Zurich y entrevistas con usuarios técnicos y de negocio para detectar áreas de automatización y mejora en la gestión de siniestros.
Definición y priorización
Selección de flujos críticos vinculados al proceso de reclamos, priorizando eficiencia, trazabilidad y consistencia visual dentro del entorno Angular.
Ideación y diseño UX/UI
Creación de wireframes y prototipos funcionales centrados en la lógica de componentes reutilizables, garantizando claridad operativa para los perfiles técnicos y administrativos
UI Design System
Diseño de un sistema visual escalable compatible con Angular, asegurando alineación con la identidad Zurich y la adaptabilidad a distintos niveles de usuario.
QA y validación continua
Iteraciones internas con equipos de desarrollo y QA para probar consistencia visual, usabilidad y precisión en los flujos del configurador antes del despliegue.
Entrega técnica
Documentación detallada de componentes y flujos, entrega de assets optimizados y diagramas funcionales validados para integración con los entornos de Zurich México y España.
Nota: En el caso de Zurich Cantabria, el proceso UX aplicado abarcó hasta la fase de Entrega técnica, dado que el monitoreo y medición en producción fueron gestionados directamente por los equipos internos de Zurich.
Esta etapa cerró con la entrega completa de prototipos, componentes, documentación y validación funcional conjunta con QA.
Resultados medibles e impacto real
AforeMóvil se consolidó como una de las apps financieras más utilizadas en México, alcanzando millones de usuarios y mejorando la eficiencia operativa de los principales flujos digitales.
100 % integración técnica Angular
Flujo completo validado con QA, optimizado para componentes reutilizables.
UI Kit institucional
Creación de un sistema visual modular con patrones documentados para futuras extensiones.
Consistencia en flujos operativos
Validación conjunta con negocio y QA que redujo ambigüedades en la comunicación técnica.
Colaboración México-España
Flujo de trabajo coordinado entre equipos multidisciplinarios en ambos países.
Aprendizajes
Diseñar Zurich Cantabria fue entender cómo un producto técnico puede convertirse en un eje de eficiencia y colaboración entre diseño, desarrollo y negocio. Aprendí que un buen sistema UX/UI no solo se mide por su interfaz, sino por su capacidad de integrarse con procesos complejos y mejorar la precisión operativa del día a día.
“La verdadera madurez de un producto UX llega cuando cada módulo técnico refleja claridad, colaboración y propósito.”
Sistema visual y pantallas clave
Durante el desarrollo de Zurich Cantabria, construí un sistema visual modular basado en Bootstrap, pensado para escalar componentes en Angular y mantener la coherencia de marca en cada entorno.
El diseño integra principios de accesibilidad, legibilidad y consistencia técnica, permitiendo que diseño y desarrollo trabajen bajo una misma guía.
Cada componente, ícono y layout fue documentado en Figma, alineado con las fases UX y los requerimientos de negocio definidos con Zurich.
Un sistema visual sólido es la base de un producto escalable y de una comunicación clara entre diseño y desarrollo.
¿Buscas resultados como estos?
Conoce cómo un enfoque UX técnico y metodológico puede optimizar la eficiencia operativa, escalar productos empresariales y fortalecer la colaboración entre diseño y desarrollo.