Разработка сайта для ТРЦ Galleria Minsk
Задача
Разработать новый сайт, чтобы он выделил ТРЦ среди конкурентов с помощью узнаваемого стиля, способствовал выстраиванию онлайн-коммуникации с покупателями, был адаптивный и давал максимум информации.
Проблемы старого сайта
- Сложности с обновлением контента на сайте.
- Устаревший дизайн.
- Нет интерактивной карты.
- Отсутствие выдержанного стиля.
- Сайт слишком тяжелый (как визуально, так и технически), перегружен баннерами магазинов, что создает много визуального шума.
- Не интуитивен, есть проблема с боковым меню, так как оно плохо считывается в ПК-версии.
- Большое количество технических ошибок, допущенных еще на этапе программирования.
- Отсутствуют основные элементы для удобства пользователя (некликабельные телефоны, перелинковка разделов и другие).
Сегменты пользователей
B2C-аудитория
Женщины 25–35 лет, интересующиеся шопингом, едой, ЗОЖ, красотой, модой и искусством. Они ведут активный образ жизни, часто совершают импульсивные покупки и ориентируются на акции, качество товаров, сервис и скорость обслуживания.
B2B-аудитория
Действующие и потенциальные арендаторы. Для них важно быстро получать информацию об аренде, условиях сотрудничества и развитии торгового центра.
Задачи сайта
Какие потребности должен закрывать сайт
При проектировании структуры важно было понять, какие задачи пользователи решают на сайте ТРЦ. От этих сценариев мы отталкивались при разработке прототипов.
Для посетителей сайт должен помогать быстро находить магазины, узнавать об акциях, ориентироваться в сервисах торгового центра и следить за событиями.
Арендаторы получать информацию о возможностях размещения и рекламных форматах.
Современный дизайн и удобное управление
Особый акцент сделали на современном дизайне и удобном UX, а для повышения вовлеченности предусмотрели регулярное обновление разделов «Новости» и «Блог».
В качестве CMS выбрали 1С-Битрикс — платформу, которая легко масштабируется и позволяет гибко управлять структурой и контентом сайта.
Дизайн и UX
Чтобы сделать сайт удобным и визуально привлекательным, мы изучили сайты крупнейших конкурентов в Беларуси и России, проанализировали их решения и отобрали наиболее эффективные. На основе этого был разработан UI Kit.
Анимации и интерактив
Для привлечения и удержания внимания использовали анимации элементов. Так на первом экране размещен динамический баннер, плашки и элементы навигации подсвечиваются, а логотипы брендов становятся из черно-белых цветными при наведении.
Интерактивная карта ТРЦ
Особенностью проекта стала интерактивная карта ТРЦ. Перед посещением торгового центра пользователь может спланировать свой визит: изучить этажи и отметить для себя расположение нужных магазинов. По клику на магазин открывается pop-up с краткой информацией, а при нажатии на кнопку «Подробнее» пользователь попадает в карточку магазина с более развернутыми данными.
Каталог с магазинами
Простой поиск нужных магазинов организовали через каталог. В нем пользователь может отсортировать по первой букве названия и выставить фильтры по категориям товаров, этажу, наличию Tax Free, рассрочек, оплаты картой «МИР» и «UnionPay».
Из каталога можно перейти в карточку магазина и посмотреть, где он находится через интерактивную карту.
Раздел для арендаторов
Для второй целевой аудитории ТРЦ — арендаторов, предусмотрена отдельная страница. Там потенциальные партнеры торгового центра могут связаться с менеджером по поводу аренды через форму обратной связи, а текущие — зайти в личный кабинет для управления своим бизнесом.
Раздел для рекламодателей
Также мы создали отдельную страницу для рекламодателей. Здесь размещены преимущества ТРЦ в цифрах — количество посетителей, размеры экрана, число рекламных мест. Также дана информация о целевой аудитории и преимуществах расположения. Ключевые плюсы реализованы в формате инфографики, чтобы обеспечить наглядность. Заинтересовавшиеся рекламодатели могут отправить заявку сразу со страницы «Реклама».
Разработка
Гибкая архитектура сайта
В качестве CMS выбрали «1С-Битрикс» — система позволяет удобно управлять контентом, подключать формы обратной связи и интегрировать сайт с CRM.
Архитектуру построили по модульному принципу. Разделы можно включать или отключать без доработки сайта — например, скрыть блог или добавить новые функциональные блоки.
Чтобы сайт стал центром коммуникации ТРЦ с посетителями, реализовали:
- интеграцию с мессенджерами и социальными сетями;
- онлайн-чат и подписку на новости;
- мультиязычность — русская, английская и китайская версии сайта.
Это особенно важно для иностранных туристов, которые часто посещают торговый центр.
Тестирование и запуск
Производительность и скорость загрузки
Проверили скорость загрузки страниц на разных устройствах, оптимизировали изображения и скрипты для ускорения работы, особенно на мобильных устройствах.
Совместимость с браузерами
Протестировали сайт в популярных браузерах (Chrome, Firefox, Safari, Edge), чтобы гарантировать корректное отображение и функциональность на всех платформах.
Мобильная адаптация. Проверили корректность отображения на мобильных устройствах (iOS и Android), включая работу кнопок и форм.
Тестирование функционала
Проверили работу интерактивной карты, поиска и фильтров в каталоге, а также форм обратной связи и онлайн-чата.
Тестирование на нагрузку
Оценили, как сайт работает при высокой нагрузке, чтобы убедиться в его стабильности при большом количестве пользователей.
Интеграция с CRM
Протестировали формы обратной связи и кнопку подписки, чтобы они четко работали с подключенной CRM.
Результаты
Развитие сайта после запуска
Клиент остался доволен. Сейчас мы работаем с ним на техподдержке: по мере необходимости добавляем новый функционал. Так уже после запуска внедрили новую возможность — закреплять конкретные записи на главной странице. Ранее они отображались только по дате публикации, и новые заменяли старые. Теперь клиент может закрепить рекламную статью от арендаторов или важную новость, чтобы она оставалась на главной странице и не исчезала при появлении новых публикаций.
Отзывы
Наши публикации
Обсудим задачу
Мы свяжемся с вами, чтобы задать вопросы и обсудить задачу, цену, сроки и результат.
Это бесплатно и ни к чему вас не обязывает.