14 лучших веб-сайтов колледжей (и почему они такие классные)

Следующая статья поможет вам: 14 лучших веб-сайтов колледжей (и почему они такие классные)

Подумайте на секунду о веб-сайте среднего колледжа.

Скорее всего, он чувствует себя немного устаревшим. Вы, вероятно, даже не сможете прочитать его содержимое на своем телефоне без большого количества щипков и масштабирования.

Сумасшедший, верно? Это виртуальная парадная дверь кампуса. Этот веб-сайт должен привлекать и информировать нынешних и будущих студентов, их семьи, выпускников, преподавателей и доноров. Он должен быть удобным для пользователя, доносить ценность до разных людей и направлять посетителей к другим частям сайта. О, и это также должно быть визуально приятным.

Хорошая новость заключается в том, что не во всех колледжах есть эта проблема. Есть довольно много школ с красивыми, полезными и интуитивно понятными веб-сайтами — вам просто нужно знать, где искать. В постоянно меняющемся ландшафте тренды маркетинга высшего образованияэти исключительные веб-сайты колледжей служат вдохновляющими примерами эффективных цифровых стратегий, которые привлекают и очаровывают их целевую аудиторию.

Поэтому мы решили продемонстрировать ниже лучшие из лучших веб-сайтов колледжей США. Проверьте их и узнайте, что в их веб-дизайне делает их такими блестящими. (И если ваша альма-матер есть в списке, обязательно сообщите нам об этом!)

14 лучших веб-сайтов колледжей

1. Университет Мэриленда

С веб-сайтом, столь же стильным, интерактивным и простым в навигации, как сайт приема студентов UMD, неудивительно, что они уже поймал одно из последних пяти мест в номинациях за лучший сайт приемной комиссии в этом году. Сайт был разработан коммуникационной фирмой Фрауза.

На их сайте есть множество замечательных элементов дизайна, но нам особенно нравятся игривые шрифты, которые DCInno указал являются “похоже на тип, используемый для напоминающий тех детских лет, но с утонченным чутьем». Уникальная типографика элемент отличного современного веб-дизайна, поскольку он помогает клиентам сразу отличить их от своих конкурентов. Например, типографика признана потребителями во всем мире благодаря своему уникальному стилю и внешнему виду.

2. Университет Нотр-Дам

Веб-сайт Нотр-Дам прекрасен на рабочем столе: большие изображения высокой четкости; крутые интерактивные порции; простая навигация. Но что делает их веб-сайт еще более особенным, так это использование адаптивного дизайна. Теперь, когда алгоритм Google награждает веб-сайты, оптимизированные для мобильных устройств, для организаций еще более важно оптимизировать свои веб-сайты для посетителей, приходящих с компьютеров, планшетов и других устройств. smartphones.

Вот как выглядит домашняя страница Нотр-Дама на компьютере:

А вот и на мобильном:

Сайт был запущен в 2012 году. разработан собственной командой, а адаптивный дизайн был одним из их главных приоритетов. «Мы хотели сделать навигацию максимально интуитивно понятной и простой», объяснил веб-дизайнер команды Филип Застроу. «Во многих отношениях домашняя страница — это портал, но мы хотим, чтобы он был более информативным порталом».

3. Университет Бакнелла

Сайт Бакнелла, построено Fastspot и номинирован на лучший редизайн сайта в Webby’s в 2014 году — прекрасный пример персонализации веб-сайта в действии. При первом посещении их веб-сайта вас встречает обезличенная домашняя страница по умолчанию, которая, кстати, красиво оформлена с визуальными эффектами высокой четкости, большим количеством пустого пространства и простой навигацией. Но вы заметите, что прямо под изображением у пользователей есть возможность настроить страницу. Видишь там внизу?

Когда вы нажимаете «Начать настройку», вы получаете возможность отключить любой раздел домашней страницы по умолчанию, который вы хотите. Не интересуетесь новостями об искусстве и культуре, но хотите сохранить новости о спорте и отдыхе? Просто выключите «Искусство и культура». В следующий раз, когда вы посетите веб-сайт на том же устройстве, вы не увидите «Искусство и культура», хотя вы можете снова включить его в любое время.

4. Чикагский университет

Дизайн веб-сайта UChicago был награжден премией две громкие награды Webby Awards в 2013 году: лучший в целом лучший веб-сайт школы / университета и награда Webby People’s Voice Award. Посмотрите, насколько лаконичен контент: вместо того, чтобы размещать абзацы информации и обновлений повсюду, вы найдете большие изображения высокой четкости в сочетании с небольшими фрагментами текста. Он был создан отделами информационных технологий и коммуникаций университета и запущен в сентябре 2012 года.

5. университет Мичигана

веб-сайт UMichigan получил номинацию Уэбби за лучший редизайн веб-сайта в 2014 году — и не зря. Новейшая версия их веб-сайта стала намного лучше, чем раньше. Вот как выглядит редизайн:

Сравните это с тем, как это выглядело раньше:

Самая заметная разница? Огромные изображения в обновленной версии, а также текстовые поля быстрой и простой статистики усиливают ценность школы, например «19 школ + колледжи» и «Государственный университет №1», на которые пользователи могут щелкнуть, чтобы получить более подробную информацию.

6. Род-Айлендская школа дизайна

Вся миссия RISD состоит в том, чтобы обучать и вдохновлять новое поколение художников и дизайнеров. Так почему бы не использовать домашнюю страницу школы для демонстрации студенческих работ? Они добились исполнения здесь с большими, четкими изображениями, которые пользователи соединили с коротким текстом, который можно прокручивать. Сайт был создан собственными силами и запущен в 2011 году. Лауреат премии Уэбби в категории «Школа/университет» в 2012 году.

7. Университет Джорджа Вашингтона

Визуализация того, как выглядит кампус колледжа, особенно когда он расположен в оживленном центре города, может быть очень сложной для любого, кто впервые посещает кампус. Но GW нашел способ сделать это проще и даже веселее.

Их революционный сайт виртуальных туров, сподготовлено Campus Tours Inc., содержит интерактивные карты двух основных кампусов, а также одну, показывающую главный кампус в контексте Вашингтона как города. Таким образом, посетители могут лучше понять, где он находится в контексте городских достопримечательностей, таких как Белый дом и Центр выступлений имени Джона Кеннеди. Вы можете навести указатель мыши на любое здание, улицу, зеленую зону или водоем, чтобы увидеть его название, и вы даже можете «включить» метки для остановок маршрутных автобусов и парковок для посетителей. В целом, это удобно и визуально потрясающе.

8. Колледж Миддлбери

Веб-сайт Миддлбери не похож ни на один веб-сайт колледжа, который я видел раньше. Их домашняя страница, разработанная Веб-сервисы «Белый кит» и запущенный в феврале 2010 года, имеет ряд красочных полос, которые действуют как навигационная система. Пользователи могут наводить указатель мыши на каждую полосу, чтобы увидеть, куда их приведет щелчок по ней — например, видеофрагмент сообщества, основные моменты возвращения на родину, новость о новом финансировании и т. д. Эффекты наведения, подобные этим, — отличные инструменты, помогающие пользователю. Дизайн ненавязчивый, но помогает посетителям отслеживать, где они просматривают страницу.

9. Университет Небраски-Линкольн

Веб-сайт UNL — отличный пример простоты дизайна. Он ограничивает использование текста и визуальных эффектов и охватывает негативное пространство, что может показаться пользователям облегчением. Слишком многие организации пытаются втиснуть массу визуальных элементов и текста в небольшое пространство, в то время как дизайн UNL дает возможность дышать и помогает пользователям лучше находить вещи. Сайт фокусируется на двух призывах к действию: «Воспроизвести видео» и «Подать заявку сейчас». Использование видео в фоновом режиме вместо обычного статического фона также визуально ошеломляет.

10. Университет Содружества Вирджинии

Говоря о призывах к действию, веб-сайт VCU отлично справляется с использованием красочных, хорошо расположенных кнопок CTA, чтобы направлять посетителей к следующему логическому шагу. Дизайн их домашней страницы представляет собой карусель изображений, и на каждой из них есть четкий призыв к действию, побуждающий пользователей «Читать дальше» и так далее. Под этими историями больше призывов к действию с использованием действенных формулировок, таких как «Зарегистрироваться на занятия», «Подать заявку сейчас» и «Запланировать посещение», сопровождаемых соответствующими значками. В конце концов, цель домашней страницы — заставить посетителей глубже изучить ваш сайт. С четкими призывами к действию их домашняя страница становится двигателем конверсии, а не просто брошюрой.

11. Колледж Бейтса

Когда вы посмотрите на верхнюю часть домашней страницы Бейтса, вы заметите, что вариантов навигации меньше, чем на многих других веб-сайтах. Они по-прежнему включают раскрывающееся меню вверху, но в целом они уменьшили количество ссылок в заголовке и на боковой панели сайта. Хотя сокращение возможностей пользователей может показаться нелогичным, на самом деле это может помочь им найти наиболее продуктивный контент. Дизайнеры веб-сайта Бейтса упрощают навигацию, помещая наиболее продуктивный контент, который четко помечен такими идентификаторами, как «Будущие студенты», «Родители» и «Выпускники», внизу, но вверху.

12. Университет Брауна

На веб-сайте Брауна много изображений, но они используют хитрый прием, чтобы он не казался таким громоздким: все их фоновые фотографии приглушены, а избранный контент (в приведенном ниже примере — истории о студенческих исследованиях) большой и яркий. Это помогает уменьшить визуальный беспорядок на странице и подчеркнуть основное направление деятельности университета: исследования. На создание веб-сайта ушло два года с 2008 по 2010 год, а стратегия и дизайн были разработаны маркетинговой и коммуникационной фирмой. mStoner, Inc. в партнерстве с собственной командой компьютерных информационных служб Брауна. Их цель состояла в том, чтобы продемонстрировать университет и улучшить пользовательский опыт.

13. Университет Клемсона

Нередко можно услышать, как студенты Клемсона заявляют, что они «кровоточат оранжевыми» — благодаря их университетскому талисману Тиграм. Дизайнеры веб-сайта университета успешно перенесли этот брендинг, добавив такие элементы, как ярко-оранжевый баннер, оранжевая полоса прокрутки и другие оранжевые акценты. Тигровые глаза в шапке также придают сайту индивидуальность. Сайт был созданный командой веб-лидеров Clemson и советом по коммуникациям, запущенный в 2013 году. номинирован на вебби в категории «Лучший редизайн сайта» в следующем году.

Он также адаптирован для мобильных устройств. Вот как сайт выглядит на десктопе:

А вот и на мобильном:

14. Оберлин Колледж

Когда мы впервые посетили веб-сайт Оберлина, мы были поражены потрясающим изображением домашней страницы, которое, помимо того, что на него было приятно смотреть, также дало нам прекрасное представление о культуре и ценностях школы. Вместо новостей и рекламных объявлений об академических предложениях ребята из Оберлина решили продемонстрировать свою студенческую жизнь. «Оберлин — это место интенсивной энергии и творчества, построенное на фундаменте академического, художественного и музыкального мастерства», — говорится на домашней странице. Акцент на культуре показывает, что они ориентированы прежде всего на будущих студентов.

Хотите создать сайт для вашего учреждения? Посетите рынок тем HubSpot, чтобы найти тему веб-сайта, которая подходит именно вам.