Центр дизайна и интерьера Expostroy — один из крупнейших и старейших московских торговых комплексов, специализирующихся на товарах для ремонта и отделочных материалах. В трех павильонах разместилось более тысячи магазинов, предлагающих продукцию известных и уникальных брендов. Также комплекс служит центром притяжения для профессионалов строительной отрасли — дизайнеров и архитекторов, которые могут налаживать здесь контакты, встречаться с коллегами, партнерами и клиентами.
Задача
Сайт «Экспостроя» — визитная карточка комплекса. Здесь содержится вся информация о представленных брендах и магазинах, разбитая на категории. Также это информационный портал с большим количеством полезной информации, предназначенной как для покупателей, так и для интерьерных дизайнеров, и канал коммуникации между ними: на сайте покупатели могут записаться на консультацию со специалистом, чтобы вместе разработать проект ремонта.
В конце 2021 года «Экспострой» принял решение обновить портал и обратился к нам за консультацией. Наши специалисты совместно с клиентом выявили несколько направлений работы:
- Предыдущая версия ресурса была лишена четкого разделения двух целевых аудиторий компании – покупателей и профессионалов. Не было очевидных пользовательских сценариев.
- Были проблемы с актуализацией информации по магазинам и брендам, представленным в комплексе. Данные на сайт переносились из внутренней базы компании вручную, поэтому поддержка их актуального состояния была сложной и долгой.
- Заказчик хотел значительно повысить скорость работы ресурса. Система была построена на устаревшей версии CMS Bitrix, и никакие оптимизации уже не помогали справиться с ее недостаточной производительностью.
- Необходимо было переработать онлайн-схему самого комплекса, чтобы упростить навигацию для посетителей.
Технические решения
Анализ и планирование высоконагруженного проекта.
В первую очередь необходимо было оценить существующую и потенциальную нагрузку сервера, количество запросов, потребляемые этими запросами ресурсы, чтобы определиться с архитектурой, а также выявить слабые места предыдущего решения. Достаточно быстро стало понятно, что оптимизировать существующую систему невозможно, поскольку она работала на старой версии Bitrix, а ее архитектура была далека от оптимальной. В частности, при любом запросе во фронтенд выгружался весь список арендаторов и прочих записей, что выливалось в серьезные проблемы со скоростью как передачи данных, так и их обработки.
Архитектура.
Для реализации потребностей клиента в части производительности была выбрана классическая клиент-серверная архитектура: она позволяет гибко масштабировать как фронтенд, так и бэкенд просто за счет добавления вычислительных мощностей.
Автоматизация.
Разработано решение для автоматической актуализации данных на сайте. Если раньше информация о брендах, магазинах и товарах вносилась из базы данных компании в БД портала администраторами вручную, то теперь все эти данные переносятся на сайт из корпоративной «1C» автоматически раз в день. Страницы этих брендов, магазинов и товаров также генерируются в автоматическом режиме. Это позволило избежать лишней работы и ошибок из-за человеческого фактора, когда администратор просто забывал актуализировать, например, контактные данные или удалить запись ушедшего арендатора.
«Для фронтенда и панели администратора выбраны Node.js и React, серверная часть написана на PHP и кастомизированном фреймворке Symfony. База данных — PostgreSQL, поскольку в рамках этого проекта она обеспечивает большую гибкость и большую производительность, чем MySQL. Сейчас в проекте используется несколько фронтендов и бэкендов, распределяющих нагрузку между собой, а за счет проработанной структуры и оптимизации запросов снизилась нагрузка на БД».
Пользовательские сценарии и новый дизайн
Для того, чтобы разделить пользовательские сценарии для двух целевых аудиторий — покупателей и профессионалов — было создано два динамически сменяющихся варианта главной страницы. Поскольку профессионалы тоже зачастую выступают покупателями, первая показывается по умолчанию, но заменяется «дизайнерской» при нажатии на соответствующий элемент.
«Экспострой» уделяет много внимания текстовому контенту — новостям и статьям об актуальных темах современного интерьерного дизайна, предназначенным как для покупателей, так и для специалистов. Поэтому в основу дизайн-концепции портала положена газетно-журнальная верстка, подчеркивающая важность текстовой информации; основной упор сделан на типографику.
Обновленная навигация по комплексу
Для обслуживания B2B-клиентов компания также использует сайт и личный кабинет. Объединять их не требовалось, так как площадки решают кардинально разные задачи, но внедрение нового функционала помогло сделать их более эффективными.
Для решения этой проблемы была разработана интерактивная карта всего центра, а в ключевых точках — входных группах, местах притяжения, переходах между павильонами, а также на самих магазинах — размещены QR-коды со ссылкой на текущее положение на цифровой карте. Посетителю будет достаточно отсканировать код, чтобы загрузить виртуальную карту в свой телефон. Эта система должна помочь легко определять свое текущее местоположение и строить маршрут к нужному месту.
Полноценный запуск такой навигации станет следующим этапом внедрения информационной системы. Из-за большого количества посетителей и арендаторов обычные базовые станции мобильной связи не всегда справляются с нагрузкой, а геометрия комплекса зачастую мешает свободному прохождению сигнала. Специалисты Expostroy работают над улучшением интернет-покрытия комплекса, модернизируют и докупают необходимое оборудование для обеспечения устойчивой связи, которая позволит строить маршрут из любой точки центра.
Результат
Центр дизайна и интерьера Expostroy получил обновленный бизнес-инструмент — удобный и информативный портал, эффективно справляющийся с высокими нагрузками, характерными для крупного торгового и делового комплекса.
Ключевые решения проекта:
- повышена производительность и скорость работы сайта за счет перехода на современную архитектуру и оптимизацию запросов к базе;
- информация о магазинах-арендаторах комплекса обновляется с помощью автоматической выгрузки из базы данных компании;
- на портале реализованы два пользовательских сценария для двух основных целевых аудиторий — покупателей и экспертов;
- разработана платформа для облегчения навигации посетителей внутри торгового комплекса.
«Компании, которая работает на конкурентном рынке, необходимо высокое качество коммуникаций — в том числе быстрый, удобный сайт с актуальной информацией. Но заполнение страниц вручную, когда их тысячи, невозможно. Мы интегрировали сайт „Экспостроя“ с внутренней базой компании, и теперь информация об арендаторах выгружается на сайт автоматически. Если количество страниц или заявок на сайте вырастет в разы, для стабильной работы достаточно будет просто добавлять серверы. Можно сказать, что теперь сайт компании обновляется и растет вместе с бизнесом „Экспострой“».
