Акор

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

При разработке визуала мы руководствовались двумя ключевыми требованиями:

• понятный и удобный интерфейс;
• крупный и яркий контент, представляющий «лицо» сайта, — товары.

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

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

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

• брошюры — информация про конкретные линейки товаров;
• руководства — познавательные обучающие материалы;
• ответы — узкоспециализированный обучающий материал, отвечающий развернуто на один вопрос;
• калькуляторы — инструменты для расчета количества материалов;
• квизы — помощники для подбора товаров индивидуально под нужды пользователей.

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

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

Мы разработали карточку товара для представления товарной линейки, в которую будут входить несколько SKU (разновидностей) одной линейки.
Есть общая информация обо всей линейке — фото и видео, назначение и варианты применения, серия товара и краткое описание.

Внедрили удобное разделение на табы, каждый их которых отражает определенные данные:

• «Отзывы» — здесь собраны все реальные отзывы покупателей с разных площадок, где продается товар. В каждом отзыве указана ссылка на источник, чтобы можно было перейти на саму площадку;

 

• «Еще понадобится» — подборка товаров, которые могут пригодиться для совместного использования;

• «Навигатор» — подборка элементов навигатора, которые собраны и подходят именно к этой товарной линейке;

• «Рекомендации» — сгруппированные по видам рекомендации по применению продукта. Цветной шкалой обозначается степень пригодности: от непригодного до высокопригодного. За счет такой наглядной таблицы со шкалой можно легко и быстро понять, насколько продукт подходит под нужды и запросы пользователя;

• «Особенности» — отображены главные плюсы товара и важные особенности товарной линейки;

• «Характеристики» — сводная таблица, в которой есть полная информация о каждом SKU в линейке. Таблица удобна для сравнения характеристик внутри одной линейки.

• «Заявка из карточки» — клиент может сделать оптовую заявку непосредственно в компании Акор прямо из карточки товара, заполнив форму.

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