«Искусство быть врачом»: разработка официального сайта ВолгГМУ

Главное о кейсе

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

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

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

Крафт (мастерство), реализация, технические детали

Контент-дизайн
Работа над дизайном сайта была проведена очень большая. Мы старались, чтобы портал не выглядел статично даже без действий пользователя. Для этого добавили микроанимации почти в каждый блок: «живые клетки» на фоне, реагирующие на наведение, оживающие кнопки и плитки. Это создает легкую, «дышащую» атмосферу, которая напоминает о медицинской направленности университета. Для новостей продумали отдельный механизм и сделали два формата изображений: горизонтальный – для главной новости, классический – для карточек, центральную картинку затемнили для читаемости текста и подключили автоматическое раскрытие длинных заголовков при наведении. Один из самых гибких инструментов – настраиваемый в административной панели баннер: можно вывести статистику, кнопки, ссылки, выбрать фоном видео или анимацию. Эти детали работают на удобство сайта и дают вузу свободу оформления без потери качества. Добавлены статусы на карточки сотрудников «в отпуске», «на больничном», «работаю» по аналогии с соцсетями, чтобы адаптировать сайт под современного пользователя, а официальные фотографии на странице преподавателей чередуются со снимками из повседневной жизни – это оживляет страницы и отражает философию вуза о человекоцентричности.
Интеграция и автоматизация
Параллельно с дизайном мы выстраивали архитектуру сайта, и здесь главным принципом стала максимальная интеграция с внутренними системами университета. Настроена синхронизация с 1С – теперь обновление структуры подразделений и карточек сотрудников происходит автоматически без потери данных. Полностью проработана интеграция с CRM, чтобы все формы обратной связи автоматически попадали в единую базу с настраиваемой маршрутизацией заявок по отделам. Научные труды также сделали более доступными широкой аудитории благодаря визуальным карточкам с модальными окнами и бесшовному переходу для чтения полных текстов на elibrary и Scopus.
Вуз с почти что вековой историей идет в ногу со временем, и мы подчеркнули это, превратив библиотеку в лайт-версию маркетплейса: оплата изданий доступна 24/7, полная автоматизация обработки через Битрикс24 и бесконтактная выдача через постаматы в главном корпусе.
Управление документами
Разрозненные документы «разложили по полочкам», сделав для них банк с фильтрами по подразделениям, видам, датам и возможностью запросить отсутствующие файлы. Особое внимание уделили базе знаний – в отдельном разделе собраны статьи и инструкции на «человеческом языке» с удобным визуальным редактором и автоматической навигацией по заголовкам.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

У заказчика был мощный референс – сайт другого вуза, выполненный Паравебом. Однако в итоге мы сошлись во мнении: важно отстроиться и показать уникальность ВолгГМУ. На старте у нас была аналитика и брендбук, но отсутствовало четкое позиционирование, которое пришлось формировать параллельно с дизайном.
Поиск визуального якоря главной страницы занял больше половины проекта. Среди идей был «абстрактный человек», символизирующий формирование врача из знаний и опыта. Хотя для сайта он не подошел из-за споров о степени детализации, вуз активно использует этот образ в соцсетях и полиграфии. Также рассматривались варианты с Гиппократом и нестандартные вариации на медицинскую тематику.
В итоге центральным элементом утвердили главный корпус университета. Мы создали его детальную 3D-модель – на ручную отрисовку каждого архитектурного элемента ушло более 100 часов. Модель интегрировали в живую среду, снятую с квадрокоптера. В финальном видео меняется время суток и движется транспорт. От сложных интерактивных сценариев отказались, чтобы не перегружать страницу, так как детализированная графика и так создает эффект погружения. В результате получился современный и узнаваемый цифровой портрет университета.

Скриншоты

Комментарий заказчика

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