Задача: разработать сайт для торгового развлекательного центра «Град»

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

citygrad.by
Уже на первом экране показываем яркие и стильные фотографии Града
Знакомим пользователя с торговым центром. С помощью кратких фактов рассказываем про «Град»
Сочные акции завлекают посетителей
На главной странице упоминаем о каталоге. Прямо здесь можно найти интересующий товар
Если интересуют не только покупки, предлагаем посмотреть развлечения для взрослых и детей
На карте выделен не только ТЦ, но и объекты рядом, для легкой ориентации. Показаны пути заезда на авто и общественном транспорте

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

citygrad.by

Отдельная страница про развлечения для детей и взрослых. Рассказываем, как можно отдохнуть всей семьей

citygrad.by
Используем тот же прием, что и на главной странице. Фотографии расскажут лучше, чем текст
Снова яркие фотографии и краткие факты о развлечениях в «Космо»

Поговорили с заказчиками, выяснили задачи, которые стоят перед сайтом:

- Показать пользователям, что продается в граде. Быстро сориентировать по этажам и рассказать, что такое Град

- Представить бренды. Сделать акцент на то, что в Граде можно купить элитную брендовую мебель. И многие покупатели едут за брендом, а не просто за мебелью. Рассказать, что это не просто торговый центр, но еще и развлекательный центр

- Стимулировать покупателей посетить Град. Информировать их об акционных товарах на сайте

- Привлекать арендаторов снять торговое помещение в Граде

citygrad.by
Выбрасываем первый концепт, заостряемся на задаче быстро сориентировать пользователей по Граду

Клиенту макет нравится, идея с этажами ТЦ одобрена

От общей поверхностной идеи возвращаемся к четкой структуре сайта, исходя из задач

Работаем над каждой страницей


Главная

Предлагаем показать товар в интерьере с ценами

citygrad.by

Показываем прототип клиенту. Клиент не одобряет: «У нас не ИКЕЯ, а брендовые товары». Мы: "Ок, отказываемся от цен, но товары в интерьере предлагаем оставить"

Добавляем акции, рассказываем про развлечения. В итоге прототип главной выглядит так

citygrad.by

Каталог

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

citygrad.by

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

citygrad.by

Дорабатываем остальные страницы в прототипах. Показываю заказчику, одобрено!


Переходим к дизайну

Планируем начать с каталога.

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

Строку с категориями каталога прибиваем сверху и показываем салоны на всех схемах в зависимости от выбранной категории. Переосмыслили схему, использовали полезное пространство

citygrad.by

Показываем каталог по брендами

citygrad.by

С карты можно перейти на страницу бренда

citygrad.by

Дизайним главную. Ищем фотки ТЦ

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

citygrad.by

Карту проезда перерисовываем вручную. Акцентируем внимание на въездах в ТЦ, показываем, где можно припарковаться. Подписываем основные объекты «Ждановичи» на карте, чтобы люди ориентировались

citygrad.by

Делаем фотосессию для «Космо». Основная фишка страницы — большие фотографии, которые сами за себя говорят. В Граде хорошо: всем и взрослым и детям. Меньше текста, больше эмоций

На страницу «Арендаторам» добавляем форму заявки с примером

citygrad.by

Заказчик одобрил макеты, отдаем на верстку и программирование