14 de los mejores sitios web universitarios (y por qué son tan impresionantes)

¿Qué Tal? hablemos de 14 de los mejores sitios web universitarios (y por qué son tan impresionantes)

Piense en el sitio web de la universidad promedio por un segundo.

Lo más probable es que se sienta un poco desactualizado. Probablemente ni siquiera puedas leer su contenido en tu teléfono sin pellizcar y hacer zoom.

Loco verdad? Es la puerta principal virtual del campus. Este sitio web debe atraer e informar a los estudiantes actuales y futuros, sus familias, ex alumnos, profesores y donantes. Tiene que ser fácil de usar, transmitir valor a diferentes personas y guiar a los visitantes a otras partes del sitio. Ah, y también debería ser visualmente agradable.

La buena noticia es que no todas las universidades tienen este problema. Hay bastantes escuelas con sitios web hermosos, útiles e intuitivos; solo tiene que saber dónde buscar.

Así que decidimos mostrar lo mejor de los mejores sitios web universitarios de EE. UU. a continuación. Échales un vistazo y descubre qué es lo que hace que su diseño web sea tan brillante. (Y si su alma mater está en la lista, ¡asegúrese de hacérnoslo saber!)

14 de los mejores sitios web universitarios

1. Universidad de Maryland

Con un sitio web tan elegante, interactivo y fácil de navegar como el sitio de admisiones de pregrado de la UMD, no sorprende que hayan ya enganchado uno de los cinco lugares finales de nominación al mejor sitio web de admisiones de este año. El sitio web fue diseñado por la empresa de comunicaciones Fraude.

Hay una serie de excelentes elementos de diseño en su sitio, pero nos encantan especialmente las fuentes divertidas, que DCInno señaló son «aparentemente similar al tipo usado para Donde viven los monstruos, recordativo de esos años de la infancia, pero con un toque sofisticado». La tipografía única es un elemento de gran diseño web moderno, ya que ayuda a los clientes a identificarlos inmediatamente frente a sus competidores. Por ejemplo, El neoyorquinoLa tipografía de es reconocida por los consumidores de todo el mundo debido a su estilo y apariencia únicos.

2. Universidad de Notre Dame

El sitio web de Notre Dame es hermoso en el escritorio: imágenes grandes de alta definición; porciones frescas e interactivas; fácil navegación. Pero lo que hace que su sitio web sea aún más especial es el uso de un diseño receptivo. Ahora que el algoritmo de Google premia los sitios web optimizados para dispositivos móviles, es aún más importante que las organizaciones optimicen sus sitios web para los visitantes que provienen de computadoras de escritorio, tabletas, y teléfonos inteligentes

Así es como se ve la página de inicio de Notre Dame en el escritorio:

notre-dame-home-page.png

Y aquí está en el móvil:

notre-dame-mobile-website.png

Lanzado en 2012, el sitio web fue diseñado por un equipo interno, y el diseño receptivo estaba entre sus principales prioridades. “Queríamos que la navegación fuera lo más intuitiva y sencilla posible”, explicó el diseñador web del equipo Philip Zastrow. “En muchos sentidos, una página de inicio es un portal, pero queremos que sea un portal más experiencial e informativo”.

3. Universidad Bucknell

sitio web de Bucknell, construido por Fastspot y nominado a Mejor Rediseño de Sitio Web en Webby’s en 2014, es un maravilloso ejemplo de personalización de sitios web en el trabajo. La primera vez que visita su sitio web, se encuentra con la página de inicio impersonal predeterminada, que, por cierto, está bellamente diseñada con imágenes de alta definición, mucho espacio negativo y navegación simple. Pero notará que justo debajo de la imagen, los usuarios tienen la opción de personalizar la página. ¿Lo ven en la parte inferior allí?

bucknell-universidad-sitio-web-1.png

Cuando hace clic en «Comenzar a personalizar», se encuentra con una opción para desactivar cualquier sección de la página de inicio predeterminada que desee. ¿No te interesan las actualizaciones de arte y cultura, pero quieres mantener las cosas de deportes y recreación? Simplemente apague Arte y Cultura. La próxima vez que visite el sitio web en el mismo dispositivo, no verá Arte y cultura, aunque puede volver a activarlo en cualquier momento.

bucknell-website-personalización.png

4. Universidad de Chicago

El diseño del sitio web de UChicago fue premiado con dos premios Webby de alto perfil en 2013: mejor sitio web general de escuela/universidad y premio Webby People’s Voice. Compruebe lo ordenado que está el contenido: en lugar de colocar párrafos de información y actualizaciones en todas partes, encontrará imágenes grandes de alta definición combinadas con fragmentos de texto del tamaño de un bocado. Fue creado internamente por los departamentos de TI y comunicación de la universidad y lanzado en septiembre de 2012.

sitio-web-de-la-universidad-de-chicago.png

5. Universidad de Michigan

Sitio web de UMichigan obtuvo una nominación de Webby al Mejor Rediseño de Sitio Web en 2014, y por una buena razón. La versión más reciente de su sitio web es mucho mejor que antes. Así es como se ve el rediseño:

sitio-web-de-la-universidad-de-michigan.png

Compara eso con cómo se veía antes:

antiguo-sitio-web-de-la-universidad-de-michigan.png

¿La diferencia más notable? Las imágenes enormes en la versión actualizada, junto con los cuadros de texto de estadísticas simples y rápidas que refuerzan el valor de la escuela, como «19 escuelas + universidades» y «Universidad pública n.º 1», en las que los usuarios pueden hacer clic para obtener más detalles.

6. Escuela de Diseño de Rhode Island

Toda la misión de RISD es educar e inspirar a la próxima generación de artistas y diseñadores. Entonces, ¿por qué no usar la página de inicio de la escuela para exhibir las obras de arte de los estudiantes? Clavaron la ejecución aquí con imágenes grandes y nítidas que los usuarios combinaron con texto corto que se puede desplazar. El sitio web fue creado internamente y lanzado en 2011, y fue un Galardonado con el premio Webby en la categoría Escuela/Universidad en 2012.

rhode-island-school-of-design-website.png

7. Universidad George Washington

Visualizar cómo se ve un campus universitario, especialmente cuando está ubicado en un centro de ciudad concurrido, puede ser realmente difícil para cualquiera que visite un campus por primera vez. Pero GW encontró una manera de hacerlo fácil, e incluso divertido.

Su revolucionario sitio web de visitas virtuales, Cescrito por Campus Tours Inc., presenta mapas interactivos de sus dos campus principales, así como uno que muestra el campus principal en el contexto de DC como ciudad. De esta manera, los visitantes pueden comprender mejor dónde se encuentra en el contexto de los lugares emblemáticos de la ciudad, como la Casa Blanca y el JFK Performance Center. Puede pasar el mouse sobre cualquier edificio, calle, área verde o cuerpo de agua para ver su nombre, e incluso puede «activar» las etiquetas para las paradas de transporte y las áreas de estacionamiento para visitantes. En general, es fácil de usar y visualmente impresionante.

george-washington-university-website.png

8. Universidad de Middlebury

El sitio web de Middlebury no se parece a ningún sitio web universitario que haya visto antes. Su página de inicio, diseñada por Servicios web de ballena blanca y lanzado en febrero de 2010, cuenta con una serie de barras de colores que actúan como un sistema de navegación. Los usuarios pueden pasar el mouse sobre cada barra para ver a dónde los conduciría al hacer clic en ella, como una instantánea de video de la comunidad, los aspectos más destacados del regreso a casa, una noticia sobre nuevos fondos, etc. Los efectos de desplazamiento como estos son excelentes herramientas para ayudar con la experiencia del usuario. El diseño no es intrusivo y, sin embargo, ayuda a los visitantes de la web a realizar un seguimiento de dónde están buscando en una página.

sitio-web-de-la-universidad-de-middlebury.png

9. Universidad de Nebraska-Lincoln

El sitio web de la UNL es un gran ejemplo de simplicidad en el diseño. Limita el uso de textos e imágenes y adopta el espacio negativo, lo que puede parecer un alivio para los usuarios. Demasiadas organizaciones intentan meter una tonelada de imágenes y texto en un espacio pequeño, mientras que el diseño de UNL deja espacio para respirar y ayuda a los usuarios a encontrar las cosas mejor. El sitio se centra en dos llamados a la acción: «Reproducir video» y «Aplicar ahora». El uso de video en el fondo en lugar del típico fondo estático también es visualmente impresionante.

universidad-de-nebraska-lincoln-website.png

10 Universidad de la Commonwealth de Virginia

Hablando de llamados a la acción, el sitio web de VCU hace un trabajo maravilloso al usar botones CTA coloridos y bien posicionados para dirigir a los visitantes al siguiente paso lógico. El diseño de su página de inicio es un carrusel de imágenes, y cada una tiene un CTA claro que alienta a los usuarios a «Leer más», y así sucesivamente. Debajo de estas historias hay más llamados a la acción que usan lenguaje procesable como «Regístrese para clases», «Solicite ahora» y «Planifique una visita», acompañados de íconos relevantes. Después de todo, el objetivo de la página de inicio es obligar a los visitantes a profundizar en su sitio web. Con CTA claros, su página de inicio se convierte en un motor de conversión, no solo en un folleto.

virginia-commonwealth-university-website.png

11 universidad bates

Cuando mire la parte superior de la página de inicio de Bates, notará que hay menos opciones de navegación que muchos de estos otros sitios web. Todavía incluyeron un menú desplegable en la parte superior, pero en general, redujeron la cantidad de enlaces en el encabezado y la barra lateral del sitio. Aunque reducir las opciones de los usuarios puede parecer contradictorio, en realidad puede ayudar a guiarlos hacia su contenido más productivo. Los diseñadores del sitio web de Bates simplifican la navegación al colocar su contenido más productivo, que está claramente etiquetado con identificadores como «Futuros estudiantes», «Padres» y «Alumnos», en la parte inferior pero arriba del pliegue.

bates-college-website.png

12 Universidad marrón

El sitio web de Brown tiene muchas imágenes, pero usan un ingenioso truco para que no parezca tan abrumador: todas las fotos de fondo están silenciadas, mientras que el contenido destacado (en el ejemplo a continuación, las historias sobre la investigación de los estudiantes) es grande y vívido. Esto ayuda a reducir el desorden visual en la página y enfatiza el enfoque principal de la universidad: la investigación. El sitio web tardó dos años en construirse de 2008 a 2010, con la estrategia y el diseño de la empresa de marketing y comunicaciones. mstoner, inc. en sociedad con el equipo interno de Servicios de Información Informática de Brown. Su objetivo era mostrar la universidad y mejorar la experiencia del usuario.

brown-university-website.png

13 Universidad Clemson

No es raro escuchar a los estudiantes de Clemson afirmar que «sangran naranja», gracias a su mascota universitaria, los Tigres. Los diseñadores del sitio web de la universidad trasladaron con éxito esa marca al incluir elementos como un banner naranja brillante, una barra de desplazamiento naranja y otros acentos naranjas en el camino. Los ojos de tigre en el encabezado también le dan personalidad al sitio web. El sitio fue creado internamente por el Equipo de Liderazgo Web y el Consejo de Comunicaciones de Clemson y fue lanzado en 2013 y fue nominado a un Webby en la categoría de Mejor Rediseño de Sitio Web al año siguiente.

También responde a dispositivos móviles. Así es como se ve el sitio web en el escritorio:

sitio-web-de-la-universidad-de-clemson.png

Y aquí está en el móvil:

clemson-mobile-website.png

14 universidad de oberlin

Cuando visitamos el sitio web de Oberlin por primera vez, nos sorprendió la impresionante imagen de la página de inicio, que, además de ser visualmente agradable de ver, también nos dio una gran idea de la cultura y los valores de la escuela. En lugar de actualizaciones de noticias y notas publicitarias sobre ofertas académicas, la gente de Oberlin optó por mostrar su vida estudiantil. «Oberlin es un lugar de intensa energía y creatividad, construido sobre una base de excelencia académica, artística y musical», dice la página de inicio. El énfasis en la cultura muestra que están ofreciendo contenido a los futuros estudiantes sobre todo.

oberlin-college-website.png

¿Está buscando crear un sitio web para su institución? Consulte el Mercado de temas de HubSpot para encontrar un tema de sitio web adecuado para usted.

Nos leeremos hasta la próxima

sobre el autor

Estuardo Monroy

Te gustaría saber más sobre el autor, te invito que veas la sección de Nosotros en Consultor SEO, donde se extiende hablando sobre su experiencia, conocimientos y un poco de información personal.