Durham Tech Header image
Diseño web

Durham Tech Pathways

La universidad Durham Tech quería una nueva forma de mostrar a los estudiantes las posibilidades de su elección de carrera.

Para este proyecto, diseñé solo la sección "Programs and Pathways", por lo que necesitaba hacer algo que coincidiera con el estilo existente del sitio pero que agregara una forma agradable de mostrar toda la información que necesitaban.

En la primera página, los usuarios pueden ver las diferentes categorías (o "Pathways") de programas disponibles en Durham Tech y elegir el que más les interese. Cada Pathway tiene un color que sigue al usuario a medida que avanza por los Programas disponibles dentro de un Pathway, creando una sensación de continuidad.

En Desktop, cuando el usuario pasa el cursor sobre un mosaico de un programa, el mapa Pathway muestra programas relacionados en diferentes niveles de educación. Cada columna muestra opciones de corto plazo, largo plazo y nivel universitario, por lo que los usuarios que eventualmente deseen obtener una licenciatura en un tema determinado pueden ver a qué tipo de programas pueden unirse ahora para alcanzar sus objetivos más adelante.

En dispositivos móviles, debido a la falta de "hovering", mostramos esa misma información en la página del programa individual. Esto también les da a los usuarios que visitan la página del programa una buena idea de dónde encaja este programa en los diferentes "Pathways" que podrían seguir.