В магазине пива карточка товара должна помогать покупателю быстро считывать важные характеристики: рейтинг, стиль, принадлежность к подборкам и другие признаки. Если вся информация спрятана в длинных параметрах, выбор становится тяжелее.
Задача была в том, чтобы вывести часть информации в виде заметных меток и при этом не перегрузить карточку товара, особенно на мобильных устройствах.
Ключевые факты
| Дата задачи | 28.02.2023 |
| Платформа | InSales |
| Ниша | магазин пива |
| Тип работ | доработка меток, параметров и компактного вывода стилей |
| Результат | важные характеристики стали видны в карточке товара без перегруза интерфейса |
Задача
Нужно было добавить метки по примеру клиента. Текст, цвет и общий вид меток должны были соответствовать заданному ориентиру, а данные для них — подтягиваться из параметров товара.
Отдельно нужно было свернуть список пивных стилей, оставив компактный вид и возможность развернуть полный список. Также для товаров из категории Top 50 Ratebeer требовалось автоматически добавлять соответствующую метку.
Что сделали
- Настроили вывод меток из параметров товара.
- Подготовили параметры для рейтинга Ratebeer и стиля Ratebeer.
- Оформили метки так, чтобы они визуально выделялись в карточке товара.
- Сделали компактный вывод пивных стилей с возможностью развернуть список.
- Добавили автоматическую метку для товаров, которые попадают в категорию Top 50 Ratebeer.
Результат
Карточка товара стала информативнее: покупатель быстрее видит важные признаки товара и может ориентироваться не только по названию или описанию.
При этом интерфейс не стал тяжелее. Стили можно показать компактно, а дополнительные метки помогают подчеркнуть сильные товары и подборки.
Что мы сделали для клиента
Мы вынесли важные характеристики из глубины параметров на уровень быстрого восприятия. Для магазина пива это помогает покупателю быстрее сравнивать товары и замечать позиции с сильными рейтингами или специальными признаками.
