Compañía:
AstraZeneca
Año:
2025
Rol:
Digital Designer UX/UI
Contexto
AZMED es el portal científico de AstraZeneca dedicado a profesionales de la salud. Su objetivo es proporcionar información médica actualizada, recursos educativos y detalles sobre áreas terapéuticas complejas, garantizando que los especialistas cuenten con herramientas de vanguardia para el tratamiento de pacientes.
Nota de confidencialidad: Proyecto bajo acuerdo de confidencialidad (NDA). La información sensible ha sido anonimizada y los textos reemplazados por contenido de relleno para preservar la estrategia del cliente sin comprometer datos reales.
Problema
El portal original presentaba una estructura visual plana y una arquitectura de información que no lograba destacar la importancia de las enfermedades raras dentro del ecosistema de AZMED. El menú era limitado y el contenido carecía de una jerarquía clara, lo que dificultaba que el profesional médico identificara rápidamente las soluciones terapéuticas y los recursos de diagnóstico para patologías de alta complejidad.
Objetivo del proyecto
Transformar la sección de EPOF en un entorno digital intuitivo y de alto impacto visual que refleje el compromiso de AstraZeneca con la ciencia transformadora, enfocándose en:
Jerarquización del Contenido: Reorganizar la información para destacar áreas críticas como el compromiso institucional y el entendimiento de las EPOF.
Optimización del Acceso a Productos: Crear un flujo directo hacia el portafolio especializado (Ultomiris y Koselugo), facilitando la consulta de aprobaciones locales y guías de uso.
Modernización de la Navegación: Diseñar un menú más robusto y segmentado que permita al usuario moverse entre la información científica y las herramientas prácticas sin fricción.
Impacto Visual Directo: Implementar un sistema de banners y elementos gráficos que comuniquen empatía y rigor científico simultáneamente.
Design System
Tipografía: Se seleccionó Helvetica como pilar tipográfico debido a su naturaleza neutral, objetiva y su legibilidad excepcional. Su uso garantiza que la densidad de los datos científicos se presente de forma clara y accesible para los profesionales de la salud, manteniendo un tono profesional y técnico en toda la interfaz.
Paleta Cromática: El sistema visual rompe con la sobriedad tradicional del sector para adoptar una paleta estratégica que facilita la navegación y la asociación de contenidos:
Magenta y Naranja: Utilizados para destacar el compromiso institucional y la innovación, aportando calidez y dinamismo a la marca.
Amarillo y Verde: Aplicados para la jerarquización de áreas terapéuticas y recursos de diagnóstico, proyectando claridad y equilibrio.
Iconografía y Diagramación: Se reemplazó el diseño estático por un sistema de tarjetas (cards) y una diagramación modular. La iconografía lineal ayuda a sintetizar procesos complejos de diagnóstico y tratamiento en conceptos visuales rápidos de procesar.
Componentes de Interacción: Rediseño del banner principal para que actúe como un punto de anclaje visual, utilizando imágenes de alta calidad que humanizan la tecnología médica.
Solución
Se logró una evolución total de la interfaz, pasando de un diseño funcional básico a una plataforma estratégica de comunicación científica. La nueva diagramación permite que el usuario acceda a la información técnica de los medicamentos en pocos clics, mientras que el menú refinado ofrece una navegación estructurada por necesidades: desde el compromiso de la marca hasta soluciones terapéuticas específicas, mejorando sustancialmente la interacción del profesional de salud con el portal.
