Woolcan

Woolcan — это интернет-магазин по продаже строительных материалов. Сайт реализован в минималистичном стиле с блочно структурированной выкладкой информации и разделением функциональных элементов.   

Описание сайта

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

Также подобная компоновка страниц в сочетании с адаптивной версткой обеспечивает идеальное их отображение на любых видах устройств — от смартфонов до ноутбуков и мониторов ПК с высоким разрешением.

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

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

Реализовано это за счет следующих решений:

  • Функциональная шапка и навигация. В верхней части сайта располагается шапка, где пользователь может заказать обратный звонок, выбрать регион, по которому будет отображаться каталог товаров и их наличие, войти в личный кабинет и осуществить поиск по сайту. Сразу за ней мы добавили навигационную панель, позволяющей перейти в любой интересующий раздел.
  • Комбинированная карусель. В каруселе показаны актуальные акции и обновления каталога. При этом по бокам от нее размещены блок-ссылки на основные разделы сайта.
  • Новинки. В данном блоке по мере поступления товаров отображаются новинки. Посетитель может сразу ознакомиться с ними с помощью функции быстрый просмотр или перейти в саму карточку товара.
  • Мы в Instagram. Этот блок сайта транслирует последние записи из профиля компании в Instagram без необходимости переходить в саму соцсеть.

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

Контактная информация, а также ссылки на страницы сайта и социальные сети дополнительно дублируются в подвале.

Страница раздела

Каждая страница каталога позволяет посетителям осуществлять фильтрацию товаров по самым различным параметрам, среди которых:

  • Область применения.
  • Цена.
  • Назначение.
  • Производитель и т.д.

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

Сайдбар в правой части экрана содержит отдельные функциональные блоки: переход в другие разделы каталога, подписка на актуальные новости компании, последние новости и статьи. 

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

Товарная карточка

Каждая товарная карточка содержит всю необходимую для покупателей информацию:

  • полное наименование;
  • цена;
  • наличие;
  • описание;
  • сопутствующая документация.

В зависимости от наличия товара на складе внутри карточки располагается кнопка «Под заказ» или «В корзину» (Купить в один клик). 

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

Под описанием продукции находится блок рекомендуемых товаров.

Список складов

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

Главная страница
Страница раздела
Список складов
Хотите такой же результат? Напишите нам
Последние статьи