ВДНХ: как мы объединили 14 сайтов в единую цифровую платформу и ускорили отклик в 15 раз

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

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

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

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

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

ВМЕСТО НАБОРА САЙТОВ — ЕДИНАЯ ЦИФРОВАЯ ПЛАТФОРМА

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

В основе решения — связка Laravel и Nuxt.js. Она позволила объединить 14 сайтов в одну систему, обеспечить высокую производительность, сохранить гибкость и упростить дальнейшую поддержку для команды заказчика. Внутри мы выстроили архитектуру, где API, фронтенд и административная часть работают как единый управляемый контур, который можно масштабировать под пиковые нагрузки.

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

АФИША СТАЛА СЕРДЦЕМ ПОЛЬЗОВАТЕЛЬСКОГО СЦЕНАРИЯ  

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

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

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

ОДИН КОНТЕНТ — ДЕСЯТКИ СЦЕНАРИЕВ ИСПОЛЬЗОВАНИЯ 

Одна из самых болезненных проблем старой системы — дублирование контента. Один и тот же материал мог существовать в разных лендингах, разделах портала и модулях CMS. Мы убрали эту проблему за счет платформенной логики: контент создается один раз, а затем автоматически используется в нужных разделах, подборках и спецпроектах. 

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

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

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

ПРОИЗВОДИТЕЛЬНОСТЬ, МОБИЛЬНОСТЬ И ИНТЕГРАЦИИ 

Проект должен был выдерживать не только обычный трафик, но и пиковые нагрузки в дни крупных мероприятий. Поэтому мы выстроили масштабируемую архитектуру с серверным рендерингом, кэшированием, API-слоем и оптимизацией тяжелых сценариев. Новая архитектура сократила время отклика на бэкенде почти в 15 раз: с 900 до 62 мс.  

Мобильный трафик составляет 85%, поэтому мы отдельно оптимизировали мобильный сценарий. Портал получил облегченные сценарии загрузки, быструю работу на слабом интернете и PWA-функциональность, чтобы ключевые разделы вроде афиши и карты были доступны максимально удобно.  

Для интерактивной карты мы отдельно оптимизировали работу с 2GIS, чтобы ускорить интерфейс и снизить нагрузку на API.  

Также мы сохранили совместимость с уже существующими сервисами ВДНХ: архитектура портала позволяет работать через API и поддерживать интеграции без разрыва пользовательского опыта.

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

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

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

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

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

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

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

С технической стороны проект дал измеримый результат: время отклика бэкенда сократилось с 900 мс до 62 мс, то есть почти в 15 раз. LCP улучшился на 40%, а тесты подтвердили загрузку первого экрана менее чем за 2 секунды даже при пиковых нагрузках.  

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

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