Alfredo Cisneros — Diseñador Senior UX/UI, Estratega de Producto y Director Técnico Saltar al contenido principal

BCBSWY — Sitio web de WyoBlue Advantage PPO

Construí un nuevo portal PPO de Medicare Advantage, desde la investigación UX hasta la implementación completa en WordPress, asegurando accesibilidad, cumplimiento y una fuerte participación de los afiliados.

Diseño UX
Blue Cross Blue Shield of Wyoming
2023
Por definir
Diseñador UX/UI, Diseño y desarrollo web
Volver a casos de estudio

Diseño e implementación de la experiencia

Layouts responsivos, patrones de interfaz y componentes accesibles construidos e implementados en WordPress con Elementor Pro.

Resumen del proyecto

Blue Cross Blue Shield of Wyoming Logo

El sitio web de WyoBlue Advantage se desarrolló desde cero como un nuevo portal PPO de Medicare Advantage de Blue Cross Blue Shield of Wyoming. El proyecto comenzó únicamente con un requerimiento de negocio de alto nivel: lanzar una presencia digital para la nueva línea de producto. Lideré todo el proceso de UX e interfaz, desde los conceptos iniciales y la arquitectura de información hasta los wireframes en Figma, la creación del sistema de diseño y la implementación completa en WordPress.

El sitio se construyó con Elementor Pro, con módulos personalizados e integraciones de terceros que dan soporte a solicitudes de cotización de Medicare, búsqueda de proveedores y formularios de inscripción. También establecí patrones de diseño y una jerarquía visual alineados con la marca Blue Cross Blue Shield, asegurando al mismo tiempo que la identidad de WyoBlue Advantage tuviera un estilo propio, moderno y accesible.

Todas las plantillas se optimizaron para el diseño responsivo, el desempeño y la accesibilidad, siguiendo los lineamientos WCAG y ADA. Implementé marcado semántico, etiquetado ARIA y metadatos estructurados para mejorar el SEO y la usabilidad con lectores de pantalla.

Tras el lanzamiento, el sitio alcanzó buenas métricas de carga en GTmetrix y Google Lighthouse, con mejoras medibles en SEO, accesibilidad y estabilidad visual. Esta implementación sigue siendo la versión pública en vivo del sitio de WyoBlue Advantage y es la base para la futura expansión del programa a 22 condados de Wyoming en 2026.

Resumen del proyecto

Plazo y equipo

6 meses (fase de diseño, migración y despliegue)

Lideré el diseño UX/UI y la implementación de front-end, en colaboración con el equipo de Marketing y con un asistente de diseño externo para la entrega de recursos y los ajustes visuales.

Herramientas y metodología

Figma, WordPress, Elementor Pro

Investigación UX, arquitectura de información, wireframing, creación del sistema de diseño, implementación en WordPress, cumplimiento de accesibilidad, integraciones con terceros

Entregables clave

  • • Arquitectura de información y wireframes
  • • Prototipos de alta fidelidad
  • • Sistema de diseño y lineamientos visuales
  • • Plantillas modulares de WordPress
  • • Integraciones con APIs de terceros
  • • Optimización de accesibilidad y desempeño
  • • Implementación de SEO y metadatos estructurados

Métricas de rendimiento

+90%

Cumplimiento de SEO y accesibilidad

(medido durante el QA con Google Lighthouse)

1,3 segundos

Tiempo promedio de carga de página

(validado con GTmetrix)

100%

Cobertura de layout responsivo entre dispositivos

(probado en breakpoints de escritorio, tablet y móvil)

Planteamiento del problema

Antes de este proyecto, WyoBlue Advantage no contaba con ninguna infraestructura digital. La ausencia de un portal en línea dedicado limitaba la captación de afiliados, la visibilidad del producto y el cumplimiento de los requisitos de CMS para los planes de Medicare Advantage.

El reto fue diseñar e implementar un sitio robusto y gestionado por CMS, capaz de comunicar los beneficios, dar soporte a los proveedores y guiar a los posibles afiliados por recorridos claros y conformes con la normativa, todo dentro de un plazo corto y antes de las fechas límite de aprobación regulatoria.

Desafío

El proyecto enfrentó varios retos críticos:

  • Construir una presencia digital completa desde cero, contando solo con requerimientos de negocio de alto nivel.
  • Asegurar el cumplimiento de los requisitos de CMS para los planes de Medicare Advantage y de las fechas límite de aprobación regulatoria.
  • Crear recorridos claros y accesibles para audiencias adultas mayores, manteniendo la consistencia de marca.
  • Integrar APIs de terceros para directorios de proveedores y herramientas de comparación de planes de forma segura y eficiente.
  • Entregar una solución en WordPress escalable y mantenible dentro de un plazo ajustado.

Enfoque

Siguiendo una metodología integral de UX y desarrollo:

  • Realicé entrevistas con las partes interesadas y sesiones de mapeo de requerimientos con los equipos de producto y cumplimiento de BCBSWY.
  • Creé la arquitectura de información y los wireframes en Figma para definir la jerarquía de páginas y el flujo de navegación.
  • Diseñé prototipos de alta fidelidad enfocados en la claridad, el contraste y la confianza, factores clave para audiencias adultas mayores.
  • Desarrollé plantillas modulares en WordPress con Elementor Pro, facilitando la actualización de contenido y la localización.
  • Integré APIs de terceros para directorios de proveedores y herramientas de comparación de planes.
  • Realicé pruebas de accesibilidad, usabilidad y desempeño antes del despliegue.

Solución

La solución entregó un portal digital completo y conforme con la normativa:

  • Portal totalmente responsivo y gestionado por CMS, optimizado para la accesibilidad, la claridad y el cumplimiento regulatorio.
  • Sistema de componentes escalable en WordPress, alineado con la marca BCBS y reutilizable para futuros micrositios.
  • Módulos de terceros seguros y conscientes de HIPAA para cotizaciones y búsqueda de proveedores.
  • Rutas claras para que los usuarios exploren las opciones de plan y contacten a agentes locales, mejorando la confianza en la marca y la interacción.
  • Marcado semántico, etiquetado ARIA y metadatos estructurados para mejorar el SEO y la usabilidad con lectores de pantalla.
  • Optimización de desempeño con un tiempo promedio de carga de 1.3 segundos y más de 90% de cumplimiento en SEO y accesibilidad.

Resultados

El proyecto generó resultados significativos:

  • Entrega de un portal totalmente responsivo y gestionado por CMS, optimizado para la accesibilidad, la claridad y el cumplimiento regulatorio.
  • Creación de un sistema de componentes escalable en WordPress, alineado con la marca BCBS y reutilizable para futuros micrositios.
  • Integración de módulos de terceros seguros y conscientes de HIPAA para cotizaciones y búsqueda de proveedores.
  • Mayor confianza en la marca e interacción, con rutas claras para explorar las opciones de plan y contactar a agentes locales.
  • Buenas métricas de desempeño: más de 90% de cumplimiento en SEO y accesibilidad, 1.3 segundos de tiempo promedio de carga y 100% de cobertura de layout responsivo.
  • El sitio sigue siendo la versión pública en vivo y es la base para la futura expansión del programa a 22 condados de Wyoming en 2026.

Conclusión clave

Construir un sitio web de seguros de salud no se trata solo de lo visual: se trata de claridad, cumplimiento y accesibilidad.

Al estructurar la experiencia en torno a los objetivos del usuario y a los requisitos regulatorios, WyoBlue Advantage ofrece hoy un punto de contacto digital confiable que cumple tanto con los estándares de Medicare como con las expectativas de los afiliados.

¿Le resultó interesante este caso de estudio?