Дизайн интернет-магазина Omwo.ru

25.12.2013

Задача:

Разработать дизайн интернет-магазина товаров для дома «Omwo.ru». Необходим удобный, продающий сайт в приятном стиле, создающий ощущение домашнего уюта и комфорта. Цветовая гамма в соответствии с разработанным мною логотипом компании.

Процесс:

Изначально мною был выбран фон в приглушённом серо-зелёном цвете с целью создать комфортную среду для восприятия большого количества картинок и текста. Но после общения с заказчиком сошлись на мнении что в целом темновато, поэтому следующий вариант сделан с почти белым фоном. Это добавило контраста и более приятную общую атмосферу на сайте.

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

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

Главная страница магазина

Главная страница магазина

Для повышения эффективности продаж и в соответствии с пожеланиями заказчика была разработана структура главной страницы. В «шапке» я разместил все необходимые и наиболее важные элементы интерфейса, плюс контактные данные (с всплывающими окнами для обратной связи) и блок «корзина» с отображением количества товаров и суммы заказа. На всех страницах сайта шапка остаётся неизменной, для доступа к важным разделам с наименьшими усилиями.

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

Снизу дублируются ссылки на информационные разделы сайта, таких как «О компании», «Помощь» и т.д. Также в подвале по желанию заказчика размещён рекламный банер и контактные данные(телефон, адрес). Содержимое «подвала» также остаётся неизменным, для эффективности рекламной и справочной информации размещённой там.

Страница описания товара

Страница описания товара

На странице описания товара, в верхней части я расположил блоки: фото с просмотром нескольких изображений, полное наименование товара, технические характеристики, цена, артикул, наличие на складе. В наиболее выгодной зоне(рядом с фото, для возможности импульсной покупки) разместил кнопку «добавить в корзину»

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

Под блоком «С этим товаром покупают», я расположил информацию с инструкцией по оформлению покупки. Это исключает возможные вопросы у покупателя о дальнейших действиях.

Страница "Корзина"

Страница «Корзина»

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

 Спасибо за внимание!

Метки: ,

Комментировать работу

Яндекс.Метрика