Конструктор букета с круговой витриной
Роль: Product Designer (UX/UI, концепция, прототипирование)
Формат: Концепт / pet-проект
Платформа: Web
Контекст
Покупка цветов в интернет-магазинах чаще всего сводится к выбору готового букета. Пользователь не участвует в создании композиции и не понимает, как она собрана.
Это снижает:
• вовлечённость в каталог
• эмоциональную ценность покупки
• время взаимодействия с продуктом
Проблема
Пользователь не чувствует, что он создаёт что-то уникальное.
Выбор букета превращается в быстрый просмотр карточек и уход с сайта.
Гипотеза
Если дать пользователю инструмент для самостоятельного подбора цветов с визуальным пониманием их сочетаемости,
то:
• увеличится время на сайте
• повысится вовлечённость
• вырастет вероятность покупки
Решение
Я спроектировал интерактивный раздел “Собери букет сам” с круговой витриной товаров.
Ключевая идея — представить цветы в виде композиции, а не списка.
Концепция интерфейса
Круговая витрина:
карточки цветов расположены по кругу
• элементы расположены без отступов
• пользователь видит, как цветы сочетаются друг с другом
Это создаёт ощущение готовой композиции ещё до покупки.
Пользовательский сценарий
Исследование → Выбор → Составление → Покупка
1. Пользователь заходит в раздел “Собери букет”
2. Видит круговую витрину
3. Выбирает понравившийся цветок
4. Открывается карточка товара (поверх интерфейса)
5. Получает рекомендации сочетаний
6. Переходит к другим цветам через рекомендации
7. Добавляет цветы в букет
8. Переходит к оформлению заказа
UX-решения
Почему круговая структура
• визуально напоминает композицию букета
• упрощает сравнение соседних элементов
Почему без отступов
• создаётся цельное визуальное поле
• усиливается ощущение “собранного букета”
Почему карточка открывается поверх
• пользователь не теряет контекст
• не нужно возвращаться назад
• не перекрывает фото цветов
Почему рекомендации внутри карточки
• создают цепочку взаимодействий
• увеличивают глубину просмотра
• помогают пользователю принимать решения
Продуктовые метрики
Решение направлено на улучшение следующих показателей:
• Время на странице
• Глубина просмотра
• Добавления в корзину
• Конверсия в покупку
• Вовлечённость пользователя
• Добавленная, эмоциональная, стоимость готового букета
Возможности развития
• фильтрация (по цвету, сезону, цене)
• предпросмотр итоговой композиции благодаря базе фото или AI-генерация
• сохранение букетов
• персонализированные рекомендации
• AI-подбор сочетаний
Вывод
Я спроектировал альтернативный способ взаимодействия с каталогом цветов, который:
• превращает выбор в творчество
• усиливает эмоциональную ценность покупки
• даёт пользователю ощущение контроля над результатом
