UX/UI

WSU

WSU

WSU

Perspectiva General

Este proyecto se centró en la modernización visual de la página web de Western Sydney University. Lideré una serie de workshops colaborativos con el cliente para explorar direcciones futuras, alinear objetivos de comunicación y definir lo que era creativamente atractivo y factible dentro de los plazos del proyecto. Además de diseñar y facilitar estos workshops, mapeé los recorridos clave de los usuarios y entregué un rango completo de handoffs de diseño, desde wireframes básicos hasta prototipos de alta fidelidad. También desarrollé la biblioteca completa de componentes UI para todas las secciones de la página web. Durante todo el proceso, el foco se mantuvo en equilibrar los objetivos estratégicos de la universidad con las necesidades de los diversos usuarios.

Sobre el Projecto

01. Resumen

Western Sydney University, una de las principales instituciones de Australia, necesitaba una renovación completa de su página web antes de una próxima jornada informativa. La página existente estaba visualmente desactualizada y era difícil de navegar, lo que complicaba que futuros estudiantes, estudiantes actuales, ex-alumnos, padres y personal de la universidad encontraran rápidamente la información que necesitaban. Con un cronograma ajustado, la universidad requería una página web moderna, accesible y fácil de mantener, que reflejara su identidad de marca y ofreciera una experiencia de usuario fluida.


02. Problema

Antes del rediseño, la página web de la universidad presentaba:

  • Diseño desactualizado que ya no reflejaba una institución académica moderna.

  • Navegación sobrecargada, con demasiados enlaces y sin jerarquía clara.

  • Layouts y patrones inconsistentes en diferentes secciones, generando confusión.

  • Páginas redundantes e información dispersa, que requerían demasiados clics para llegar al contenido importante.

La antigua página de inicio estaba saturada, con demasiados botones en la barra de navegación, enlaces redundantes y jerarquía visual limitada. El layout carecía de elementos visuales atractivos o caminos claros para cualquiera de sus públicos diversos. Este enfoque único para todos significaba que ninguno de estos grupos tenía un punto de entrada dedicado e intuitivo para su recorrido particular, generando frustración y abandono.




03. Proceso de diseño

Nuestra colaboración comenzó con una serie de workshops interactivos con el equipo de marketing y comunicaciones. Usando Miro, mapeamos los recorridos de usuario para cada tipo de audiencia, incluyendo tareas como buscar un curso, inscribirse, acceder a recursos para ex-alumnos o información para padres. Este ejercicio ayudó a identificar problemas de flujo en la navegación y redundancias de contenido para cada grupo de usuarios.

Luego, reestructuré la arquitectura de la información en una jerarquía simplificada y lógica, reduciendo enlaces innecesarios y agrupando contenido relacionado de forma intuitiva.

Después, diseñé una biblioteca de componentes UI en Figma, incluyendo botones, headers, footers, tarjetas y elementos de formularios, todos alineados con las guías de marca de la universidad. Este sistema de diseño permitió consistencia visual en toda la web y facilitó que el equipo interno pudiera crear nuevas páginas sin romper el estilo.

Finalmente, pasé de wireframes de baja fidelidad a prototipos de alta fidelidad, incorporando el estilo visual actualizado, tipografía accesible y layouts responsive. Estos diseños se entregaron al equipo de desarrollo con especificaciones detalladas, asegurando una implementación fluida.


Workshop


04. Solución y resultados

El rediseño transformó la página de inicio en una puerta de entrada moderna, alineada con la marca y que reconoce y atiende a cada tipo de audiencia. Ahora futuros estudiantes, estudiantes actuales, ex-alumnos, padres y personal de la universidad tienen puntos de entrada claros y secciones dedicadas que los guían hacia el contenido relevante.

La navegación simplificada, los CTAs claros y un layout bien estructurado priorizan la usabilidad mientras se mantiene la identidad visual de la universidad. La tipografía actualizada, la jerarquía visual mejorada y los componentes modulares ofrecen tanto una mejor experiencia para los usuarios como un mantenimiento más sencillo para el equipo interno.

El proyecto se lanzó a tiempo para la jornada informativa y recibió feedback positivo de equipos internos y usuarios, quienes encontraron que era mucho más fácil de navegar. Aunque no se recopilaron métricas formales, el feedback cualitativo destacó:

  • Mayor facilidad de uso para todos los grupos de audiencia, especialmente futuros estudiantes y padres.

  • Mejor alineación visual con la identidad moderna de la universidad.

  • Reducción del tiempo de mantenimiento para el equipo interno gracias a los componentes UI reutilizables.

Este proyecto destacó el valor de la colaboración con integrantes de diferentes equipos a través de workshops y los beneficios a largo plazo de invertir en un sistema de diseño robusto, especialmente bajo plazos ajustados.


Página Principal

Página de Cursos