Дизайн

Цифровой формат юбилея: кейс сайта ВолгГМУ

Цифровой формат юбилея: кейс сайта ВолгГМУ

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

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

Так сформулировали бриф: создать сайт-приключение, который показывает университет изнутри, говорит языком его айдентики и вовлекает пользователей в празднование — без музейного тона и перегруза формальностями.

Задачи

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

1-unidigital.png

Контекст и вызовы

Концепция главной страницы претерпела несколько изменений: от идеи «открытки» с аркой до интерактивной карты, а затем — до навигации через коридор. Последний вариант был одобрен, но именно он потребовал значительных усилий: детальная прорисовка помещений увеличила объем работ.

Контент для разделов был неоднородным: по некоторым ректорам имелись полные фотоархивы и развернутые биографии, по другим — лишь несколько строк текста. Это исключало возможность использования единого шаблона, и каждую страницу приходилось собирать индивидуально.

Параллельно расширялись требования к интерактивам. Сервис поздравительных открыток из базового варианта превратился в многоступенчатую систему кастомизации — с выбором цвета, формы, изображения, текста, шрифта и размера. Карта университета изначально планировалась в 3D, но из-за масштабов городской застройки Волгограда была реализована в виде стилизованной интерактивной схемы.

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

2-unidigital.png

Идея и решения

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

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

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

3-unidigital.png

Отдельное внимание мы уделили вовлекающим сервисам. Пользователь мог отправить поздравительную открытку с кастомизацией — от цвета и формы до текста и шрифта. Карта университета стала интерактивной: здания можно просматривать по годам их присоединения к вузу. Для иностранных пользователей мы предусмотрели англоязычную версию.

Так мы соединили архитектурный код ВолгГМУ, современные веб-технологии и интерактивные сценарии, чтобы юбилейный сайт стал не просто витриной, а цифровым пространством с характером.

Технологии и процесс

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

Навигация через коридор требовала точной 3D-визуализации. Мы воссоздали интерьеры по сделанным на месте фото, включая архитектурные детали и отделку. Для этого использовали гибридный подход: ручную отрисовку и моделирование с элементами линейной графики, адаптированной под веб.

Карточки разделов проектировались отдельно. Иллюстрации из брендбука интегрировались напрямую, а недостающие изображения мы генерировали с помощью нейросетей (ChatGPT, Recraft), обученных на образцах вуза. Это позволило сохранить единый стиль без привлечения сторонних иллюстраторов в сжатые сроки.

Раздел «Ректоры» потребовал индивидуальной верстки: единый шаблон был невозможен из-за разного объема материалов. Мы создали набор повторяющихся компонентов, из которых собирали уникальные страницы. Такой подход упростил визуальное выравнивание и ускорил согласования.

5-unidigital.png

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

Карта университета построена на базе готового интерактивного решения с доработкой под айдентику ВолгГМУ. Пользователь мог переключаться между годами присоединения зданий, просматривать описания и фото каждого корпуса.

6-unidigital.png

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

Результаты

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

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

Контентные разделы — «История», «Ректоры», «Мероприятия» — оформили юбилей как событие с глубиной и масштабом, а не просто дату в календаре. Благодаря поэтапному запуску сайт начал работать задолго до полной готовности всех материалов, и аудитория могла вовлекаться в празднование постепенно.

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

7-unidigital.png

Инсайты

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

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

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

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

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

8-unidigital.png

Ссылка на сайт: 90.volgmed.ru

Кейсы

Смотреть все кейсы