Caso de estudio · College técnico público · Minnesota

Hennepin Technical College

Rediseño del sitio web de un college técnico con dos campus y muchos públicos: futuros y actuales estudiantes, personal, visitantes y empleadores. Tres direcciones para la página de inicio y un sistema de plantillas internas, diseñados a partir de lo que mostraban los datos sobre cómo se usa el sitio.

Alcance de este caso: el diseño UX/UI, mi parte en el equipo. El proyecto completo, de la propuesta al lanzamiento, está en el caso completo en AndiSites.

Lo que mostraban los datos

El descubrimiento incluyó la revisión de un año completo de Google Analytics. Cuatro hallazgos dieron forma al diseño.

La mitad de las visitas llega desde un teléfono.

Lo que significó para el diseño

El diseño tenía que funcionar igual de bien en un teléfono que en una computadora, con el mismo orden y el mismo siguiente paso.

La mayoría de quienes visitan tiene entre 18 y 34 años.

Lo que significó para el diseño

Estudiantes reales y laboratorios reales, lenguaje directo y el siguiente paso siempre a la vista.

Mucha gente sale de la página de inicio y de eServices antes de postularse.

Lo que significó para el diseño

Caminos claros desde la página de inicio hacia Programas, Postulación y eServices, y una forma de volver a la solicitud desde cualquier página.

Muchas visitas entran directo, desde buscadores, a páginas de programas.

Lo que significó para el diseño

Plantillas internas consistentes con ruta de navegación, para que cada página diga dónde está la persona y qué hacer después.

Tres direcciones para la página de inicio

Cada dirección responde la misma pregunta de una forma distinta: ¿cómo encuentra su camino en un solo paso cada público, desde futuros estudiantes hasta personal y visitantes?

Opción A de la página de inicio: el mural del college con una franja naranja en diagonal, una sección Find your way con pestañas para futuros estudiantes, estudiantes actuales, personal y visitantes, y programas destacados.
Dirección A, Find your way: el mural del propio college, una franja naranja y una pestaña para cada público.
Opción B de la página de inicio: un video del campus junto al titular Hands-on Training for Tech Careers, los botones Apply Now y Request Information, y una sección de conexiones con la industria.
Dirección B, formación práctica: un video del campus y un selector «I am…» para cada rol.
Opción C de la página de inicio: un collage ilustrado de herramientas, engranajes y código binario detrás del titular Hands-on Training for Your Future, y una lista Choose your journey que se abre por rol.
Dirección C, Choose your journey: un collage técnico ilustrado y caminos que se abren por rol.

Un sistema de páginas internas

Plantillas que comparten las mismas reglas: un título claro, ruta de navegación, el siguiente paso y ayuda cerca. Una página de programa, una de admisiones y una de campus se leen igual, llegue la persona por donde llegue.

Plantilla de página interna con el titular Find what you’re looking for, cuatro bloques para contenido principal, enlaces rápidos, ayuda y páginas relacionadas, y la foto de una estudiante.
Plantilla de página interna: contenido, enlaces rápidos, ayuda y páginas relacionadas.
Página de admisiones con ruta de navegación, el titular Start your future at Hennepin Technical College, los botones Request info y Explore Programs, cuatro beneficios con íconos y un video del campus.
Admisiones: beneficios, el siguiente paso y un video del campus.
Página de campus con ruta de navegación, botones para cada campus y un banner Welcome to HTC Brooklyn Park con los botones Tour y Contact.
Campus: una página por campus, con cómo llegar, contacto y galería.

Decisiones de accesibilidad

  • Un solo paso hasta el camino de cada público: futuro estudiante, estudiante actual, personal y visitante.
  • Solicitar información y postularse al alcance en todas las plantillas.
  • Ruta de navegación en las páginas internas, para quienes llegan desde un buscador.
  • La misma estructura en páginas de programas y de servicios, para no tener que aprender cada página de nuevo.

De la propuesta al sitio publicado

Una propuesta es un punto de partida, no una plantilla. El sitio publicado lleva la dirección A: el mural del propio college, la franja naranja, los caminos por público y una ruta clara a Request Info y Get Started, adaptados junto con el college en el camino. En los tres meses siguientes al lanzamiento, las solicitudes subieron un 12 % y el alcance un 15 %, según el caso de estudio de AndiSites.

Reconocimiento

w3 Award, plata, 2026: Hennepin Technical College, galería de ganadores de los w3 Awards (se abre en una pestaña nueva, en inglés). Otorgado a AndiSites Inc. por el sitio web de Hennepin Technical College. Mi rol: Digital & Graphic Designer.

Mi rol en el equipo

Parte del equipo de AndiSites Inc., a través de eMirDesigner LLC: direcciones para la página de inicio, plantillas internas y diseño visual.