ROL
Diseñador UX
LÍNEA DE TIEMPO
9 meses
TIPO
Diseño de producto
Mi rol
Lideré el rediseño de UX del sitio web de Partners for Advancing Health Equity, enfocándome en mejorar la búsqueda de contenido, fortalecer la identidad visual del sitio y crear una experiencia más intuitiva para los profesionales de la salud pública que buscan recursos educativos.
Realicé evaluaciones de UX del sitio web existente
Identifiqué oportunidades para mejorar la navegación y la jerarquía del contenido
Diseñé wireframes y diseños de página de alta fidelidad
Establecí patrones de interfaz de usuario y plantillas de página reutilizables
Colaboré con las partes interesadas durante todo el proceso de diseño
El desafío
Partners for Advancing Health Equity era una iniciativa recientemente establecida sin presencia digital. El objetivo era diseñar un sitio web desde cero que pudiera comunicar la misión de la iniciativa, mostrar recursos educativos y proporcionar una base flexible que pudiera crecer a medida que se introdujeran nuevos contenidos y asociaciones.
Empezando de cero
No existía ningún sitio web ni sistema de diseño previo sobre el que construir. Cada aspecto de la experiencia, desde la arquitectura de la información hasta la distribución de las páginas, tuvo que crearse desde cero.
Dirección limitada
Los interesados tenían una visión clara de la iniciativa, pero ofrecieron una orientación mínima sobre las necesidades de la audiencia, la dirección visual o la experiencia del usuario, lo que requirió que el equipo de diseño liderara la fase de descubrimiento y estableciera la estrategia de diseño del proyecto.
Equilibrar la familiaridad y la innovación
La nueva plataforma debía ofrecer una funcionalidad similar a la de la extensa biblioteca de búsqueda de SSRC, al tiempo que introducía un diseño visual más moderno y una experiencia de usuario mejorada.
Creando una base escalable
El sitio de internet necesitaba plantillas de página flexibles y patrones de diseño reutilizables que pudieran respaldar el contenido futuro, las asociaciones y el crecimiento organizativo sin necesidad de un rediseño significativo.
Resultados de la investigación
En lugar de diseñar a partir de supuestos, evalué sitios web de salud pública comparables, revisé los objetivos de las partes interesadas y analicé la arquitectura de la información de las bibliotecas de recursos existentes para identificar patrones que pudieran servir de base para una experiencia escalable para Partners for Advancing Health Equity.
El sitio web de SSRC que sirvió de inspiración para esta iniciativa.
1
Definición necesaria de los objetivos de las partes interesadas
El proyecto comenzó con una visión de alto nivel pero con pocos requisitos concretos. Las primeras conversaciones revelaron la necesidad de establecer no solo la estructura del sitio web, sino también su dirección de diseño general y la experiencia del usuario.
2
Las bibliotecas de recursos existentes establecen expectativas
El Centro de Intercambio de Información sobre Investigación Autosuficiente (SSRC, por sus siglas en inglés) demostró la importancia de contar con un sistema robusto de búsqueda y descubrimiento de recursos. En lugar de recrear su interfaz, identifiqué los patrones de interacción que los usuarios ya esperaban, al mismo tiempo que exploré oportunidades para modernizar la experiencia.
3
La arquitectura de la información impulsa el descubrimiento
El análisis competitivo de los sitios web de salud pública destacó que organizar los recursos en función de las metas de los usuarios (y no de la estructura organizativa) facilitaría la detección de información y respaldaría el crecimiento futuro.
Conclusión clave
El descubrimiento inicial demostró que la mayor oportunidad no residía en el diseño visual, sino en establecer una arquitectura de la información clara y un marco de trabajo escalable que pudiera respaldar la iniciativa a medida que evolucionaba.
Explorando soluciones
De la estrategia a la estructura
Antes de pasar a los diseños de alta fidelidad, exploré múltiples conceptos para definir la estructura del sitio web, establecer plantillas de página reutilizables y crear una base flexible para el contenido futuro. Cada iteración ayudó a perfeccionar la arquitectura de la información, al mismo tiempo que alineaba los comentarios de las partes interesadas con la visión general de la plataforma.
1
Estableciendo la página de inicio
Nuestro equipo quería crear una página de inicio que comunicara de inmediato el propósito de la iniciativa y, al mismo tiempo, guiara a los usuarios hacia los recursos más valiosos.
Se exploraron múltiples diseños de página de inicio para establecer la dirección visual del sitio.
Se priorizaron los recursos destacados y la búsqueda como los puntos de entrada principales.
Se introdujeron llamadas a la acción claras para fomentar la exploración.
2
Construcción de plantillas de página flexibles
We looked to develop scalable templates that support a growing library of content without sacrificing consistency.
Se crearon diseños reutilizables para artículos, recursos y páginas de iniciativas.
Se estableció una jerarquía coherente en los diferentes tipos de contenido.
Legibilidad equilibrada con flexibilidad para una futura expansión.
3
Perfeccionando la experiencia
El objetivo era transformar los conceptos iniciales en una experiencia pulida que se sienta moderna, accesible y fácil de navegar.
Navegación simplificada basada en los comentarios de las partes interesadas.
Espaciado, tipografía y jerarquía de contenido mejorados.
Interacciones perfeccionadas para crear una experiencia de navegación más cohesiva.
La experiencia final
Dando vida a la plataforma
La experiencia final transformó los conceptos iniciales en una plataforma digital cohesiva que equilibró la educación, el descubrimiento de recursos y la narrativa visual. Al establecer patrones de diseño consistentes y un marco de contenido escalable, el sitio web ofrece una experiencia atractiva que respalda tanto las necesidades actuales como el crecimiento futuro.
1
Cómo crear una primera impresión memorable
La página de inicio estableció la presencia digital de la iniciativa al comunicar su misión, destacar recursos clave y proporcionar rutas claras hacia el contenido más valioso de la plataforma.
Decisiones clave de diseño
Diseñó una página de inicio que presentaba claramente la misión de la iniciativa.
Priorizó los recursos destacados y el contenido educativo por encima del pliegue.
Estableció una navegación intuitiva y llamadas a la acción claras.
Creó una identidad visual moderna que reflejaba los objetivos de la organización.
Página de inicio que presenta la iniciativa y guía a los usuarios hacia los recursos destacados.
2
Construcción de plantillas de contenido flexibles
El sitio web requería plantillas de página capaces de soportar una amplia variedad de contenido educativo, manteniendo al mismo tiempo una experiencia coherente en toda la plataforma.
Decisiones clave de diseño
Desarrollé plantillas reutilizables para artículos, iniciativas y páginas de recursos.
Establecí patrones consistentes de tipografía y espaciado.
Creé diseños flexibles que podían adaptarse a diferentes tipos de contenido.
Mejoré la legibilidad a través de una jerarquía visual más sólida.
Plantillas de página reutilizables que admiten una experiencia de contenido coherente y escalable.
3
Cómo crear una biblioteca de recursos escalable
La experiencia final organizó los recursos de equidad en salud en un sistema estructurado que facilitó la navegación de la información, al tiempo que respaldó el crecimiento futuro de la plataforma.
Decisiones clave de diseño
Organización de recursos utilizando una arquitectura de información escalable.
Mejora de las vías de búsqueda y navegación para el contenido educativo.
Diseño de componentes de interfaz de usuario reutilizables para un mantenimiento a largo plazo.
Creación de una base capaz de soportar futuras colaboraciones y contenidos.
Biblioteca de recursos escalable diseñada para respaldar el crecimiento a largo plazo y el descubrimiento de contenido.
CONCLUSIONES CLAVE
Resultados y reflexiones
Diseñar Partners for Advancing Health Equity reforzó que la creación de una plataforma digital exitosa comienza mucho antes de las pantallas de alta fidelidad. Requiere definir el rumbo, organizar información compleja y construir sistemas flexibles que puedan evolucionar junto con la organización.
01
Diseñando sin un plano
Construir una plataforma desde cero requirió tomar decisiones de diseño estratégicas con requisitos limitados. Este proyecto fortaleció mi capacidad para transformar los objetivos de las partes interesadas en una visión clara del producto, al mismo tiempo que definía la estructura, la navegación y la experiencia general del sitio.
02
La arquitectura de la información da forma a la experiencia
Crear una experiencia intuitiva dependía de organizar contenido complejo sobre equidad en la salud en rutas claras y significativas. Esto reforzó cómo una arquitectura de información sólida sirve como base para la descubribilidad, la usabilidad y la escalabilidad a largo plazo.
03
Construyendo para el crecimiento a largo plazo
En lugar de diseñar una colección de páginas individuales, el proyecto se centró en establecer plantillas reutilizables y patrones de diseño escalables que pudieran admitir nuevo contenido, asociaciones y una futura expansión sin sacrificar la coherencia.