Сайт · Реклама · Конверсия

UX-аудит сайта
цветочного магазина

Что проверить перед запуском рекламы

09ситуаций из пути покупки
Барьер → решениепереключаемые интерфейсы
1,2% → 2,5%сценарии конверсии в модели
−52% CPLпри неизменной цене клика

Сильные решения и точки роста

Что мешает выбрать.
И как это исправить.

Сразу показываем удобный вариант. Нажмите «Барьер», чтобы увидеть разницу.

01 / Карточка товара

Фото, размер и цена совпадают

✳Цветочная студия♡   Корзина
Авторская иллюстрация букета в руках, созданная для разбораНа фото: размер M · 35 см
АВТОРСКИЙ БУКЕТ

Тёплый октябрь

Ранункулюсы, георгины и душистый горошек

6 400 ₽
SML

Размер M на фотографии. Упаковка включена.

Добавить M в корзину
Иллюстрация Contextera · цены условные.
Мешает

«От 3 900 ₽» не объясняет цену букета на фото.

✓ Лучше так

На фото M · 6 400 ₽. Другие размеры рядом.

Почему это важно и как проверить
Что уже удобно

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

Что может смутить

Но рядом написано «от 3 900 ₽». Человек может решить, что это цена букета на фото. Если за такой объём нужно заплатить больше, разница станет неприятным сюрпризом.

Как мы бы помогли

Мы бы сразу подписали размер на фото и указали его цену. Тогда человек увидит: вот букет M, он стоит 6 400 ₽. Если нужен вариант дешевле, его можно выбрать рядом.

Как проверить результат
Стали ли люди чаще добавлять букет в корзину после выбора размера?

02 / Итог заказа

Вся стоимость видна до оплаты

Ваш заказ · учебный пример
ПЕРЕД ОПЛАТОЙ

Тёплый октябрь · M

Букет
6 400 ₽
Упаковка
Включена
Доставка
500 ₽

Сегодня · 18:00–20:00
После проверки адреса

Итого6 900 ₽
Перейти к оплате · 6 900 ₽
Иллюстрация Contextera · цены и условия условные.
Мешает

Цена букета есть. Полная сумма пока неизвестна.

✓ Лучше так

Букет + упаковка + доставка. Итог виден до оплаты.

Почему это важно и как проверить

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

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

03 / Навигация

Меню понятно без подсказок

✳Цветочная студия♡   Корзина
Готовые букетыМонобукетыСобрать свой
Авторская иллюстрация букета в руках, созданная для разбора
КОЛЛЕКЦИЯ СЕЗОНА

Подарить настроение

Открыть коллекцию
Пример создан Contextera для этой статьи. Цены показаны для объяснения.
Мешает

«Цветочный ритм» приходится расшифровывать.

✓ Лучше так

«Собрать свой букет» сразу объясняет раздел.

Почему это важно и как проверить
Что уже удобно

Названия «Букеты» и «Монобукеты» дают понятный ориентир. По ним можно предположить, что находится внутри. Это помогает начать поиск без лишних раздумий.

Что может смутить

А что означает «Цветочный ритм»? Готовая коллекция, подписка или сборка своего букета? Красивое название может нравиться, но само по себе не отвечает на этот вопрос.

Как мы бы помогли

Мы бы добавили простое пояснение или назвали раздел по его задаче: «Собрать свой букет». Настроение бренда можно сохранить в фотографиях и описаниях. В меню важнее помочь человеку найти нужное.

Как проверить результат
Понимают ли новые посетители названия разделов без подсказки?

04 / Первый экран

Из рекламы сразу к букетам

✳Цветочная студия♡   Корзина
МАГАЗИН И ТВОРЧЕСКАЯ СТУДИЯ

Цветы.
Для жизни.

Выбрать букет
Авторская иллюстрация букета в руках, созданная для разбора
Пример создан Contextera для этой статьи. Цены показаны для объяснения.
Мешает

Четыре равных раздела отвлекают от покупки.

✓ Лучше так

Заметная кнопка «Выбрать букет».

Почему это важно и как проверить
Что уже удобно

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

Что может смутить

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

Как мы бы помогли

Мы бы выделили кнопку «Выбрать букет». Остальные разделы оставили бы рядом, но сделали спокойнее. А объявление о конкретных цветах вели бы сразу в подходящий каталог.

Как проверить результат
Доходят ли посетители из объявления до нужных товаров?

05 / Навигация

Подарки отдельно от услуг

✳Цветочная студия♡   Корзина
НАЙТИ СВОЁ

Что вы выбираете?

Для себя и в подарокБукетыРастенияПодаркиДругие задачиПодпискаДля компаний ↗
Пример создан Contextera для этой статьи. Цены показаны для объяснения.
Мешает

Букеты и озеленение офиса смешаны.

✓ Лучше так

Подарки в одной группе. Услуги в другой.

Почему это важно и как проверить
Что уже удобно

Букеты, растения и подарки легко представить. Эти названия помогают быстро осмотреть ассортимент. Уже понятно, что можно купить себе или близкому человеку.

Что может смутить

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

Как мы бы помогли

Мы бы собрали букеты, растения и подарки в одну группу. Подписку и услуги для компаний вынесли бы отдельно. Так все направления останутся на сайте, а искать подарок станет проще.

Как проверить результат
Удаётся ли найти нужную категорию с первого раза?

06 / Первый экран

Кнопку видно на фотографии

✳Цветочная студия♡   Корзина
Оригинальная цветочная композиция
ЦВЕТЫ ВАШЕГО НАСТРОЕНИЯ

Пусть день
будет ярче

Выбрать букет
Пример создан Contextera для этой статьи. Цены показаны для объяснения.
Мешает

Тонкая обводка теряется среди цветов.

✓ Лучше так

Спокойный фон и кнопка с заливкой.

Почему это важно и как проверить
Что уже удобно

Надпись «Выбрать букет» понятна сама по себе. Она говорит о следующем шаге обычными словами. Покупателю не нужно угадывать, куда ведёт кнопка.

Что может смутить

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

Как мы бы помогли

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

Как проверить результат
Замечают ли люди кнопку и переходят ли по ней в каталог?

07 / Первый экран

Цена видна до перехода в каталог

✳Цветочная студия♡   Корзина
ОСЕННЯЯ КОЛЛЕКЦИЯ

Тёплые оттенки.
Большие чувства.

Букет на фото: 6 400 ₽
Размер M, упаковка включена

Смотреть букеты
Авторская иллюстрация букета в руках, созданная для разбора
Пример создан Contextera для этой статьи. Цены показаны для объяснения.
Мешает

Красивый букет есть. Ориентира по цене нет.

✓ Лучше так

Цена рядом с букетом, к которому относится.

Почему это важно и как проверить
Что уже удобно

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

Что может смутить

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

Как мы бы помогли

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

Как проверить результат
Переходят ли люди к выбору букета и продолжают ли покупку после просмотра цены?

08 / Предложение

Время доставки известно заранее

✳Цветочная студия♡   Корзина
БЕРЕЖНО, К НУЖНОМУ МОМЕНТУ

Доставим сегодня

Адрес доставки Выбрать адрес →
18:00–20:0020:00–22:00

Пример доступных интервалов.
Подтвердим после проверки адреса.

Проверить доставку
Пример создан Contextera для этой статьи. Цены показаны для объяснения.
Мешает

«Сегодня» не отвечает на вопрос «во сколько?».

✓ Лучше так

Адрес и доступный интервал до оформления.

Почему это важно и как проверить
Что уже удобно

Фраза «Доставим сегодня» отвечает на реальную потребность. Она полезнее общего обещания хорошего сервиса. Человек видит, что магазин работает со срочными заказами.

Что может смутить

Но «сегодня» может означать и шесть вечера, и десять. Пока неизвестно, подходит ли адрес и до какого часа нужно оформить заказ. Покупателю всё ещё приходится уточнять условия.

Как мы бы помогли

Мы бы предложили проверить адрес и доступные интервалы до оформления. Если срок зависит от состава букета, объяснили бы это рядом. Лучше заранее согласовать время, чем разочаровать человека после оплаты.

Как проверить результат
Сколько покупателей продолжают оформление после проверки времени доставки?

09 / Карточка товара

Выбранный размер легко заметить

✳Цветочная студия♡   Корзина
Авторская иллюстрация букета в руках, созданная для разбораНа фото: 15 стеблей
СОБЕРИТЕ СВОЙ ОБЪЁМ

Тёплый октябрь

6 400 ₽
91521

Выбрано 15 стеблей.
Фото и цена для этого варианта.

В корзину
Пример создан Contextera для этой статьи. Цены показаны для объяснения.
Мешает

Мелкие цифры не помогают проверить заказ.

✓ Лучше так

Крупный выбор размера. Фото и цена связаны.

Почему это важно и как проверить
Что уже удобно

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

Что может смутить

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

Как мы бы помогли

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

Как проверить результат
Могут ли покупатели без ошибки назвать выбранное количество и итоговую цену?

Сравнение по задачам покупателя

Как собрать эти решения
в удобный путь покупки

Четыре шага от объявления до заказа.

01 / ПОПАСТЬ В ОЖИДАНИЕ

Увидеть нужный ассортимент

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

Смотреть пример 07 ↗
02 / НАЙТИ

Выбрать категорию

Дальше нужно найти подходящий раздел. Простые названия и заметный вход в каталог помогут не потеряться среди других услуг студии.

03 · 04 · 05 ↗
03 / СРАВНИТЬ

Связать размер и цену

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

01 · 09 ↗
04 / ПРОВЕРИТЬ

Убедиться, что успеют

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

Смотреть пример 08 ↗

Интерактивный медиаплан

Как удобство сайта связано
со стоимостью заявки

Один бюджет. Больше заявок. Ниже стоимость каждой. Подставьте свои цифры.

Для сравнения мы взяли конверсию 1,2%. Это условный пример. Он не означает, что у цветочных магазинов обычно именно такой результат.

100заявок по модели
3 000 ₽стоимость заявки (CPL)

Клики = бюджет ÷ CPC
Заявки = клики × конверсия
CPL = CPC ÷ конверсия
Сценарии на один рекламный бюджет
КонверсияКликиЗаявкиCPL
Подробнее о разборе

Здесь мы считаем заявкой отправленную форму с контактами и запросом на заказ. Человек ещё не обязательно оплатил букет. В бюджет включены только расходы на размещение рекламы. Работа агентства и создание материалов считаются отдельно. Дробное число заявок получается из формулы: в жизни обращения, конечно, будут целыми. Расчёт показывает связь показателей, но не предсказывает результат вашего магазина.

Что исправлять первым

С чего мы советуем начать

01 / ПОНЯТНОСТЬ

Читаемость и действие

Сначала пройдите сайт как новый покупатель. Понятно ли меню? Видна ли кнопка? Удобно ли нажать её на телефоне? Такие детали можно проверить ещё до большого обновления сайта.

Основание: примеры 03, 06, 07

02 / ОЖИДАНИЯ

Комплектация и цена

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

Основание: примеры 01 и 09

03 / УСЛОВИЯ

Проверяемая доставка

После этого проверьте доставку. Может ли человек заранее узнать подходящее время? Посмотрите и на заявки: сколько из них удаётся подтвердить, а сколько теряется из-за условий доставки.

Основание: пример 08
Подробнее о разборе

Не обязательно переделывать весь сайт сразу. Начните с места, о котором покупатели чаще спрашивают или на котором бросают оформление. Внесите одно понятное изменение и посмотрите, что произошло. Сравнивайте похожие периоды и источники рекламы. Если проводите A/B-тест, заранее решите, какой результат будете считать улучшением.

Примените к своему магазину

Шесть вопросов перед запуском рекламы

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

Проверено 0 из 6

Короткие ответы

UX, конверсия и реклама

Как UX сайта влияет на стоимость заявки?

Если из того же числа посетителей больше людей оставляют заявку, стоимость одной заявки снижается. Например, при клике за 75 ₽ и конверсии 1,2% она составит 6 250 ₽. При конверсии 2,5% получится 3 000 ₽. Удобный сайт может помочь человеку решиться на заказ. Но насколько поможет конкретная правка, покажет только проверка.

Можно ли оценить конверсию по внешнему виду сайта?

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

Какая конверсия цветочного магазина считается хорошей?

Одного правильного процента для всех магазинов нет. Сначала договоритесь, что считаете: отправленную форму, подтверждённый заказ или оплату. Затем сравните похожие периоды и источники посетителей. Например, заказы перед праздником не стоит напрямую сравнивать с обычной неделей. В калькуляторе приведены условные варианты, а не норма для отрасли.

Нужно ли полностью менять дизайн?

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

Поможем посмотреть на сайт глазами покупателя

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

Обсудить сайт с Contextera ↗
Увеличенный фрагмент интерфейса