Born to Bloom / Product Detail Page 01

Анализ структуры и логики карточки товара

Карточку товара рассматриваем как полный путь принятия решения о покупке: от первого знакомства с моделью до выбора и перехода к действию.

01

Структура

Насколько информация организована последовательно и сохраняется ли единая логика при переходе от одного товара к другому.

02

Сценарий выбора

Получает ли пользователь всё необходимое для выбора варианта и размера, понимания условий покупки и принятия решения без лишних переходов.

03

Презентация продукта и доверие

Насколько карточка помогает рассмотреть продукт, понять его особенности, увидеть дополнительный контекст и снять вопросы перед покупкой.

Текущая карточка 02

Базовая функция работает. Единого сценария нет.

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

Текущая карточка товара Born to Bloom
Первый экран
Текущая карточка товара Born to Bloom, продолжение
Продолжение
01

Нет стабильной структуры между карточками

Значительная часть информации заполняется вручную. Состав данных, порядок и формат подачи зависят от конкретного контентного наполнения.

02

Выбор разбит на отдельные элементы

Размер, характеристики, размерная таблица и дополнительная информация не собраны в один последовательный сценарий выбора.

03

Часть ответов находится за пределами товара

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

04

Презентация продукта остаётся базовой

Галерея работает как набор фотографий. Нет единого фото и видео сценария, расширенного product storytelling, сочетаний, рекомендаций и social proof.

Задача переработки

Не просто добавить больше информации, а собрать её в понятный путь от знакомства с продуктом до покупки.

Новая архитектура 03

Сначала увидеть продукт. Затем выбрать. После этого перейти к деталям.

Карточка постепенно раскрывает товар в той последовательности, в которой пользователь принимает решение.

≈ 60%

Визуальное знакомство

Фото, детали, фактура, образы и видео становятся основной зоной знакомства с моделью.

≈ 40%

Выбор и действие

Название, варианты, размеры, цена, CTA и ключевые сервисные преимущества остаются рядом во время просмотра медиаконтента.

Новая карточка товара Born to Bloom
Новый первый экран
01

Пользователь сначала получает визуальное представление о модели

Галерея становится главным способом знакомства с продуктом и последовательно показывает образ, изделие, детали и фактуру.

02

Возможность покупки не теряется во время просмотра

Правая часть остаётся зафиксированной, пока пользователь изучает медиаконтент. Цена, выбранные параметры и CTA остаются рядом.

03

Основной путь остаётся последовательным, но не ограничивает пользователя

Фото и видео встроены в единый поток, при этом быстрые действия позволяют сразу перейти к видео или открыть полный медиаконтент.

✓ Усиливаем визуальную презентацию ✓ Сохраняем CTA в контексте просмотра ✓ Снижаем количество возвратов к началу страницы
Медиагалерея

Фото и видео становятся одной продуктовой историей

Пользователь может последовательно смотреть крупные изображения, перейти к видео и открыть медиаконтент в полноэкранном режиме.

Последовательная галерея Born to Bloom
Последовательная галерея
Фото и видео Born to Bloom
Фото + видео
Выбор, информация и сервис 04

Всё необходимое для решения остаётся внутри конкретного товара

Пользователь может выбрать вариант, определить размер и получить ответы на основные вопросы без выхода из карточки.

Вариативность

Похожие модели объединены в понятную систему выбора

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

Вариативность товара Born to Bloom
Пример: вид вышивки
✓ Меньше возвратов в каталог ✓ Понятнее различия между моделями
Размер

Размер и размерная таблица находятся в одном сценарии

Пользователь видит доступные размеры в отдельном интерфейсе, а при сомнении может сразу открыть размерную таблицу.

Выбор размера Born to Bloom
Выбор размера
Информация и сервис

От короткого ответа к подробной информации по запросу

Короткое описание передаёт главное о модели. Далее информация собрана в стабильных смысловых группах и раскрывается только тогда, когда она нужна пользователю.

Правая часть новой карточки товара Born to Bloom: выбор, сервисы, описание и аккордеоны
Выбор, сервис и информация в одном контексте
01

Единая структура между товарами

Информация больше не существует как свободный набор текстовых блоков. Основные группы и их последовательность задаются единым принципом.

02

Главное отделено от дополнительного

Состав и производство, характеристики и сервисная информация разделены по смыслу. Цвет, сезон, коллекция и другие параметры остаются доступными, но не перегружают основной уровень.

03

Рекомендации могут зависеть от конкретного продукта

Например, рекомендации по уходу можно показывать с учётом материала, который используется именно в этой модели.

04

Сервисные условия не требуют перехода на другие страницы

Примерка, подарочная упаковка, доставка, оплата, обмен и возврат доступны непосредственно внутри карточки товара.

Что получаем

Пользователь сам выбирает глубину информации, но все ответы, необходимые для решения, остаются рядом с конкретным товаром.

Более глубокое раскрытие продукта 05

Когда фактов недостаточно, карточка продолжает знакомство с моделью

Короткое описание отвечает на основной вопрос. Далее можно перейти к расширенной истории продукта, не перегружая первый экран.

Расширенное editorial-описание модели Born to Bloom
Подробнее о модели
01

Первый экран остаётся компактным

Пользователь не получает длинный текст до того, как понял, интересна ли ему сама модель.

02

Появляется пространство для product storytelling

Можно подробнее рассказать об идее модели, материале, деталях и особенностях изделия, поддерживая текст крупным визуальным контентом.

03

Рациональная информация дополняется эмоцией

Пользователь получает не только характеристики, но и дополнительное ощущение продукта и эстетики бренда.

Sticky purchase

Длинная карточка не заставляет возвращаться к началу

Когда пользователь уходит далеко от основной зоны покупки, компактная фиксированная панель возвращает товар, цену и основное действие в поле зрения.

Фиксированная панель покупки на длинной карточке товара
Sticky purchase
✓ CTA остаётся доступным ✓ Не нужно возвращаться к первому экрану
Продолжение сценария 06

Карточка продолжает работать после знакомства с конкретной моделью

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

Соберите образ

Для пользователя это готовая стилистическая подсказка. Для магазина тот же сценарий создаёт потенциал дополнительной продажи релевантных товаров.

Блок Подобранные сочетания в карточке товара Born to Bloom
Подобранные сочетания
✓ Сервис для покупателя ✓ Потенциал cross-sell

Вам может понравиться

Если конкретная модель не подошла или пользователь хочет продолжить выбор, ему показываются товары из той же категории с учётом гендерной релевантности.

Блок рекомендаций Вам может понравиться
Вам может понравиться
✓ Продолжаем выбор без возврата в каталог ✓ Показываем релевантные альтернативы

Born to Bloom в жизни

Профессиональная съёмка дополняется фотографиями реальных покупателей. Это позволяет увидеть продукт в менее постановочном, более жизненном контексте.

UGC-блок Born to Bloom в жизни
Born to Bloom в жизни
✓ Добавляем social proof ✓ Показываем продукт вне рекламной съёмки
Результат 07

Итог переработки

Карточка перестаёт быть страницей с фотографиями, характеристиками и кнопкой. Она становится последовательным сценарием выбора.

Структура Единая логика подачи, стабильные смысловые группы и меньше зависимости от ручного оформления контента.
Сценарий выбора От визуального знакомства к варианту, размеру, покупке и сервисной информации без лишних переходов.
Презентация и доверие Фото, видео, расширенный контент, сочетания, рекомендации и реальные фотографии покупателей работают как единая система.
Следующие этапы 08

От согласованного эталона к запуску и масштабированию

После согласования новой карточки предлагается сначала масштабировать её на существующий каталог, затем перенести решение на боевую среду и продолжить оставшиеся этапы разработки.

01

Согласование эталонной карточки

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

27–28.08
текущий этап
02

Обогащение существующего каталога

Наполнение карточек описаниями, характеристиками и свойствами, добавление новых функциональных блоков, фото и видео при наличии материалов, а также приведение карточек к единому формату и проверка корректности отображения.

до 14 раб. дней
31.08–17.09
03

Перенос на PROD и стабилизация

Перенос согласованного функционала на основную версию сайта, регрессионная проверка на боевой среде и оперативное исправление плавающих ошибок и интеграционных багов, если они проявятся после релиза.

18–24.09
3–5 раб. дней
04

Оптимизация оформления заказа

Анализ текущего checkout-сценария, сокращение визуальной и смысловой перегрузки, группировка полей и информации, улучшение мобильного сценария и реализация согласованного решения.

25.09–12.10
≈12 раб. дней
05

Развитие мобильного листинга

Переработка визуальной логики карточек в мобильном каталоге, более плотная и вариативная сетка, сценарии интеграции видео и финальная адаптация согласованных решений.

13–27.10
≈11 раб. дней
Почему предлагается изменить очередность

По действующему Дополнительному соглашению этап обогащения каталога предусмотрен после завершения пунктов 1.2.1–1.2.4. Для более раннего запуска новой карточки предлагается перенести обогащение сразу после её согласования. Это изменение последовательности работ, а не состава предусмотренных договором задач.

Ориентир завершения текущего объёма работ: до 27 октября 2026.