Разработка дизайна интернет-магазина «Аура климат»

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

Прототип буклета

Рисуем главную страницу. Логотип магазина заказчик планируют обновить — резервируем место и используем временно старый.

Рабочий вариант главной страницы «Аура климат»

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

Варианты шапки сайта «Аура климат»

Выделяем дополнительные услуги компании.

Варианты подвала сайта «Аура климат»

Работаем над иконкой корзины заказа.

Эволюция иконки корзины заказа «Аура климат»

Добавляем онлайн-консультанта и утверждаем страницу.

Утвержденная главная страница «Аура климат»

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

Краткие и подробные карточки каталога «Аура климат»

Разрабатываем навигацию и подбор по параметрам. Утверждаем каталог.

Утверждённый каталог «Аура климат»

В карточке товара делаем плавающий блок с ценой. Блок фиксируется вверху страницы при прокрутке.

Фиксированный блок с ценой «Аура климат»

При старте страницы цена идет после описания товара.

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

Утверждённая карточка товара «Аура климат»

В корзине делаем подробное описание товара — это помогает проверить заказ перед покупкой. Добавляем дополнительные услуги компании.

Утверждённая корзина «Аура климат»

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

Детали сайта «Аура климат»

Отдаём сайт на вёрстку.