Движение — жизнь: сайт для абитуриентов ВолгГМУ

Погружение

Изначально у ВолгГМУ не было отдельного сайта для абитуриентов: информация о поступлении размещалась на основном сайте и в социальных сетях. Университет пришел к решению создать отдельный ресурс для поступающих после знакомства с аналогичными проектами других образовательных учреждений. Часть из этих проектов вуз выбрал в качестве референсов, а один из них, выполненный нашей командой, определил для себя как бенчмарк. Наша общая задача состояла в том, чтобы с опорой на «историю просмотров» придумать и построить сайт, который не только удовлетворяет потребности абитуриентов, но и подчеркивает самобытность ВолгГМУ.

Маневрирование

Профессиональная дилемма, с которой мы столкнулись, была связана с цветом. В брендбуке ВолгГМУ использовались два фирменных цвета — изумрудный и золотистый. Мы предложили связать их через цвет-посредник — оранжевый. Университет согласился, но попросил поэкспериментировать с оттенками оранжевого. После серии итераций — от вариаций оранжевого, изумрудного и золотистого до попытки «революции» с кислотными тонами — вернулись к фирменной базе, добавив ярко-красный как третий акцент (идея принадлежит команде ВолгГМУ).

Нельзя сказать, что и здесь мы сразу пришли к консенсусу. Яркий красный оттенок является довольно резким и нечасто используется на сайтах для школьников, так как ассоциируется с «агрессивными продажами». Однако заказчику он понравился, и вскоре мы все привыкли к этому решению.

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

Первый блок сайта — всегда концептуальный элемент. Это визуальный и смысловой крючок, задача которого — удержать внимание абитуриента и произвести первое впечатление, четко передав образ бренда. В случае с ВолгГМУ был утвержден вариант с видео на главной странице. Основная трудность состояла в том, чтобы ролик выглядел легким и светлым, не перегружал визуал и в то же время отражал жизнь университета. Со своей стороны, мы подобрали релевантные примеры и подготовили рекомендации, вплоть до раскадровки: на какие темы стоит обратить внимание, как их лучше отснять и скомпоновать. Исходя из этого, съемку и монтаж текущего ролика университет выполнил самостоятельно, а уже сейчас — работает над новой версией.

 Быстрые ссылки на сайте ведут к ключевым для поступающих разделам: «Календарь абитуриента», «Перечень вступительных испытаний», «Приказы о зачислении». После завершения приемной кампании набор ссылок можно изменять, «поднимая наверх», например, довузовские курсы или предуниверсарий.

В блоке с карточками по запросу заказчика появилась карточка «ТОП новостей». Полноценный новостной раздел есть ниже, но университету было важно, чтобы абитуриент получал выжимку уже «на входе».

Поскольку в итоге была утверждена трехцветная версия оформления, именно эти оттенки легли в основу карточек. Для блока «Направления подготовки» мы разработали анимацию: появляется линия в одном из фирменных тонов, и карточки постепенно «подкрашиваются» изумрудным, золотистым и красным. 

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

Отдельным решением стали именно эти вставки. В брендбуке ВолгГМУ собрана коллекция неофициальных студенческих слоганов (например, «Учись сегодня, чтобы лечить завтра», «Для тех, кто выбирает дело жизни»), и мы предложили интегрировать их в дизайн. Первоначально это задумывалось как декоративный элемент, но на практике потребовало серьезной проработки: на совещаниях мы выверяли размеры изображений, их расположение — чтобы хорошо подходило под разные тексты, а также где будет находиться цветовой акцент.

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

Главная страница в итоге получилась довольно объемной, что здесь скорее плюс. На нее вынесены все основные блоки, связанные с поступлением и обучением: помимо вышеупомянутых, это раздел о предуниверсарии, рассказы о студенческой жизни, переходы к сообществам, новости и события (отличные от новостей в верхней части), инфографика с достижениями, «вопрос-ответ», форма обратной связи, отзывы, видео и полезные ссылки.

Удержание курса

Для нескольких страниц на сайте мы запланировали использовать баннеры-фотозаглушки, дублирующие название раздела. Решение так понравилось университету, что стало использоваться повсеместно. Примеры — баннеры «Колледж», «Бакалавриат и специалитет» при переходе по ссылкам в меню по уровням образования в шапке сайта. Со своей стороны, мы выступали за «полифонию» в оформлении страниц. Так появились другие решения-«открывашки», например, разделы «Почему ВолгГМУ» или «Предуниверсарий» начинаются с коллажа — ролик + кликабельная карточка.

Еще одно сквозное решение — видеообращения. Для направлений подготовки начали снимать ролики с участием деканов факультетов и руководителей образовательных программ. Их задача — кратко рассказать о программе и пригласить поступающих. Формат оказался удачным и быстро распространился: теперь видеообращения встречают пользователя почти в каждом разделе. Там, где видео еще нет, оно планируется.

Интерактивный блок с достижениями вуза оформлен в виде кликабельных «таблеток» с цифрами. По кнопке «Показать еще» данные обновляются случайным образом, и каждый раз пользователь видит новый набор чисел. Еще один динамический блок «Студенческая жизнь» в разделе «Почему ВолгГМУ» сразу выделился и понравился университету. Изначально задуманный для основного сайта, он перекочевал и на абитуриентский ресурс, и на другие площадки вуза. Блок представляет собой разделенное на элементы фото, где каждый фрагмент отражает аспект студенческой жизни, за исключением лекций (например, творчество, общежития, спорт). Каждый элемент кликабельный и содержит подробное описание — «превью» текста появляется уже при наведении курсора.

Параллельно начали выстраивать связку с дополнительными проектами. Так, на вкладке «Об университете» появился баннер «Наш история», ведущий на исторический, юбилейный сайт.

Работа на глубине

На момент написания кейса работа над сайтом для абитуриентов ВолгГМУ продолжается. Он был сдан в приемную кампанию-2025, хорошо отработал и стал востребованным инструментом. Университет, оценив результаты, принял решение и дальше укреплять ресурс.

Рейтинг поступающих, реализованный уже к приемке, сейчас скрыт, так как перерабатывается для расширения функционала. Рейтинг представляет собой большую таблицу, которая собирает данные из файлов Excel, подгружаемых администратором. Таблица содержит большое количество столбцов, и пользователь может выбрать, какие из них отображать, а какие нет.

Кроме того, для выделения важных данных использованы маркеры: например, зеленым цветом отображаются пользователи, у которых есть согласие на зачисление и которые попали на бюджетные места, красным — те, кто не попал на бюджет, но также имеет согласие на зачисление. Также добавлена функция поиска по уникальному коду или СНИЛСу, чтобы абитуриенты могли быстро найти свое место в таблице. Для удобства пользователя предусмотрена возможность скачать данные в виде Excel-файла.

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

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

Первый шаг — персонализация. Пользователь выбирает пол и текущий статус (школьник, студент или выпускник), после чего система формирует для него индивидуальный сценарий.

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

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

Всплытие

Абитуриентский сайт оказался более сложным проектом, чем юбилейный: требовалось собрать большой объем визуала и подготовить тексты, интересные школьникам. На старте собственного фотобанка у ВолгГМУ не было — сейчас он формируется и станет базой для всех цифровых ресурсов.

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

Хотя это и не первый совместный проект, именно «Абитуриент» стал важным этапом «притирки». Он оказался более масштабным и значимым для вуза, что потребовало максимальной вовлеченности всех сторон. В процессе работы мы улучшили структуру взаимодействия, выросли вместе, а университет сам «прожил» весь алгоритм. Этот опыт будет полезен нам в следующих проектах, включая «ремейк» основного сайта ВолгГМУ.

Главное

Работа над «Абитуриентом» ВолгГМУ началась в марте 2025, проект был сдан в срок, в июле этого же года. Нам не всегда было просто друг с другом, но во многом именно благодаря этому результат получился убедительным: сайт гармонично выстроен и по цветовой гамме, и по визуальной концепции, и по содержанию. С добавлением фото- и видеоматериалов, а также вводом новых элементов и решений (как мы уже упоминали, университет нацелен на дальнейшее развитие ресурса), он станет еще более цельным и выразительным.

На пике приемной кампании 2025 сайт привлек более 1 000 пользователей в день, через форму обратной связи поступило около 200 запросов, а доля возвращающихся посетителей была выше средней. Это подтверждает, что ресурс востребован и эффективно решает ключевые задачи университета.

Смотреть сайт: abiturient.volgmed.ru