Разработка сайта для торгового центра

ЗаказчикЗаказчик — ТЦ «Проспект» в Казани. Это крупный торговый центр в столице Татарстана: 3 этажа с сотней павильонов и площадок.ЗадачаКлиент обратился к нам за разработкой нового сайта. Старый сайт устарел и не отвечал требованиям пользователей.

Нужно было выполнить редизайн и добавить новый функционал. Цель — привлечение потока клиентов путем информирования о ТЦ «Проспект» через сайт.

Чтобы вернуть интерес к торговому центру, нам следовало внимательно изучить целевую аудиторию «Проспекта» и удовлетворить каждый ее сегмент с помощью нового сайта.

Составляем портрет целевой аудитории

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

Арендаторы. Павильоны, крупные торговые сети или небольшие магазины — их владельцы снимают торговое место в ТЦ. С них владелец получает прямую прибыль. Одна из задач нового сайта — привлечь больше арендаторов, показать преимущества торговли в «Проспекте».

Рядовые покупатели и посетители ТЦ. Чем их больше, тем привлекательнее ТЦ для потенциальных арендаторов. Новый сайт «Проспекта» должен привлекать простых посетителей. Для этого нужно информировать людей о нахождении отдельных торговых точек и их преимуществах.

ЦА в лице арендаторов поделили на подсегменты:

  • В приоритете цена торговой площадки.
  • В приоритете местонахождение ТЦ.
  • В приоритете заполняемость ТЦ.
  • Другие подсегменты, связанные с требованиями арендаторов.

ЦА в лице рядовых посетителей ТЦ мы поделили на следующие группы:

  • Хотят найти конкретный магазин. Чтобы не заблудиться, заранее изучают схему ТЦ на официальном сайте.
  • Еще не определились, в какой именно магазин пойдут, но имеют конкретную цель: покупка одежды, товары для животных, развлечения, ателье, медицинские товары и так далее. Посетитель должен в пару кликов найти желаемую информацию.
  • Уточняют нахождение ТЦ, адрес и контакты.

Готовим графические опоры сайта

Сайт должен быть выполнен в той же стилистике, что и сам торговый центр.

2284d67638ec1634f3e3987b014ea32d.png

Основной цвет — красный. Фоновые страницы — светло-серые. Шрифт выбрали без засечек. Так пользователю будет легче изучать информацию.

86be4613f46d22c03d9dfca2fe5ce390.jpg

Выстраиваем логику сайта исходя из потребностей ЦА

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

Мы проверили гипотезу на основе статистики посещаемости ТЦ по Google Картам — люди заранее ищут расположение магазинов.

e77b78423185aae88f07612a25022b13.png

Сайт не следует перегружать информацией и контентом. Посетитель должен быстро и без проблем находить нужные данные.

Раздел для посетителей ТЦ

На первом экране содержание сайта, встроенное в хедер, и акционный блок. Мы взяли самые популярные предложения торговых помещений в ТЦ и оформили их в виде карусели.

d2f24f5518cf04d7978ea81e3dac2176.gif

В хедере — краткое содержание сайта, в футере — более развернутое.

cf6422370a47d5bc9a96b013e1c3b1ae.png

В качестве основных разделов выбрали:

  • галерею,
  • блок для арендаторов,
  • контакты,
  • список магазинов и
  • новости.

Чтобы главная страница не выглядела перегруженной, поместили важный контент в скрытые блоки. На втором экране у пользователя есть выбор между разделами «Услуги», «Сервис» и «Магазины».

Большое внимание уделили проработке схемы торгового центра. Было непросто отрисовать удобное изображение ТЦ с технических схем, которые нам выдал Заказчик, но мы справились.

7a5f8f7831b48e015897191aa8963b51.gif

Максимальной простоты получилось добиться через разделение схемы на четыре части — по числу этажей в ТЦ (3 этажа и цоколь). Один этаж — одна схема, между которыми можно переключаться. Мы выделили имеющиеся в ТЦ магазины, услуги и сервис. Все помещения разделили по категориям. Добавили анимацию переходов по этажу.

Для удобства большинства пользователей сделали раздел с картой проезда.

e1234244f6c5bdf4baccbf68b47ae98a.png

Синий линией отметили варианты подъезда к ТЦ, добавили номера маршрутов и контакты.

Раздел «Галерея» постоянно обновляется. Тут пользователи могут увидеть фотоотчеты с последних мероприятий.

3afe4c5aab9f7998513ba46dc108efb0.png

Чтобы сделать сайт более живым, добавили раздел с новостями и полезными статьями.

3287d95eba2edcdeb372d816ed2128d3.png

Раздел для арендаторов

На главной странице для арендаторов только краткое описание предложения и УТП — бесплатный первый месяц аренды.

3508cb1b82b9c9b8dac79637957a9240.png

Здесь же форма со сбором контактов.

ff11aa03761e81b87e2754bd79f1af2b.png

Преимущества ТЦ «Проспект» для арендаторов оформили в виде цифр с фактчекингом. И основное преимущество в виде минимальной стоимости аренды.

56a68c13b99f1fca9070f45c538b0c98.png

Для пользователей, которые хотят подробнее изучить особенности аренды в ТЦ «Проспект», подготовили большой блок с преимуществами для арендаторов.

В самом конце — раздел «Вопросы — Ответы», призванный закрывать основные вопросы и возражения пользователей.

Страницы магазинов и услуг

Добавили информацию об основных торговых точках в ТЦ. Чтобы контента получилось не слишком много, представили часть магазинов в виде одной категории. Например, «Одежда», «Медицина», «Обувь» и так далее.

9425bac1f90c8321da5b82522f147934.png

Некоторые арендаторы могут сами добавить информацию о себе на сайт. Например, кафе «Биляр» есть на отдельной странице — с текстами, фотографиями и картой.

Что получил клиент

Заказчик остался доволен результатом. У ТЦ «Проспект» появился большой, но очень простой и удобный сайт, отвечающий требованиям всех сегментов ЦА.

68dc2a70c8bd6c5ea822af7d7453663f.png

Мы провели небольшое исследование рынка и выяснили, что функционал и актуальность сайта ТЦ «Проспект» намного лучше, чем у более крупных торговых центров Казани.

Перейти на сайт

Полный текст статьи читайте на CMS Magazine