Процесс

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

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

myshoping-main.jpg

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

myshoping-catalog.jpg

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

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

myshoping-tovar.jpg

Оформление заказа происходит мгновенно в корзине без дополнительных действий.

myshoping-card.png

Процесс

Анализируем сайты, которые развивались подобным образом, как они устроены, что в них общего, какие есть положительные детали, маркетинговые крючки.

allsites.jpg

Сначала название сайта было «Майшопинг», под него был куплен домен myshoping.net и создавался логотип. Но примерно через год сайт переехал, но другой домен domtools.ru со всеми изменениями.

Получив от клиента номенклатуру товаров из 1С, видим, что делать совсем универсальны й сайт пока рано, т. к. на данный момент есть только строительный материал.

Составляем список шаблонов, которые нужно сделать, определяемся с тем, какие в них будут обязательные детали.

Делаем первые подходы к проработке стиля сайта.

var1.jpg

var2.jpg

myshoping-main.jpg

Показываем клиенту и ему всё очень нравится.

А пока мы работаем над дизайном сайта, программист-1С занимается адаптацией номенклатуры для выгрузки на сайт.

Готовим остальные шаблоны сайта.

myshoping-catalog-list.jpg

myshoping-catalog.jpg

myshoping-cart.jpg

myshoping-history.jpg

myshoping-pers.jpg

myshoping-pers-cart.jpg

myshoping-pers-orders.jpg

myshoping-pers-reg.jpg

myshoping-auth.jpg

myshoping-lostpass.jpg

myshoping-lostpass-fail.jpg

myshoping-item.jpg

Пока верстаются шаблоны, тестируем обмен данных между сайтов и 1С, исправляем ошибки.

errors.png