Сайт ТРК «Петровский»

ТРК «Петровский»: Превью

Клиент

ТРК «Петровский» — один из самых крупных торгово-развлекательных комплексов Ижевска площадью 65 000 м2. Под крышей которого разместились сотни магазинов, кинотеатр, боулинг, фуд-корт и игровая зона.

Задача

Создать новый сайт с учетом опыта предыдущей версии.

Анализ

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

ТРК «Петровский»: Задачи покупателей

Покупатели

  • просмотр отделов
  • местонахождение отдела
  • акции и скидки
  • подписка на рассылку
ТРК «Петровский»: Задачи арендаторов

Арендаторы

  • возможности комплекса
  • свободные площади
  • связь с менеджером
ТРК «Петровский»: Задачи рекламодателей

Рекламодатели

  • рекламные возможности
  • связь с менеджером

Проектирование

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

  • ТРК «Петровский»: Прототип 1
  • ТРК «Петровский»: Прототип 2
  • ТРК «Петровский»: Прототип 3
  • ТРК «Петровский»: Прототип 4

Результат

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

ТРК «Петровский»: Главная страница

Главная страница

Объекты расположенные в комплексе разбили на три раздела: магазины, кафе и рестораны, развлечения. Нужный отдел можно найти при помощи поиска или выбора необходимой категории. Так же можно переключить способ отображения объектов: плитка или список.

ТРК «Петровский»: Список магазинов

Список магазинов

Страница объекта получилась живой, словно аккаунт пользователя в социальной сети. На странице собраны контактные данные магазина, краткое описание и промо-информация. По клику на кнопке «Показать на плане» можно посмотреть местоположение объекта на плане комплекса.

ТРК «Петровский»: Страница магазина

Страница магазина

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

ТРК «Петровский»: План комплекса

План комплекса

Раздел акции — двойного назначения. С одной стороны это пользователи, которые жаждут скидок. С другой это арендаторы, для которых раздел дает дополнительные промо-возможности, которые они охотно используют. Сервис вакансии для арендаторов. Резюме уходят сразу в магазины.

ТРК «Петровский»: Акции и скидки

Акции и скидки

Если раньше сайт ограничивался лишь упоминанием о наличии кинотеатра, то в новой версии появилась афиша. Расписание киносеансов экспортируется на сайт из Google-афиши и автоматически обновляется каждый день. Постеры — с сайта кинотеатра.

ТРК «Петровский»: Страница кинотеатра

Страница кинотеатра

Сайт интегрирован с аккаунтом «Петровского» в Инстаграме. Опубликованные фотографии появляются в системе управления. Отмеченные администратором фотографии отображаются на главной странице и в разделе «Фотогалерея».

ТРК «Петровский»: Фотогалерея

Фотогалерея

Содержание

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

25 категорий
товаров и услуг
174 описаний
для отделов
187 отделов
на плане
34 спецпредложения
и новостей

Адаптивность

Сайт спроектирован, оформлен и сверстан с учетом максимального охвата мобильных устройств. Он хорошо отображается на всех популярных смартфонах и планшетах.

ТРК «Петровский»: Пример адаптивности на смартфоне
ТРК «Петровский»: Пример адаптивности на планшете

Особенности проекта

  • Адаптивные дизайн и верстка
  • Интерактивный план комплекса
  • Экспорт расписания для кино-сеансов
  • Интеграция сайта с Инстаграмом
  • Большой объем информации
  • Сохранены URL-адреса страниц

Показатели проекта

Параметры Старый сайт, ноябрь 2014 Новый сайт, май 2015
Отказы 39,32% 12,11%
Глубина, стр. 3,39 4,72
Длительность, сек. 1,55 4,02

Необходим подобный сайт для торгового центра?

Обсудить проект Подробнее об услуге

Над проектом работали

Егор Широбоков

Дизайнер

Сергей Панай

Технолог

Владислав Моцный

Разработчик

Марина Суковаткина

Копирайтер

Анна Комарова

Менеджер

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