Задача:
Разработать дизайн для интернет-магазина канцтоваров “Kanctovarov.net”. Магазин представляет широкий ассортимент товаров для офисного быта. Поэтому важно сделать его удобным, простым и понятным любому пользователю.
Процесс:
Общий стиль сайта сделан в соответствии с ранее разработанным мною фирменным стилем для организации “ОфисСнабСервис”, являющейся владельцем магазина. Особенностью фирменного стиля является нарочито упрощенное оформление, плоские 2D элементы, минимальное использование градиентных заливок, псевдо объёма и т.п. Сейчас такой стиль называется Flat design и имеет распространённое применение благодаря ОС Windos 8. 3 года назад, когда я выполнял данный заказ такой дизайн выглядел необычно 🙂
главная страница Kanctovarov.net
На главной странице располагаются ссылки на основные разделы каталога. Это даёт возможность посетителю магазина пройти сразу в, интересующий его, раздел с нужным товаром. Такое решение исключает неудобство “болтания” по сайту в поисках интересующего товара и делает доступным нужный товар минимальным количеством действий. Так же посетитель может воспользоваться формой поиска, доступной с любой страницы сайта, для поиска необходимого товара. Это позволяет сделать процесс покупки максимально удобным и быстрым, что важно для основного потребителя канцтоваров офисного работника.
главная страница каталога
При переходе в нужный раздел каталога, посетитель может перейти в интересующую группу товаров. Для удобства все разделы выбранной группы дублируются в сайдбаре слева в виде раскрывающегося списка. Выпадающий список позволяет экономить место и не “распирает” страницу по вертикали. В центральной части страницы размещены банеры с информацией о спец. предложениях, относящихся к определённой группе товаров. Кликом по банеру можно открыть список товаров по специальным ценам.
Так же на всех внутренних страницах размещены ссылки на основные разделы каталога, оформленные в яркие цвета (у каждого свой). Это позволяет с любой страницы перейти в нужную группу.
группа товаров
На странице с выбранной группой товаров располагаются ссылки на подгруппы и блок с товарами по специальным ценам с возможностью сразу их купить.
список товаров
На странице с выбранными товарами отображается перечень товара и все ссылки на другие группы, для быстрого перехода в другую категорию.
