Задача:

Разработать дизайн для интернет-магазина канцтоваров “Kanctovarov.net”. Магазин представляет широкий ассортимент товаров для офисного быта. Поэтому важно сделать его удобным, простым и понятным любому пользователю.

Процесс:

Общий стиль сайта сделан в соответствии с ранее разработанным мною фирменным стилем для организации “ОфисСнабСервис”, являющейся владельцем магазина. Особенностью фирменного стиля является нарочито упрощенное оформление, плоские 2D элементы, минимальное использование градиентных заливок, псевдо объёма и т.п. Сейчас такой стиль называется Flat design и имеет распространённое применение благодаря ОС Windos 8.  3 года назад, когда я выполнял данный заказ такой дизайн выглядел необычно 🙂

главная страница Kanctovarov.net

главная страница Kanctovarov.net

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

главная страница каталога

главная страница каталога

При переходе в нужный раздел каталога, посетитель может перейти в интересующую группу товаров. Для удобства все разделы выбранной группы дублируются в сайдбаре слева в виде раскрывающегося списка. Выпадающий список позволяет экономить место и не “распирает” страницу по вертикали. В центральной части страницы размещены банеры с информацией о спец. предложениях, относящихся к определённой группе товаров. Кликом по банеру можно открыть список товаров по специальным ценам.

Так же на всех внутренних страницах размещены ссылки на основные разделы каталога, оформленные в яркие цвета (у каждого свой). Это позволяет с любой страницы перейти в нужную группу.

группа товаров

группа товаров

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

список товаров

список товаров

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

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