Seguros
El Corte Inglés

1. Investigación y análisis

Se exploró el contexto del producto y del usuario mediante auditorías, análisis de la competencia y revisión de la arquitectura web para detectar puntos de fricción y oportunidades de mejora.

• Auditoría heurística
  Evaluación de puntos de fricción según principios de Nielsen.
• Benchmarking de competidoresclave del sector seguros
  Analicé la experiencia de navegación y accesibilidad de Mapfre, Allianz, Rastreator, Pelayo, Línea Directa y Mutua Madrileña, identificando patrones de organización de contenido y buenas prácticas en menús jerárquicos.
• Revisión de arquitectura de información
  URLs, títulos y jerarquía proporcionados por stakeholders para estructurar el nuevo menú de forma coherente.

2. Definición

A partir de los datos, se creó un perfil de usuario representativo que ayudó a enfocar el diseño en una navegación clara, accesible y centrada en sus necesidades reales.

User Persona

Desarrollé un perfil representativo de usuario para guiar las decisiones de diseño:

Elena García, 35 años, contable, madre de dos hijos, vive en Madrid.

Accede desde su móvil y busca pólizas de seguros claras, confiables y adaptadas a sus necesidades familiares.

Valora especialmente:

• La simplicidad al navegar
• La posibilidad de comparar seguros fácilmente
• Encontrar información clara sin pasos innecesarios

Motivaciones y comportamiento

Elena es una persona ocupada que valora la protección financiera de su familia. Frustra la navegación compleja y prefiere experiencias intuitivas y directas que le ahorren tiempo. Su principal objetivo es acceder a información detallada y contratar seguros de forma ágil y sin complicaciones.

Customer Journey

Para visualizar el recorrido real de Elena en la web, elaboré una secuencia que representa cómo interactúa con el nuevo menú en mobile:

Paso 1: Elena accede a la Home desde su móvil y pulsa el menú hamburguesa

Paso 2: Se despliega el menú principal, con categorías claramente etiquetadas

Paso 3: Selecciona “Seguros de Coche” y accede a un submenú visual con tipos de seguro y un CTA directo: “Calcular seguro de coche”

3. Diseño y prototipado

Se definieron y validaron soluciones mediante wireframes, pruebas de estructura y prototipos de alta fidelidad adaptados a dispositivos y estilos de marca.

Wireframes

Desarrollo de versiones de baja fidelidad para validar estructuras.

Tree Testing

Prueba de comprensión de jerarquías de contenido por parte de usuarios.

Guía de estilo visual

Para asegurar coherencia visual y alineación con la identidad corporativa, se empleó la paleta de colores oficial de El Corte Inglés Seguros, respetando los valores cromáticos definidos por la marca. Esta decisión permitió mantener una experiencia reconocible, profesional y confiable en todo el entorno digital. .

En cuanto a la tipografía, se utilizó Avenir Next por su excelente legibilidad y estilo moderno. Su diseño geométrico transmite claridad y sofisticación, reforzando una interfaz limpia, precisa y orientada a la confianza del usuario. .

Prototipos en alta fidelidad

Diseñados en Figma, integrando la paleta de colores corporativa, tipografía Avenir Next y adaptaciones para desktop y mobile.

La implementación del nuevo mega menú mejoró de forma clara la experiencia de navegación:

• Acceso directo a subcategorías desde el primer clic
• Reducción del tiempo de búsqueda de productos
• Navegación más fluida y visualmente coherente con la marca
• Mejora en la percepción de usabilidad en pruebas con usuarios

Este proyecto reafirmó la importancia de una arquitectura clara y un diseño enfocado en el usuario. Un menú no es solo un componente funcional, sino una pieza estratégica que impacta directamente en la conversión y satisfacción del usuario.