«Бирконтора» продаёт импортное пиво, крафт и сидр. При таком ассортименте покупатель может искать определённый стиль, выбирать напиток по характеристикам или сравнивать упаковки разного объёма. Мы развивали магазин на InSales: связали фильтры, страницы стилей и карточки товаров, добавили автоматические описания и расчёт цены за одну единицу.
Работали с действующим магазином в формате технической поддержки. Вместе с владельцем обсуждали задачи и последовательно внедряли изменения. В результате отдельные свойства товара стали участвовать в выборе: по ним можно отобрать ассортимент, перейти к похожим позициям и получить пояснение прямо в карточке.
Фильтры в начале каталога
Блок подбора вынесли в верхнюю часть каталога. Покупатель задаёт интересующие свойства до просмотра товарной сетки. В ходе развития добавляли параметры, в том числе цвет пива, упаковку и способ фильтрации. Для брендов предусмотрели алфавитный подбор, а для стилей отдельную фильтрацию.
Предусмотрели сброс условий, включая выбранные чекбоксы. Можно очистить сочетание параметров и начать выбор заново. Так фильтры работают как первый шаг покупки: сначала человек определяет, что ищет, затем рассматривает подходящие товары.
Каталог до доработки
Выбор по стилю и рейтингу
Для стилей сделали отдельную страницу с плитками. У каждой есть изображение, название и ссылка на соответствующую подборку. Владелец может добавлять плитки и менять их содержание через управление магазином.
В товарных блоках вывели метки из параметров товара: рейтинг и стиль Ratebeer. Для позиций из категории Top 50 Ratebeer предусмотрели соответствующую метку. Список стилей сделали компактным, с возможностью раскрыть его целиком. Эти элементы позволяют знакомиться с характеристиками ещё во время просмотра ассортимента.
Характеристики ведут к похожим товарам
В карточке часть характеристик превратили в ссылки. Если покупателя заинтересовал бренд или другой доступный параметр, он может нажать на его значение и перейти к товарам с таким же признаком.
Например, человек открыл один напиток, прочитал его характеристики и захотел посмотреть другие товары этого производителя. Переход находится в той же карточке. Поэтому знакомство с товаром может продолжиться сравнением похожих позиций.
Описания заполняются один раз
Для стилей настроили автоматический вывод текста по значению характеристики товара. Описание хранится в отдельном управляемом блоке и появляется перед основным текстом соответствующей карточки. Команда магазина может редактировать объяснение стиля в одном месте.
Аналогичный подход использовали для информации о брендах: подготовленный текст выводится в карточках и категориях, связанных с брендом. Вместо повторного заполнения множества страниц владелец работает с общим описанием, а магазин подставляет его в нужные места.
Цена упаковки и цена одной единицы
В магазине есть товары с разным количеством единиц внутри упаковки. Для сравнения покупателю нужны обе цены: общая стоимость товара и стоимость одной единицы.
Доработали расчёт по свойству «единиц в одном товаре»: стоимость упаковки делится на указанное количество. Например, упаковка из шести единиц за 1380 ₽ даёт цену 230 ₽ за штуку. Это поясняющий пример расчёта.
1380 ₽ за упаковку ÷ 6 единиц = 230 ₽ за штуку.
Главная продолжает знакомство с ассортиментом
На главной добавили блок преимуществ магазина и переходы к товарным подборкам. Товарные блоки дополнили метками. Человек может начать просмотр с главной, выбрать направление в каталоге и продолжить подбор уже в карточке товара.
Дополнительные сравнения до и после
Результат работы
Для «Бирконторы» связали несколько способов выбора в одном магазине: фильтрацию, страницы стилей, метки, переходы по характеристикам и сравнение цены за единицу. Команда получила управляемые плитки и общие описания, которые используются на связанных страницах.
Работа с ассортиментом продолжается от каталога к карточке и обратно. Покупатель может уточнять выбор по мере знакомства с товарами, а владелец обновлять повторяющуюся информацию в одном месте.
Отзыв владельца
Иллюстрации показывают магазин на разных этапах выполненных работ.
Если вашему магазину нужны похожие изменения, посмотрите, как мы выполняем доработки интернет-магазинов на InSales.
