BCBSWY — Rediseño del sitio web corporativo y gestión del portal
Reconstrucción de la confianza y la participación mediante diseño moderno, claridad y accesibilidad.
Implementación de diseño y accesibilidad
Cómo el refinamiento visual, el diseño responsivo y los principios de accesibilidad se unieron para crear una experiencia moderna, centrada en las personas, en todos los dispositivos.
Resumen del proyecto
Como Senior UX/UI Designer y responsable del portal web, lideré la modernización del sitio corporativo de Blue Cross Blue Shield of Wyoming, transformando una plataforma monolítica y obsoleta en un hub digital accesible, orientado a datos y totalmente responsivo. El trabajo abarcó la estrategia de diseño, la investigación UX, la gestión técnica y el cumplimiento de accesibilidad según los estándares WCAG.
El esfuerzo se centró en reconstruir la confianza de los usuarios mediante usabilidad, empatía e integridad de diseño, pasando de la percepción de una aseguradora distante a la de un aliado local en temas de salud. Un objetivo central fue lograr que el portal fuera accesible, intuitivo y listo para móvil para cualquier usuario y dispositivo.
Resumen del proyecto
Plazo y equipo
2022–2023
Senior UX/UI Designer y responsable del portal web — lideré la estrategia de diseño, la investigación UX, la gestión técnica y la colaboración con el equipo de Marketing
Herramientas y metodología
Figma, FigJam, WordPress (Elementor Pro), HubSpot, Google Analytics 4, Optimización web, Lighthouse, Wave Accessibility, GTMetrix, Custom UI Libraries
Rediseño y reestructuración completos, implementación responsiva total, prácticas centradas en la accesibilidad (WCAG 2.2), creación del sistema de diseño, integraciones, operaciones técnicas y educación interna
Entregables clave
- • Rediseño y reestructuración completos de la arquitectura del portal y de la identidad visual
- • Implementación responsiva total en todos los dispositivos
- • Sistema de diseño centrado en la accesibilidad (WCAG 2.2, roles ARIA, contraste de color, navegación por teclado)
- • Sistema de diseño y biblioteca de interfaz en Figma y Elementor Pro
- • Integración con HubSpot, GA-4 y Google Tag Manager
- • Operaciones técnicas: respaldos, optimización del CMS, auditoría de plugins, mejoras de SEO
- • Lineamientos de accesibilidad y usabilidad para los equipos internos
Métricas de rendimiento
Mejora en la puntuación de accesibilidad
(validación con Lighthouse y Wave)
Mejora en el desempeño de las páginas
(tasa de rebote reducida en 27% después del lanzamiento)
Mejora en la puntuación de SEO
(GTMetrix, mediante estructura semántica y limpieza de metadatos)
Planteamiento del problema
El sitio web corporativo de BCBSWY era una plataforma monolítica y obsoleta que carecía de accesibilidad, diseño responsivo y estándares modernos de experiencia de usuario. El sitio no cumplía con los requisitos de WCAG, lo que limitaba el acceso de las personas con discapacidad y creaba barreras para la confianza y la interacción.
La organización necesitaba una transformación completa que reconstruyera la confianza de los usuarios, mejorara la accesibilidad y creara una experiencia digital moderna y orientada a datos, alineada con los estándares web actuales y las buenas prácticas del sector salud.
Desafío
El mayor reto fue cultural, no técnico. El liderazgo de la organización llevaba años resistiéndose al cambio, manteniendo procesos y prácticas de diseño obsoletos. Promover la accesibilidad, la usabilidad y el diseño inclusivo se volvió tan crítico como el rediseño mismo.
Invertí un tiempo importante en educación interna para generar conciencia sobre el cumplimiento normativo, la empatía y los estándares web modernos. El reto trascendió el diseño y el desarrollo para abarcar también la gestión del cambio organizacional y la transformación cultural.
Enfoque
El foco estuvo en rediseñar el portal de BCBSWY mediante una estrategia UX holística que equilibrara accesibilidad, escalabilidad e integridad de marca.
Los esfuerzos clave incluyeron:
- Realizar una auditoría UX completa y reestructurar el contenido.
- Definir estándares de accesibilidad y diseño responsivo en todas las plantillas.
- Establecer un sistema de diseño interno para unificar los flujos de trabajo de marketing y desarrollo.
- Colaborar entre áreas para alinear diseño, ingeniería y cumplimiento.
Solución
Se entregó una plataforma web reconstruida con bases sólidas de UX y de operación:
- Arquitectura totalmente responsiva construida en WordPress + Elementor Pro.
- Framework de accesibilidad alineado con WCAG 2.2 y con las buenas prácticas del estándar web.
- Nuevo lenguaje de diseño que mejora la claridad, el contraste y la legibilidad.
- Integración de HubSpot, GA4 y GTM para analítica y seguimiento de campañas.
- Mejoras técnicas, incluidos plugins optimizados, respaldos automatizados y limpieza de la estructura SEO.
Resultados
La modernización logró un impacto medible y cultural:
- Calificación de accesibilidad elevada a 95 (Lighthouse/WAVE).
- Mejora del 42% en desempeño y reducción del 27% en la tasa de rebote tras el lanzamiento.
- Mejor percepción de marca gracias a un diseño consistente y accesible.
- Equipos internos con estándares claros para sostener la calidad del contenido y de la experiencia.
- Cambio de mentalidad organizacional hacia experiencias digitales inclusivas y orientadas a datos.
Conclusión clave
Aunque algunas iniciativas enfrentaron resistencia interna, el rediseño generó una transformación de largo plazo en la mentalidad y la infraestructura.
Las bases establecidas —cumplimiento de accesibilidad, estructura responsiva y estrategia enfocada en UX— siguen vigentes, lo que confirma el impacto sostenido de esta modernización.