Собрали 14 разрозненных сайтов ВДНХ в единый веб-портал

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

ВДНХ перешла от разрозненной цифровой среды к единой платформе для посетителей и внутренней команды. Было: 14 отдельных сайтов и лендингов на разных технологиях, нестабильная афиша, дублирование контента, сложное администрирование и риски сбоев в дни крупных мероприятий. Стало: единая платформа на Laravel и Nuxt.js с общей базой контента, модульной админкой, афишей, локациями, картой, спецпроектами и мультиязычностью.

Проект дал измеримый эффект: отклик бэкенда сократился с 900 до 62 мс, LCP улучшился на 40%, первый экран загружается менее чем за 2 секунды даже при пиковых нагрузках. Для пользователей портал стал цифровым гидом по ВДНХ, для команды - системой, где контент создается один раз и работает в разных сценариях. Онбординг контент-менеджеров сократился до 2 часов.

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

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

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

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

Задача проекта - перевести ВДНХ от разрозненной цифровой среды к единой платформе, которая помогает посетителям быстро находить события, локации и маршруты, а внутренней команде - управлять большим объемом контента без дублирования и ручной работы.

До проекта экосистема состояла из 14 отдельных сайтов и лендингов с разной логикой, дизайном и технологиями. Пользователи путались в интерфейсах, афиша работала нестабильно при росте трафика, а команда ВДНХ тратила время на повторное размещение новостей, событий и страниц в нескольких системах.

Решением стала единая цифровая платформа на Laravel и Nuxt.js. В нее вошли афиша, события, локации, спецпроекты, карта, мультиязычный контент и административная часть. Контент теперь создается один раз и используется в разных разделах, подборках и спецпроектах. Афиша стала актуальной витриной событий, а платформа выдерживает пиковые нагрузки в дни крупных мероприятий.

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

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

Для афиши отдельно пересобрали модель работы с расписанием. Данные событий хранятся и отдаются так, чтобы быстро формировать актуальную выдачу по дате, времени и другим параметрам. Афиша автоматически показывает события, которые идут сейчас или скоро начнутся, а прошедшие мероприятия исчезают без ручного вмешательства.

В админке крафт был в снижении сложности для редакторов. Контент создается один раз, затем подключается к нужным разделам и спецпроектам. Расписание формируется динамически: дни недели объединяются в диапазоны, повторяющиеся даты задаются одним действием. Мультиязычность тоже реализована на уровне компонентов: система показывает только те блоки, у которых есть нужный перевод.

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

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

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

Нам помогло взаимодействие с заказчиком. Команда ВДНХ открыто рассказала о ежедневных проблемах и причинах расставания с предыдущим подрядчиком. Это помогло быстро перейти от внешних симптомов к архитектурным причинам.

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