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