Юбилейный сайт ВолгГМУ мы задумывали не как «памятную открытку», а как живое цифровое пространство: с атмосферой университета, удобной навигацией и интерактивами для разных аудиторий — студентов, выпускников, сотрудников и партнеров.
Мы опирались на официальный визуальный код: зеленый и золотой, архитектурные формы и «академическую» графику из брендбука. Это задало интонацию — торжественно, но современно, без лишнего официоза.
Так сформулировали бриф: создать сайт-приключение, который показывает университет изнутри, говорит языком его айдентики и вовлекает пользователей в празднование — без музейного тона и перегруза формальностями.
Задачи
Главная цель проекта — сделать юбилейный сайт не формальным архивом к 90-летию ВолгГМУ, а живым пространством, в котором пользователи могут почувствовать атмосферу университета и принять участие в праздновании. Нужно было найти визуальный и технический прием, который погрузит в жизнь вуза с первого экрана, уйти от стандартного вертикального скролла и предложить необычный способ навигации. При этом важно было сохранить баланс: подчеркнуть академичность и статус медицинского бренда, но при этом передать легкость и праздничное настроение.
Контекст и вызовы
Концепция главной страницы претерпела несколько изменений: от идеи «открытки» с аркой до интерактивной карты, а затем — до навигации через коридор. Последний вариант был одобрен, но именно он потребовал значительных усилий: детальная прорисовка помещений увеличила объем работ.
Контент для разделов был неоднородным: по некоторым ректорам имелись полные фотоархивы и развернутые биографии, по другим — лишь несколько строк текста. Это исключало возможность использования единого шаблона, и каждую страницу приходилось собирать индивидуально.
Параллельно расширялись требования к интерактивам. Сервис поздравительных открыток из базового варианта превратился в многоступенчатую систему кастомизации — с выбором цвета, формы, изображения, текста, шрифта и размера. Карта университета изначально планировалась в 3D, но из-за масштабов городской застройки Волгограда была реализована в виде стилизованной интерактивной схемы.
Процесс согласования был активным: корректировки затрагивали как визуальные элементы (цвет первой заставки, форма замочной скважины), так и функциональные детали. Это требовало от команды высокой гибкости, умения аргументировать решения и поддерживать темп работы при постоянных уточнениях.
Идея и решения
Основой концепции стало желание показать университет «изнутри» — не через сухие факты, а через узнаваемые пространства и детали. Вместо привычного вертикального скролла мы предложили навигацию через виртуальный коридор главного корпуса. Пользователь «проходит» мимо дверей, каждая из которых ведет в отдельный раздел: историю, биографии ректоров, календарь мероприятий и другие.
Визуальный стиль мы выстроили на основе брендбука ВолгГМУ: зелено-золотая гамма, архитектурные арки, графика в стиле линейной иллюстрации. Это позволило сохранить узнаваемость и одновременно адаптировать академичный образ под цифровой формат. Для карточек разделов мы взяли за основу навигацию внутри университетских зданий и добавили иллюстрации из брендбука. Недостающие изображения воссоздали с помощью нейросетей, сохранив единую стилистику.
Каждый ключевой раздел получил свое решение. История — это хронология по этапам с визуальными маркерами событий. Раздел «Ректоры» оформлен как серия лонгридов с индивидуальной версткой и анимацией появления контента. Календарь мероприятий представлен интерактивными карточками с пометкой прошедших событий. В разделе «Пожертвования» форма оплаты интегрирована в макет открытки с QR-кодом.
Отдельное внимание мы уделили вовлекающим сервисам. Пользователь мог отправить поздравительную открытку с кастомизацией — от цвета и формы до текста и шрифта. Карта университета стала интерактивной: здания можно просматривать по годам их присоединения к вузу. Для иностранных пользователей мы предусмотрели англоязычную версию.
Так мы соединили архитектурный код ВолгГМУ, современные веб-технологии и интерактивные сценарии, чтобы юбилейный сайт стал не просто витриной, а цифровым пространством с характером.
Технологии и процесс
Проект развивался в режиме параллельной работы нескольких потоков — дизайн, разработка и сбор контента шли одновременно. Сначала вывели в продакшн главную страницу и приоритетные разделы («История», «Ректоры», «Мероприятия»), затем добавляли остальные.
Навигация через коридор требовала точной 3D-визуализации. Мы воссоздали интерьеры по сделанным на месте фото, включая архитектурные детали и отделку. Для этого использовали гибридный подход: ручную отрисовку и моделирование с элементами линейной графики, адаптированной под веб.
Карточки разделов проектировались отдельно. Иллюстрации из брендбука интегрировались напрямую, а недостающие изображения мы генерировали с помощью нейросетей (ChatGPT, Recraft), обученных на образцах вуза. Это позволило сохранить единый стиль без привлечения сторонних иллюстраторов в сжатые сроки.
Раздел «Ректоры» потребовал индивидуальной верстки: единый шаблон был невозможен из-за разного объема материалов. Мы создали набор повторяющихся компонентов, из которых собирали уникальные страницы. Такой подход упростил визуальное выравнивание и ускорил согласования.
Сервис поздравительных открыток реализован с многоступенчатой кастомизацией: выбор цвета и формы, загрузка изображения, набор или выбор готового текста, настройка шрифта и его размера. В процессе мы дорабатывали механику, чтобы сохранить читаемость и корректное отображение на разных устройствах.
Карта университета построена на базе готового интерактивного решения с доработкой под айдентику ВолгГМУ. Пользователь мог переключаться между годами присоединения зданий, просматривать описания и фото каждого корпуса.
Весь проект сопровождался постоянной коммуникацией с представителями вуза, быстрыми итерациями и тестированием промежуточных версий. Такой процесс позволил одновременно удержать визуальную целостность и гибко реагировать на пожелания клиента.
Результаты
Юбилейный сайт ВолгГМУ вышел в срок и стал центральной цифровой площадкой празднования 90-летия университета. С первых дней после запуска он получил активный отклик — ректор лично показывал его коллегам и партнерам, отмечая уникальную навигацию и визуальную подачу. Пользователи реагировали на проект как на «живой» продукт: делились поздравительными открытками, возвращались за новыми публикациями и следили за событиями юбилея.
Интерактивный коридор с узнаваемыми интерьерами стал фирменным элементом, который выделил сайт на фоне классических юбилейных страниц других вузов. Сервисы с кастомизацией — особенно поздравительные открытки — вовлекли студентов, выпускников и партнеров, стимулируя органическое распространение проекта в соцсетях. Карта зданий показала университет в масштабе города, а раздел «Пожертвования» предложил простой и эстетичный способ поддержать вуз.
Контентные разделы — «История», «Ректоры», «Мероприятия» — оформили юбилей как событие с глубиной и масштабом, а не просто дату в календаре. Благодаря поэтапному запуску сайт начал работать задолго до полной готовности всех материалов, и аудитория могла вовлекаться в празднование постепенно.
Проект укрепил цифровой имидж ВолгГМУ, показал, что университет готов к современным форматам коммуникации, и стал стартом для дальнейшего сотрудничества по обновлению основного сайта.
Инсайты
Опыт работы над юбилейным сайтом ВолгГМУ показал, что нестандартная навигация и визуальные решения способны не только привлечь внимание, но и создать эмоциональную привязку к проекту. «Прогулка» по коридору с узнаваемыми деталями стала не просто элементом дизайна, а точкой входа в атмосферу университета.
Работа с историческим и разнородным контентом требует гибкости в подходах: универсальные шаблоны здесь работают не всегда. Индивидуальная верстка разделов и ручная сборка страниц позволили сохранить цельность и избежать визуальных провалов, даже при ограниченности исходных материалов.
Сервисы с кастомизацией, вроде поздравительных открыток, работают как инструмент вовлечения и органического продвижения. Пользователи охотнее делятся контентом, который могут «подстроить под себя» — это усиливает эффект присутствия и повышает интерес к самому сайту.
Постепенный релиз в условиях сжатых сроков оправдал себя: проект начал «жить» еще до полной готовности, а новые разделы воспринимались как события, привлекающие внимание аудитории.
Главное — вузы готовы к смелым цифровым форматам, если видеть в них не только дизайн-эксперимент, но и способ решать задачи имиджа, коммуникации и вовлечения.
Ссылка на сайт: 90.volgmed.ru