¿Quién es?
O R Seguro es un broker de seguros con presencia en México y Estados Unidos, especializado en brindar asesoría personalizada para personas y empresas. Trabaja con más de 19 aseguradoras para ofrecer soluciones adaptadas a las necesidades de cada cliente, incluyendo seguros patrimoniales, personales, empresariales, agrícolas, de transporte y fianzas.
Su modelo de atención se basa en el acompañamiento cercano durante todo el proceso de contratación, renovación y orientación en caso de siniestro, ofreciendo respuesta en menos de 24 horas.
Desafío
Al iniciar el proyecto, O R Seguro no contaba con presencia digital propia, por lo que el reto consistió en diseñar desde cero una plataforma que transmitiera confianza, profesionalismo y claridad en un sector donde la información suele ser compleja para el usuario.
Los principales objetivos fueron:
- Diseñar una arquitectura de información clara para organizar más de 15 tipos de seguros.
- Facilitar que personas y empresas identificaran rápidamente el seguro adecuado para sus necesidades.
- Generar confianza mediante una experiencia visual profesional y contenido accesible.
- Diseñar una estrategia bilingüe (español e inglés) orientada a usuarios de México y Estados Unidos.
- Optimizar el sitio para SEO y facilitar la generación de oportunidades comerciales mediante formularios y llamadas a la acción estratégicas.
Mi rol
Como UX/UI Designer y Web Developer, lideré el proyecto desde la fase de descubrimiento hasta la implementación del diseño final, aplicando la metodología Design Thinking.
Mis responsabilidades incluyeron:
- Investigación del negocio, usuarios y competencia.
- Definición de la arquitectura de información.
- Diseño del mapa del sitio y flujos de navegación.
- Diseño de wireframes y prototipos en Figma.
- Creación del Design System.
- Diseño de interfaz (UI) responsive.
- UX Writing para más de 20 páginas del sitio.
- Planeación SEO para contenido en español e inglés.
- Implementación en WordPress + Elementor Pro.
Herramientas
- Figma – Para wireframes, prototipos interactivos y sistema de diseño.
- Adobe Photoshop – Optimización y edición de imágenes.
- Adobe Illustrator – Diseño de iconografía y recursos gráficos.
- WordPress + Elementor Pro – Desarrollo del sitio web.
Metodología UX: Enfoque de Design Thinking
¿Qué es Design Thinking?
Es una metodología centrada en el usuario que guía la resolución de problemas mediante cinco etapas iterativas: empatizar, definir, idear, prototipar y testear. Me permite diseñar soluciones digitales funcionales, empáticas y alineadas con objetivos de negocio.
Empatizar
Se realizaron sesiones de descubrimiento con los socios de O R Seguro para comprender su modelo de negocio, proceso comercial, tipos de clientes y diferenciadores. También se analizaron brokers de seguros nacionales e internacionales para detectar oportunidades de mejora.
Definir
Se identificaron los principales retos del proyecto:
- Ausencia de presencia digital.
- Gran cantidad de servicios difíciles de organizar.
- Terminología compleja para usuarios sin conocimientos sobre seguros.
- Necesidad de atender tanto personas como empresas.
- Posicionamiento en dos mercados e idiomas distintos.
Idear
Se propuso una experiencia basada en:
- Arquitectura de información clara.
- Separación entre seguros para personas y empresas.
- Contenido educativo para facilitar la toma de decisiones.
- Diseño orientado a conversión.
- CTAs distribuidos estratégicamente.
- Sección de renovación de pólizas.
- Centro de orientación en caso de siniestros.
Prototipar
Se desarrollaron wireframes, sistema de diseño y prototipos interactivos que permitieron validar la navegación y estructura antes del desarrollo.
Testear
Se realizaron revisiones iterativas con el cliente para validar:
- Comprensión de contenidos.
- Navegación.
- Jerarquía visual.
- Claridad de formularios.
- Experiencia responsive.
- Flujo de contacto.
User persona
Roberto Hernández, 46 años
Director General de una empresa de logística
- Objetivos: Proteger el patrimonio de su empresa, centralizar seguros empresariales y contar con un asesor especializado.
- Necesidades: Información clara, atención rápida y comparar distintas aseguradoras.
- Pain points: Sitios con exceso de tecnicismos, procesos largos de cotización y falta de seguimiento.
Gabriela Mendoza, 37 años
Madre de familia
- Objetivos: Proteger a su familia y patrimonio, encontrar un seguro fácil de entender y recibir asesoría antes de contratar.
- Necesidades: Explicaciones sencillas, comparar opciones y resolver dudas rápidamente.
- Frustraciones:
Lenguaje técnico, información incompleta y no saber qué seguro necesita.
Soluciones UX/UI Implementadas
- Arquitectura de información para más de 20 páginas.
- Separación clara entre seguros para personas y empresas.
- Diseño responsive.
- Sistema de navegación simplificado.
- Diseño visual basado en confianza y credibilidad.
- UX Writing orientado a usuarios sin conocimientos técnicos.
- CTAs distribuidos estratégicamente.
- Formularios simplificados.
- Secciones clave para asistencia en siniestros y renovación de pólizas.
- Planeación SEO bilingüe.
Proceso en Acción: Vistas del Proyecto
El desarrollo de O R Seguro combinó estrategia UX, arquitectura de información, diseño visual y planificación SEO para construir una plataforma escalable enfocada en generar confianza y facilitar la contratación de seguros.
A continuación, se muestran las principales etapas del proceso:
Mapa Mental de Navegación
Se estructuró toda la oferta de seguros diferenciando claramente soluciones para personas y empresas, reduciendo la complejidad del contenido y se diseñó un sitemap que organiza más de 15 tipos de seguros, preguntas frecuentes, renovaciones, asistencia en siniestros y páginas informativas.
Customer Journey Map
Se analizó el recorrido de usuarios particulares y empresariales desde la búsqueda de información hasta la solicitud de cotización.
Bocetos Iniciales a Mano
Se exploraron distintas jerarquías de contenido para facilitar la comprensión de servicios complejos.
Wireframes de Estructura (Figma)
Se definieron estructuras enfocadas en lectura rápida, accesibilidad y generación de contactos.
Design System (Figma)
Se creó un sistema visual consistente utilizando componentes reutilizables, escalables y adaptables para futuras expansiones del sitio.
Prototipo Interactivo (Figma)
Se diseñaron prototipos de alta fidelidad para validar la navegación, experiencia responsive y flujo de conversión antes del desarrollo.
Objetivos UX del Proyecto
Al tratarse de un sitio web completamente nuevo, el diseño fue planteado para favorecer indicadores como:
Indicador
Objetivo UX
Tiempo promedio en sitio
Incrementar mediante contenido educativo y navegación clara.
Conversión vía formularios
Facilitar la generación de solicitudes de cotización mediante CTAs estratégicos.
Comprensión de servicios
Reducir la complejidad mediante UX Writing y arquitectura de información.
Navegación
Permitir que usuarios encuentren rápidamente el seguro adecuado.
Experiencia móvil
Diseño totalmente responsive y optimizado para dispositivos móviles.
Posicionamiento SEO
Preparar una estructura bilingüe optimizada para México y Estados Unidos.
Reflexión final
«Diseñar O R Seguro representó el reto de transformar un servicio complejo en una experiencia digital clara, accesible y orientada a la conversión. Más allá del diseño visual, el proyecto implicó estructurar información especializada, desarrollar contenido centrado en el usuario y construir una plataforma preparada para crecer en dos mercados y dos idiomas. Este caso demuestra cómo una estrategia UX/UI bien aplicada puede convertir un sitio web en una herramienta comercial capaz de generar confianza, facilitar la toma de decisiones y apoyar los objetivos de negocio.»
Contacto
No busco solo un empleo, busco aportar.
Si necesitas una diseñadora con experiencia, criterio y energía para sumar al equipo.
