Уфа
Woolcan
Woolcan — это интернет-магазин по продаже строительных материалов. Сайт реализован в минималистичном стиле с блочно структурированной выкладкой информации и разделением функциональных элементов.
Описание сайта
При разработке сайта интернет-магазина Woolcan нами был выбран блочный дизайн, когда основные элементы представляются в виде отдельных блоков, что позволило улучшить не только визуальное его восприятие, но и упростить взаимодействие с компонентами интерфейса для посетителей.
Также подобная компоновка страниц в сочетании с адаптивной версткой обеспечивает идеальное их отображение на любых видах устройств — от смартфонов до ноутбуков и мониторов ПК с высоким разрешением.
Главная страница
Основная задача, которую мы ставили перед собой при разработке — это сделать главную страницу не просто информативной, но и легкочитаемой. При попадании на сайт посетитель должен легко разобраться в интерфейсе и почерпнуть для себя максимум полезной информации, не переходя при этом в другие разделы ресурса.
Реализовано это за счет следующих решений:
- Функциональная шапка и навигация. В верхней части сайта располагается шапка, где пользователь может заказать обратный звонок, выбрать регион, по которому будет отображаться каталог товаров и их наличие, войти в личный кабинет и осуществить поиск по сайту. Сразу за ней мы добавили навигационную панель, позволяющей перейти в любой интересующий раздел.
- Комбинированная карусель. В каруселе показаны актуальные акции и обновления каталога. При этом по бокам от нее размещены блок-ссылки на основные разделы сайта.
- Новинки. В данном блоке по мере поступления товаров отображаются новинки. Посетитель может сразу ознакомиться с ними с помощью функции быстрый просмотр или перейти в саму карточку товара.
- Мы в Instagram. Этот блок сайта транслирует последние записи из профиля компании в Instagram без необходимости переходить в саму соцсеть.
Отдельно стоит отметить статичный сайдбар в правой части экрана, который показывается не только на главной, но и на других страницах. С его помощью можно получить доступ к списку понравившихся товаров, корзине или страницу для сравнения продукции.
Контактная информация, а также ссылки на страницы сайта и социальные сети дополнительно дублируются в подвале.
Страница раздела
Каждая страница каталога позволяет посетителям осуществлять фильтрацию товаров по самым различным параметрам, среди которых:
- Область применения.
- Цена.
- Назначение.
- Производитель и т.д.
Для всех товарных позиций реализована возможность быстрого просмотра без перехода на отдельную страницу, а также кнопки для добавления в избранное и список для сравнения.
Сайдбар в правой части экрана содержит отдельные функциональные блоки: переход в другие разделы каталога, подписка на актуальные новости компании, последние новости и статьи.
В нижней части сайта мы дополнительно реализовали блок с ранее просмотренными товарами и форму для подписки на информационную рассылку компании.
Товарная карточка
Каждая товарная карточка содержит всю необходимую для покупателей информацию:
- полное наименование;
- цена;
- наличие;
- описание;
- сопутствующая документация.
В зависимости от наличия товара на складе внутри карточки располагается кнопка «Под заказ» или «В корзину» (Купить в один клик).
При желании посетитель имеет возможность ознакомиться с отзывами, задать вопрос или уточнить наличие продукции на складах в различных городах, выбрав соответствующую вкладку на табсете.
Под описанием продукции находится блок рекомендуемых товаров.
Список складов
Этот раздел позволяет пользователю получить информацию о графике работы, контактных данных, принимаемых способах оплаты в филиалах магазина в различных городах. Все отделения дополнительно отмечены на карте.



