Стратегия повышения конверсии

1. Стратегия повышения конверсии

22/05/25
Стратегия
повышения
конверсии
vp@cro.team

2. Методология анализа

vp@cro.team
Методология анализа
Подходы по сбору данных
Анализ данных на графе и таблицах
Этот метод позволяет визуализировать и анализировать взаимосвязи
между различными элементами пользовательского пути. Используя
графовые структуры, мы можем выявить ключевые точки принятия
решений, определить наиболее проблемные переходы и оценить
эффективность различных сценариев использования сайта.
Скоринг проблемных мест
UX-аудит
Подход предполагает количественную оценку выявленных проблем
юзабилити на основе заранее определенных критериев. Это позволяет нам
приоритизировать задачи по улучшению интерфейса и сфокусироваться на
наиболее критичных аспектах.
скоринг
проблемных мест
UX-аудит и эвристический анализ
В рамках этого метода мы проводим систематический анализ всех
ключевых экранов и функций, оценивая их соответствие лучшим практикам
UX-дизайна, консистентность интерфейса и эффективность в достижении
пользовательских целей.
анализ данных
на графе

3. Воронка конверсии сайта

vp@cro.team
Воронка конверсии сайта
14%
2%
Дошли до главной
Положили в корзину
Зашли в корзину
Оплатили
main
Страница шрифта - Нажатие на кнопку
"Add to cart" на странице шрифта
Просмотр страницы_cart
Оформление заказа - Оплата завершена
успешно
Анализируемый период: 13.02.2025 - 12.03.2025.
0,6%
0,3%

4. Результаты эвристического аудита

vp@cro.team
Результаты эвристического аудита
Зона внимания
Ясность
Релевантность
Ценность
Торможение
Мотивация
РЕЗУЛЬТАТ
8
9
8
7
8
8
9
8
7
8
8
9
8
7
7
7.8
01
Главная страница
02
Каталог шрифтов
03
Страница шрифта
04
Корзина
8
7
7
5
4
6.2
05
Чекаут: License delivery email
8
8
7
7
6
7.2
06
Чекаут: Create new account
8
7
6
5
6.8
07
Чекаут: Information about the
buyer and license
8
8
6
5
7.0
08
Чекаут: Payment method
8
8
7
5
7.2
8
8
8
8
8

5. Результаты UX-аудита

vp@cro.team
Результаты UX-аудита
Зона внимания
Результат аудита
01
Главная страница
02
Каталог шрифтов
03
Страница шрифта
04
Корзина и чекаут
Рекламные баннеры и промо-акции шрифтов сливаются в тёмной теме, из-за чего теряется фокус на акционном баннере. Рекомендуется разделять акценты с помощью цветовых и композиционных
приёмов.
Карточки типов шрифтов занимают мало места, в то время как заголовки видео (новостей) перетягивают внимание из-за размера и цвета. Предлагается чётко разделять эти блоки (цветом, отступами,
разделителями) для логической группировки и предотвращения конфликта целевых действий.
Иконки для смены вида отображения карточек (например, 3 точки) не сразу считываются как кнопки. Рекомендуется использовать более привычные иконки и группировать объекты по смыслу, визуально
отделяя их от других групп (фильтры/сортировка).
Элемент «Тестер шрифтов» визуально привязан к соседней группе, создавая ощущение отдельной функции, а не опции отображения в сетке.
Множество кнопок-фильтров («Тестер шрифтов», «PDF-каталог», «Теги» и др.) расположены в одной визуальной группе из-за одинаковых отступов, заставляя пользователя разбираться, что является
фильтром, а что — другим действием. Рекомендуется логически разделять эти элементы.
Информация о параметрах шрифта (например, количество стилей) указана мелким, трудночитаемым шрифтом на изображениях, что также может приводить к ошибкам и несоответствиям (например, на
картинке 36 стилей, а в описании 43). Рекомендуется выносить эту информацию в интерфейс.
Блок с акциями и скидками недостаточно выделяется на фоне остальной вёрстки и может быть пропущен. Рекомендуется делать его более акцентным.
Рекомендуется делать больший акцент на акционных плашках с возможностью сразу воспользоваться скидкой (CTA).
Текущая разбивка шрифтов «по семействам» заставляет пользователей сканировать все начертания, что может запутать. Рекомендуется рассмотреть механики «продумывания» за пользователя: создание
сетов («Для брендинга», «Для digital») или фильтрация по задачам/характеру гарнитуры.
Процесс добавления в корзину многоэтапный. Акценты на кнопках «Напишите нам», «Задать вопрос» и «Add to cart» равнозначны, не направляя к целевому действию. Рекомендуется сократить путь
добавления (например, кнопки добавления сразу к начертанию с «попутным» выбором лицензии) и выделить основную CTA («Add to cart») размером/цветом/формой.
Понятия «Тестер» и «Тестировать» похожи, но означают разные действия в CJM, что путает. Неясно, что есть бесплатный триал. Рекомендуется изменить название/контекст кнопки, подчеркнув её смысл
(например, бесплатный триал).
В итоговой карточке пользователь видит перечисление начертаний, но не их количество (из чего формируется цена). Рекомендуется показывать количество выбранных шрифтов/стилей для ясности
ценообразования и демонстрации выгоды.
В корзине нет возможности совершить доп. покупку (например, шрифтовая пара, доп. вид лицензии). Рекомендуется добавить такие предложения.
Текущий 3-шаговый путь покупки (решение -> оплата -> визард с доп. шагами) слишком длинный и рискованный. Рекомендуется сократить его до 1-2 шагов.
Избыток необязательных полей создаёт ощущение долгого процесса. Рекомендуется минимизировать их или запрашивать доп. информацию за вознаграждение/привилегии.
Преимущества регистрации тривиальны и не очевидны, занимая при этом много места. Рекомендуется сделать их более ценными для пользователя.
Разные по смыслу элементы конкурируют за внимание. Некоторые некликабельные элементы выглядят кликабельными (особенно в тёмной теме). Необходима чёткая визуальная иерархия.
Пользователь видит итоговую сумму и процент скидки, но не абсолютную сумму экономии (например, "сэкономлено 12 897 ₽"). Рекомендуется показывать абсолютную экономию.
Компоненты не сгруппированы логически, что усложняет считывание информации. Юридическая информация занимает много места. Рекомендуется логическая группировка Основное целевое действие
(завершение покупки) слабо выделяется на фоне остальных элементов. Оно должно быть вне конкуренции.

6. Результаты UX-аудита

vp@cro.team
Результаты UX-аудита
Зона внимания
Результат аудита
05
Общее
Виджет «Напишите нам» имеет акцентный цвет и расположен в центре экрана, перетягивая внимание и иногда перекрывая контент слева (требуется перезагрузка). Рекомендуется изменить его положение
или стиль.
Логические блоки собраны в шахматном порядке или имеют неакцентные заголовки. Попытка уместить текст и изображения в 1 ряд приводит к сжатию текста на малых экранах (3-4 слова в строке).
Рекомендуется более классический формат вёрстки с чёткой иерархией и контрастными заголовками.
Многие блоки (например, описания кастомизации) ориентированы на изображения, хотя пользователю важнее понять, как кастомизация решит его задачу (важнее описание). Вёрстку следует строить от
задач пользователя или категорий кастомизации с упором на удобство поиска информации.
Часто нарушается правило близости (близкие элементы кажутся связанными), что делает вёрстку визуально неустойчивой и трудной для восприятия. Необходимо соблюдать правильные отступы.
Призывы к действию и целевые события должны быть усилены не только цветом, но и расположением, размером, композицией. Некоторые важные элементы легко пропустить.

7. Обзор данных 1/2

vp@cro.team
Обзор данных 1/2
Действие
Разрез
Значение разреза
Уход в 3 шага, по
значению разреза, %
Уход в 3 шага по Вершине, Уход в 3 шага по вершине без
%
текущего значения разреза, %
Кол-во действий
01
Главная - Клик по категории шрифта
deviceType
desktop
25.82%
25.90%
33.33%
1 073
02
Главная - Клик по кнопке "Купить шрифт" в Разделе бестселлеры
deviceType
desktop
33.33%
50.00%
100.00%
3
03
Главная - Клик по кнопке "Купить шрифт" в Разделе новые релизы
deviceType
desktop
21.92%
23.26%
26.09%
146
04
Главная - Клик по ссылке "Все скидки"
deviceType
desktop
0.00%
0.00%
0.00%
2
05
Каталог - Клик по кнопке "Купить шрифт"
deviceType
desktop
16.59%
16.59%
0.00%
205
06
Каталог - Отправка формы скачивания триала
deviceType
desktop
52.11%
52.16%
100.00%
946
07
Оформление заказа - Авторизация/регистрация в личном кабинете
сайта
deviceType
desktop
2.82%
2.60%
0.00%
142
08
Оформление заказа - Выбран способ оплаты
deviceType
desktop
10.97%
10.94%
10.53%
556
09
Страница шрифта - Просмотр страницы шрифта
deviceType
desktop
39.05%
39.89%
49.89%
21 426

8. Обзор данных 2/2

vp@cro.team
Обзор данных 2/2
Действие
Разрез
Значение разреза
Уход в 3 шага, по
значению разреза, %
Уход в 3 шага по Вершине, Уход в 3 шага по вершине без
%
текущего значения разреза, %
Кол-во действий
10
Оформление заказа - Заполнение данных о покупателе
deviceType
desktop
9.12%
9.24%
11.11%
285
11
Оформление заказа - Клик по кнопке Продолжить без регистрации
deviceType
desktop
9.28%
8.82%
0.00%
97
12
Оформление заказа - Клик по кнопке Создать аккаунт
deviceType
desktop
1.79%
1.68%
0.00%
168
13
Оформление заказа - Переход на страницу
deviceType
desktop
6.67%
7.85%
25.00%
405
14
Страница шрифта - Добавление начертания
deviceType
desktop
18.08%
18.28%
21.58%
3 900
15
Страница шрифта - Нажатие на кнопку "Add to cart" на странице
шрифта
deviceType
desktop
15.96%
16.36%
21.35%
2 381
15
Страница шрифта - Отправка формы "Trial font"
deviceType
desktop
57.29%
57.24%
52.00%
2 578
16
Страница шрифта - Переход в корзину по всплывающему
уведомлению
deviceType
desktop
3.26%
3.23%
0.00%
92

9. Улучшение информативности превью категорий шрифтов

vp@cro.team
Улучшение информативности превью категорий шрифтов

10. Улучшение информативности превью категорий шрифтов

vp@cro.team
Пример
Улучшение информативности превью
категорий шрифтов
Пример
Главная страница
Возможность
Стандартные превью шрифтов "Aa" в каталоге на главной странице
недостаточно информативны и не позволяют пользователям быстро
оценить характер и стиль шрифтов в каждой категории
Гипотеза
Если мы заменим стандартные превью "Aa" на более репрезентативные и
разнообразные текстовые образцы для каждой категории (например,
название самой категории, написанное соответствующим стилем шрифта,
или короткое слово/фраза, демонстрирующее ключевые особенности
глифов), то пользователи смогут быстрее оценить релевантность шрифтов в
данной категории. Это приведет к увеличению кликов по категориям
шрифтов (CTR).
01
Точка контакта
Главная страница, секция "Каталог шрифтов", карточки
категорий
02
Устройства
Desktop
03
Основная метрика
Увеличение CTR по категориям шрифтов в секции "Каталог
шрифтов"
04
Вторичная метрика
Увеличение количества пользователей, перешедших на
страницы категорий; увеличение глубины просмотра
внутри каталога после клика на категорию
05
Эвристика
Ясность (Clarity), Ценностное предложение (Value
Proposition).
06
Тип решения
Итерация
Пример

11. Повышение воспринимаемой ценности и информативности карточки бестселлера

vp@cro.team
Повышение воспринимаемой ценности и информативности карточки бестселлера

12. Повышение воспринимаемой ценности и информативности карточки бестселлера

vp@cro.team
Пример
Повышение воспринимаемой ценности и
информативности карточки бестселлера
Главная страница
Возможность
Карточки шрифтов в разделе "Бестселлеры" предоставляют недостаточно
информации о ключевых преимуществах, особенностях или начальных условиях
лицензирования. Это, в сочетании с прямым CTA "Купить шрифт", не мотивирует
пользователей кликнуть.
Гипотеза
Если мы добавим на карточку шрифта в разделе "Бестселлеры" краткую, но
важную информацию, которая повышает воспринимаемую ценность и снимает
часть первоначальных вопросов (например, "От X руб. за Desktop-лицензию",
"Включает кириллицу и OpenType-фичи" или иконку, символизирующую
популярность/награду), то пользователи будут лучше понимать предложение и
это увеличит CTR.
01
Точка контакта
Главная страница, информационное наполнение карточек
шрифтов в разделе "Бестселлеры"
02
Устройства
Desktop
03
Основная метрика
Увеличение CTR по кнопке действия на карточках шрифтов
в разделе "Бестселлеры" (общее и отдельно для desktop
04
Вторичная метрика
Увеличение количества переходов на страницы
продуктов; увеличение конверсии в покупку
05
Эвристика
Ценностное предложение (Value Proposition),
Ясность (Clarity), Мотивация (Motivation)
06
Тип решения
Итерация / Радикальное изменение (в зависимости от
объема добавляемой информации

13. Усиление ценностного предложения в блоке New releases

vp@cro.team
Усиление ценностного предложения в блоке New releases

14. Усиление ценностного предложения в блоке New releases

vp@cro.team
Пример
Усиление ценностного предложения в блоке
New releases
Главная страница
Возможность
Карточки "Новых релизов" недостаточно эффективно коммуницируют уникальность и
преимущества именно нового шрифта, что, в сочетании с краткими описаниями может не
убеждать пользователей совершить клик, несмотря на их потенциальный интерес к
новинкам.
Гипотеза
Если мы добавим на карточку нового релиза элементы, явно подчеркивающие его новизну
и уникальные характеристики (например, ярлык "Новинка!", "Только что выпущен!",
краткое упоминание ключевой особенности, отличающей его от других, или стартовую цену
с пометкой "Специальное предложение для нового релиза"), это усилит воспринимаемую
ценность и приведет к увеличению кликов по кнопке Buy font.
01
Точка контакта
Главная страница, информационное наполнение и
визуальные акценты на карточках шрифтов в разделе
"Новые релизы"
02
Устройства
Desktop
03
Основная метрика
Увеличение CTR по кнопке действия на карточках шрифтов
в разделе "Новые релизы"
04
Вторичная метрика
Увеличение количества переходов на страницы
продуктов; улучшение конверсии в покупку для шрифтов
из этого раздела; увеличение среднего времени,
проведенного на странице нового шрифта
05
Эвристика
Ценностное предложение (Value Proposition), Мотивация
(Motivation)
06
Тип решения
Итерация

15. Визуальное усиление кнопки “Buy font" и добавление мотивирующего элемента

vp@cro.team
Визуальное усиление кнопки “Buy font" и добавление мотивирующего элемента

16. Визуальное усиление кнопки “Buy font" и добавление мотивирующего элемента

vp@cro.team
Визуальное усиление кнопки “Buy font" и
добавление мотивирующего элемента
Каталог шрифтов
Возможность
Кнопка “Buy font" в каталоге может быть недостаточно визуально убедительной или не
мотивировать к немедленному действию, особенно для неакционных шрифтов. Это может
способствовать последующему уходу пользователей.
Гипотеза
Если мы визуально усилим кнопку " Buy font " на карточках в каталоге (например, за счет
размера, контраста, иконки) и/или добавим рядом с ней небольшой мотивирующий
элемент (например, "Хит продаж!", "Выбор редакции", указание минимальной цены "от X
USD" или краткое ключевое преимущество, видимое сразу), то это повысит заметность и
привлекательность CTA и увеличит конверсию.
01
Точка контакта
Карточки шрифтов в каталоге (кнопка "Купить шрифт" и её
окружение)
02
Устройства
Desktop
03
Основная метрика
Увеличение CTR на кнопку "Купить шрифт"
04
Вторичная метрика
Увеличение конверсии в добавление в корзину;
Увеличение общего числа покупок, инициированных с
кнопки "Купить шрифт" в каталоге
05
Эвристика
Мотивация (Motivation), Призыв к действию (Call to Action),
Ценностное предложение (Value Proposition).
06
Тип решения
Итерация

17. Редизайн панели фильтров

vp@cro.team
Редизайн панели фильтров

18. Редизайн панели фильтров

Пример
Редизайн панели фильтров
Каталог шрифтов
Пример
Возможность
Текущая панель фильтров визуально смешивает элементы управления отображением
(тестер, PDF) с самими фильтрами ("Теги", "Назначение" и т.д.), что затрудняет их
идентификацию и использование
Гипотеза
Если мы переработаем панель фильтров в каталоге следующим образом:
Отделим блок фильтров от элементов управления отображением сетки (например,
"Тестер шрифтов", иконки вида).
Сделаем предоставление фильтров более наглядными вместо/в дополнение к
выпадающим спискам (например, боковая панель фильтров, чекбоксы или кнопки-теги).
Обеспечим легкий способ выбора нескольких значений внутри одного фильтра и между
разными фильтрами.
Добавим краткие поясняющие подсказки (tooltips) к неоднозначным категориям
фильтров (например, "Шрифтовые альтернативы", "Теги").
То это сделает процесс фильтрации более интуитивным что приведет к увеличению
конверсии в просмотр конкретных страниц шрифтов.
01
Точка контакта
Панель фильтров/тегов на странице каталога
02
Устройства
Desktop
03
Основная метрика
CR кнопки «Добавить в корзину»
04
Вторичная метрика
Увеличение CTR на отфильтрованные результаты
(переходы на страницы шрифтов)
05
Эвристика
Ясность (Clarity)
06
Тип решения
Редизайн интерфейса фильтров (UI Redesign)
Пример
vp@cro.team

19. Упрощение выбора начертаний

vp@cro.team
Упрощение выбора начертаний

20. Упрощение выбора начертаний

vp@cro.team
Упрощение выбора начертаний
Страница шрифта
Возможность
На странице шрифта наблюдаются много уходов при выборе начертаний из-за перегрузки
длинным, развернутым по умолчанию списком
Гипотеза
Если мы изменим интерфейс выбора начертаний, внедрив преднастроенные сеты для
типовых задач, сделав полный список начертаний свернутым по умолчанию, улучшив
визуальную обратную связь при выборе, добавив динамическую секцию "Ваш выбор" с
итогами, и рассмотрев фильтры/сортировку внутри списка, чтобы снизить когнитивную
нагрузку, сделать выбор управляемым и увеличить добавления в корзину.
01
Точка контакта
Блок "Покупка шрифта" на странице отдельного шрифта,
конкретно интерфейс выбора индивидуальных
начертаний
02
Устройства
Desktop
03
Основная метрика
CR добавления в корзину
04
Вторичная метрика
Увеличение среднего количества начертаний,
добавляемых в корзину за сессию выбор
05
Эвристика
Ясность (Clarity)
06
Тип решения
Редизайн интерфейса (UI Redesign)
Пример

21. Повышение эффективности кнопки "Add to cart"

vp@cro.team
Повышение эффективности кнопки "Add to cart"

22. Повышение эффективности кнопки "Add to cart"

Пример
vp@cro.team
Повышение эффективности кнопки "Add to
cart"
Страница шрифта
Возможность
После нажатия на кнопку "Add to cart" на странице шрифта наблюдается высокий уровень
отказов из-за недостаточной обратной связи о добавлении товара, неочевидного перехода в
корзину или на следующий шаг.
Гипотеза
Если мы улучшим пользовательский опыт, усилив CTA "Add to Cart", сделав кнопку визуально
доминирующей и предложив быстрые опции добавления у начертаний/сетов.
Одновременно, оптимизировать опыт после клика, обеспечив немедленную информативную
обратную связь (анимированное подтверждение, всплывающее уведомление "Товар
добавлен!" с миниатюрой шрифта и итоговой суммой), четкие навигационные опции ("В
корзину" / "Продолжить") и, возможно, неотвлекающую мини-корзину, чтобы повысить
понятность, предсказуемость и увеличить конверсию в оформление.
01
Точка контакта
Блок "Покупка шрифта" на странице отдельного шрифта,
конкретно интерфейс выбора индивидуальных
начертаний
02
Устройства
Desktop
03
Основная метрика
CR добавления в корзину
04
Вторичная метрика
Увеличение среднего количества начертаний,
добавляемых в корзину за сессию выбор
05
Эвристика
Ясность (Clarity)
06
Тип решения
Редизайн интерфейса (UI Redesign)
Пример

23. Оптимизация уведомления "Added to cart"

vp@cro.team
Оптимизация уведомления "Added to cart"

24. Оптимизация уведомления "Added to cart"

vp@cro.team
Пример
Оптимизация уведомления
"Added to cart"
Страница шрифта
Возможность
Всплывающее уведомление "Added to cart" имеет низкий CTR, возможно из-за того
что текущий дизайн уведомления (небольшой размер, расположение, текстовая
ссылка "View cart") может быть недостаточно заметным или убедительным.
Гипотеза
Если мы оптимизируем уведомление "Added to cart" – улучшив его заметность
(например, за счет увеличения размера, изменения фона/цвета, возможно,
кратковременной анимации при появлении), превратив ссылку "View cart" в явную
кнопку (например, с четким призывом "Оформить заказ"), добавив контекстную
информацию (миниатюра/сумма) и настроив время отображения, то это приведет
к увеличению кликабельности (CTR) ссылки/кнопки "View cart" в уведомлении, что
обеспечит более плавный и направленный переход пользователей в корзину.
01
Точка контакта
Всплывающее уведомление "Added to cart" на странице
шрифта
02
Устройства
Desktop
03
Основная метрика
CTR по ссылке/кнопке "View cart" (или аналогичной) во
всплывающем уведомлении
04
Вторичная метрика
Сокращение времени до перехода в корзину после
добавления товара
05
Эвристика
Ясность (Clarity), Мотивация (Motivation)
06
Тип решения
Итерация

25. Снижение когнитивной нагрузки на первом экране

vp@cro.team
Снижение когнитивной нагрузки на первом экране

26. Снижение когнитивной нагрузки на первом экране

vp@cro.team
Пример
Снижение когнитивной нагрузки
на первом экране
Страница шрифта
Возможность
Страница шрифта – основная точка ухода из-за информационной перегрузки,
сложного первого впечатления, неясного CTA "над сгибом" и слабого акцента на
скидках.
Гипотеза
Если мы кардинально переработаем первый экран (above the fold), по умолчанию
предлагая преднастроенные сеты/паки (например, "Для веб-сайта", "Для
брендинга", "Базовый пакет"), сделав полный список начертаний вторичным,
сделав скидку более заметной с явным CTA, и обеспечив доминирующий
визуальный акцент на основном целевом действии, ведущем к покупке (например,
кнопка "Выбрать пакет" или "Add to cart", если путь будет сокращен), четко
отделив его от второстепенных CTA (например, "Задать вопрос"), чтобы снизить
когнитивную нагрузку, повысить привлекательность и число пользователей,
начинающих покупку.
01
Точка контакта
Всплывающее уведомление "Товар добавлен в корзину"
на странице шрифта
02
Устройства
Desktop
03
Основная метрика
CTR по ссылке/кнопке "View cart" (или аналогичной) во
всплывающем уведомлении
04
Вторичная метрика
Сокращение времени до перехода в корзину после
добавления товара
05
Эвристика
Ясность (Clarity), Мотивация (Motivation)
06
Тип решения
Итерация

27. Стимулирование перехода к первому шагу покупки

vp@cro.team
Стимулирование перехода к первому шагу покупки

28. Стимулирование перехода к первому шагу покупки

vp@cro.team
Стимулирование перехода к первому шагу
покупки
Чекаут
1
Возможность
Высокий уход при переходе на страницу оформления заказа из-за ощущения
сложности многошагового процесса и неясности деталей заказа.
Гипотеза
Если мы оптимизируем процесс оформления заказа, обеспечив постоянную
видимость ключевых деталей заказа, сократив пользовательский путь до 1-2 шагов
(убрав избыточные), и усилив мотивацию к немедленному действию (заметная
скидка/напоминание о ценности), чтобы снизить когнитивную нагрузку, повысить
уверенность и уменьшить немедленные отказы.
Пример
2
01
Точка контакта
Экран/шаг предложения создать аккаунт в процессе
оформления заказа
02
Устройства
Desktop
03
Основная метрика
CR в создание аккаунта; CR в следующий шаг оформления
заказа (общий для обеих веток – регистрация/без
регистрации)
04
Вторичная метрика
Общий коэффициент конверсии в успешную покупку
05
Эвристика
Ясность (Clarity), Снижение трения (Friction), Ценность
(Value)
06
Тип решения
Итерация
3

29. Оптимизация экрана создания аккаунта

vp@cro.team
Оптимизация экрана создания аккаунта

30. Оптимизация экрана создания аккаунта

vp@cro.team
Пример
Оптимизация экрана
создания аккаунта
Чекаут
Возможность
Информационная перегрузка и уход пользователей на этапе создания аккаунта из-за
отвлекающего блока "Welcome to TypeType", длинной формы и неясной ценности
регистрации на данном этапе.
Гипотеза
Если мы оптимизируем экран создания аккаунта: заменим панель "Welcome to TypeType"
краткими релевантными преимуществами (например, “Save your data for faster checkout",
“Manage your licenses in one place"), сделаем поля “Enter company name" и “Enter your position"
опциональными/перенесём в профиль, и рассмотрим усиление кнопки «Skip registration",
чтобы снизить когнитивную нагрузку, повысить ясность и увеличить общую конверсию в
покупку.
01
Точка контакта
Экран/шаг предложения создать аккаунт в процессе
оформления заказа
02
Устройства
Desktop
03
Основная метрика
CR в создание аккаунта; CR в следующий шаг оформления
заказа (общий для обеих веток – регистрация/без
регистрации)
04
Вторичная метрика
Общий коэффициент конверсии в успешную покупку
05
Эвристика
Ясность (Clarity), Снижение трения (Friction), Ценность
(Value)
06
Тип решения
Итерация

31. Оптимизация формы регистрации и опции "Skip registration"

vp@cro.team
Оптимизация формы регистрации и опции "Skip registration"

32. Оптимизация формы регистрации и опции "Skip registration"

vp@cro.team
Оптимизация формы регистрации и опции
"Skip registration"
Чекаут
Возможность
Форма создания аккаунта на этапе оформления заказа может восприниматься как
длинная и содержать необязательные поля (например, "Должность"), при этом
опция "Продолжить без регистрации" менее заметна, чем "Создать аккаунт", что
может приводить к выбору более сложного пути или уходу пользователей.
Гипотеза
Если мы упростим форму регистрации (например, сделаем поле "Должность" явно
опциональным или уберем его из первичной формы) И/ИЛИ сделаем
кнопку/ссылку "Продолжить без регистрации" более визуально заметной и
равнозначной кнопке "Создать аккаунт", то пользователи будут воспринимать
процесс как более быстрый и это приведет к увеличению числа завершенных
транзакций, в том числе через гостевое оформление.
01
Точка контакта
Страница авторизации/регистрации в процессе оформления
заказа: поля формы регистрации, кнопка/ссылка "Продолжить без
регистрации".
02
Устройства
Desktop
03
Основная метрика
Увеличение CTR на кнопку "Купить шрифт"
04
Вторичная метрика
Увеличение общей конверсии в успешное оформление заказа;
Увеличение доли гостевых заказов (если это целевой показатель);
Снижение времени на прохождение этапа
регистрации/авторизации
05
Эвристика
Снижение трения (Friction), Ясность (Clarity), Мотивация (Motivation).
06
Тип решения
Итерация
Пример

33. Упрощение формы данных о покупателе

vp@cro.team
Упрощение формы данных о покупателе

34. Упрощение формы данных о покупателе

vp@cro.team
Упрощение формы данных о покупателе
Пример
Чекаут
Возможность
Текущая форма содержит несколько полей ("Номер телефона", "Доменное имя"),
которые, являются необязательными, но не помечены как таковые визуально.
Поле "Имя покупателя*" представлено как единое, что не является стандартной
практикой и может вызывать затруднения или приводить к неточным данным.
Гипотеза
Если мы упростим форму «Information about the buyer and licensee" четко обозначив
необязательные поля ("Номер телефона", "Доменное имя"), разделив "Имя
покупателя*" на "Имя*" и "Фамилия*", и добавив поясняющие подсказки к
сложным/опциональным полям, чтобы снизить когнитивную нагрузку, трение и
увеличить конверсию в оплату.
01
Точка контакта
Страница "Оформление заказа - Заполнение данных о
покупателе" (Шаг 2: Заказчик и лицензиат)
02
Устройства
Desktop
03
Основная метрика
Коэффициент конверсии из шага "Заполнение данных о
покупателе" в шаг "Оплата”
04
Вторичная метрика
Среднее время, затраченное на заполнение формы
05
Эвристика
Снижение трения (Friction), Ясность (Clarity), Ценность
(Value)
06
Тип решения
Итерация

35. Усиление визуального акцента на кнопке финального подтверждения оплаты

vp@cro.team
Усиление визуального акцента на кнопке финального подтверждения оплаты

36. Усиление визуального акцента на кнопке финального подтверждения оплаты

vp@cro.team
Усиление визуального акцента на кнопке
финального подтверждения оплаты
Чекаут
Возможность
Кнопка финального действия (например, «Finish payment") недостаточно
выделяется на фоне других элементов и юридической информации, которая
занимает много места что может приводить к замешательству и потере фокуса.
Гипотеза
Если мы значительно увеличим визуальный вес (размер, контраст, цвет) кнопки
финального подтверждения оплаты и одновременно уменьшим визуальную
заметность второстепенной юридической информации под ней (например,
уменьшив шрифт дисклеймера или сделав его менее контрастным), то
пользователи будут четче видеть основной CTA и это приведет к росту конверсии в
заказ.
01
Точка контакта
Страница оформления заказа, секция выбора и
подтверждения способа оплаты (кнопка "Оплатить" /
"Закончить оплату" и окружающие ее элементы).
02
Устройства
Desktop
03
Основная метрика
Увеличение CTR на кнопку «Finish payment"
04
Вторичная метрика
Увеличение конверсии в успешное завершение заказа
05
Эвристика
Ясность (Clarity), Снижение трения (Friction)
06
Тип решения
Итерация
Пример

37. Приоритизация гипотез 1/6

vp@cro.team
Приоритизация гипотез 1/6
Гипотеза
Зона внимания
Рассчётные
потери
неделя, руб От
500 тыс.
до 1 млн - 1
> 1 млн - 2
Выше
линии
сгиба?
Заметно
в течение
5 секунд?
Добавляем
или удаляем
элемент?
(2 or 0)
(2 or 0)
Предназначено
для повышения
мотивации
пользователей?
Расположено на
страницах с
высоким
трафиком?
Решение
проблемы,
обнаруженной с
помощью
качественных
данных?
Решение
проблемы,
обнаруженной
с помощью
анализа
данных?
Простота
реализации
РЕЗУЛЬТАТ
(< 4 часов = 3, до
8 часов = 2, до 2х дней = 1,
больше = 0
01
Заменить стандартные превью "Aa" на
разнообразные текстовые образцы,
релевантные каждой категории
Главная страница
0
2
2
2
2
2
2
0
2
14
02
Добавить на карточки шрифтовбестселлеров ключевую информацию
(цена, кириллица, OpenType, значок
популярности)
Главная страница
0
2
2
2
2
2
2
0
2
14
03
Добавить на карточки новых релизов
ярлыки "Новинка!", уникальные
характеристики и информацию о
стартовой цене
Главная страница
0
2
2
2
2
2
2
0
2
14
04
Визуально усилить кнопку "Купить
шрифт" на карточках и добавить
мотивирующий элемент (например, "Хит
продаж!", цена "от X USD")
Каталог
0
2
2
2
2
2
2
0
3
15
05
Четко отделить блок фильтров от
элементов управления отображением
сетки
Каталог
0
2
2
2
0
2
2
2
2
14
06
Сделать блок фильтров более похожим на
стандартные интерфейсы фильтрации
(явный заголовок, иконки)
Каталог
0
2
2
2
0
2
2
2
2
14
07
Использовать более наглядное
представление фильтров (боковая панель,
чекбоксы, кнопки-теги) вместо/в
дополнение к выпадающим спискам
Каталог
0
2
2
2
0
2
2
2
1
13

38. Приоритизация гипотез 2/6

vp@cro.team
Приоритизация гипотез 2/6
Гипотеза
Зона внимания
Рассчётные
потери
неделя, руб От
500 тыс.
до 1 млн - 1
> 1 млн - 2
Выше
линии
сгиба?
Заметно
в течение
5 секунд?
Добавляем
или удаляем
элемент?
(2 or 0)
(2 or 0)
Предназначено
для повышения
мотивации
пользователей?
Расположено на
страницах с
высоким
трафиком?
Решение
проблемы,
обнаруженной с
помощью
качественных
данных?
Решение
проблемы,
обнаруженной
с помощью
анализа
данных?
Простота
реализации
РЕЗУЛЬТАТ
(< 4 часов = 3, до
8 часов = 2, до 2х дней = 1,
больше = 0
08
Обеспечить легкий способ выбора
нескольких значений внутри одного
фильтра и между разными фильтрами
Каталог
0
2
2
2
0
2
2
2
1
13
09
Добавить краткие поясняющие подсказки
к неоднозначным категориям фильтров
Каталог
0
2
2
2
0
2
2
2
2
14
10
Улучшить визуальную обратную связь при
выборе каждого начертания (например,
более четкое выделение выбранного
чекбокса и строки)
Страница шрифта
0
2
2
2
0
2
2
2
2
14
11
Добавить заметную, динамически
обновляемую секцию "Ваш выбор" с
предварительной стоимостью в блоке
начертаний
Страница шрифта
0
2
2
2
2
2
2
2
2
16
12
Представлять пользователю
преднастроенные сеты/паки как
основной вариант выбора по умолчанию
Страница шрифта
0
2
2
2
2
2
2
2
1
15
13
Добавить кнопки "Add to cart"
непосредственно к каждому начертанию
или сету
Страница шрифта
0
2
2
2
2
2
2
2
1
16
14
Сделать список отдельных начертаний
свернутым по умолчанию
Страница шрифта
0
2
2
2
0
2
2
2
3
15

39. Приоритизация гипотез 3/6

vp@cro.team
Приоритизация гипотез 3/6
Гипотеза
Зона внимания
Рассчётные
потери
неделя, руб От
500 тыс.
до 1 млн - 1
> 1 млн - 2
Выше
линии
сгиба?
Заметно
в течение
5 секунд?
Добавляем
или удаляем
элемент?
(2 or 0)
(2 or 0)
Предназначено
для повышения
мотивации
пользователей?
Расположено на
страницах с
высоким
трафиком?
Решение
проблемы,
обнаруженной с
помощью
качественных
данных?
Решение
проблемы,
обнаруженной
с помощью
анализа
данных?
Простота
реализации
РЕЗУЛЬТАТ
(< 4 часов = 3, до
8 часов = 2, до 2х дней = 1,
больше = 0
15
Сделать акционный блок (скидку) более
заметным с явным CTA
Страница шрифта
0
2
2
2
2
2
2
2
2
16
16
Разместить краткое, убедительное УТП
шрифта в верхней видимой части
страницы
Страница шрифта
0
2
2
2
2
2
2
2
2
16
17
Сделать всплывающее уведомление
"Товар добавлен в корзину" более
заметным (размер, фон, анимация)
Страница шрифта
0
0
2
2
2
2
2
2
3
15
18
Преобразовать текстовую ссылку "View
cart" во всплывающем уведомлении в
явную кнопку
Страница шрифта
0
0
2
2
2
2
2
2
3
15
19
Добавить в уведомление "Товар
добавлен" миниатюру шрифта и/или
итоговую сумму
Страница шрифта
0
0
2
2
2
2
2
2
2
14
20
Оптимизировать время отображения
уведомления "Товар добавлен"
Страница шрифта
0
0
2
0
0
2
2
2
3
11
21
Усилить визуальный акцент на самой
кнопке "Add to cart"
Страница шрифта
0
2
2
2
2
2
2
2
3
17

40. Приоритизация гипотез 4/6

vp@cro.team
Приоритизация гипотез 4/6
Гипотеза
Зона внимания
Рассчётные
потери
неделя, руб От
500 тыс.
до 1 млн - 1
> 1 млн - 2
Выше
линии
сгиба?
Заметно
в течение
5 секунд?
Добавляем
или удаляем
элемент?
(2 or 0)
(2 or 0)
Предназначено
для повышения
мотивации
пользователей?
Расположено на
страницах с
высоким
трафиком?
Решение
проблемы,
обнаруженной с
помощью
качественных
данных?
Решение
проблемы,
обнаруженной
с помощью
анализа
данных?
Простота
реализации
РЕЗУЛЬТАТ
(< 4 часов = 3, до
8 часов = 2, до 2х дней = 1,
больше = 0
22
Добавить фильтры или быструю
сортировку внутри списка начертаний
(например, по толщине, популярности)
Страница шрифта
0
2
2
2
0
2
2
2
1
13
23
Внедрить преднастроенные сеты
начертаний для типовых задач
(например, "Для брендинга", "Для
digital", "Для логотипов", "Базовый
набор")
Страница шрифта
0
2
2
2
2
2
2
2
1
15
24
Сделать кнопку "Продолжить без
регистрации" более заметной и
убедительной
Чекаут
0
2
2
2
2
2
2
2
2
16
25
Предложить ясные и заметные опции
следующего шага ("Перейти в корзину",
"Продолжить покупки")
Страница шрифта
0
0
2
2
2
2
2
2
2
14
26
Внедрить "мини-корзину" (mini-cart/cart
drawer) для быстрого доступа к корзине
Страница шрифта
0
0
0
2
2
2
2
2
1
11
27
Сделать кнопку/ссылку "Продолжить без
регистрации" более визуально заметной и
равнозначной кнопке "Создать аккаунт"
Чекаут
0
2
2
2
2
2
2
2
2
16
28
Увеличить визуальный вес кнопки
финального подтверждения оплаты
Чекаут
0
2
2
2
2
2
2
2
3
17

41. Приоритизация гипотез 5/6

vp@cro.team
Приоритизация гипотез 5/6
Гипотеза
Зона внимания
Рассчётные
потери
неделя, руб От
500 тыс.
до 1 млн - 1
> 1 млн - 2
Выше
линии
сгиба?
Заметно
в течение
5 секунд?
Добавляем
или удаляем
элемент?
(2 or 0)
(2 or 0)
Предназначено
для повышения
мотивации
пользователей?
Расположено на
страницах с
высоким
трафиком?
Решение
проблемы,
обнаруженной с
помощью
качественных
данных?
Решение
проблемы,
обнаруженной
с помощью
анализа
данных?
Простота
реализации
РЕЗУЛЬТАТ
(< 4 часов = 3, до
8 часов = 2, до 2х дней = 1,
больше = 0
29
Обеспечить постоянную видимость
ключевых деталей заказа (название,
цена, миниатюра)
Чекаут
0
2
2
2
2
2
2
2
2
16
30
Сократить пользовательский путь на
странице оформления заказа до 1–2
шагов
Чекаут
0
2
2
2
2
2
2
2
1
15
31
Усилить мотивацию к немедленному
действию на первом экране оформления
заказа (через заметную скидку с
ограничением или напоминание о
ценности)
Чекаут
0
2
2
2
2
2
2
2
2
16
32
Упростить форму регистрации, сделав
поле "Должность" опциональным, менее
заметным или убрав его
Чекаут
0
2
2
2
0
2
2
2
2
14
33
Добавить краткие поясняющие подсказки
к полям со сложными понятиями
(например, "Лицензиат")
Чекаут
0
2
2
2
0
2
2
2
2
14
34
Заменить или сократить панель "Добро
пожаловать в TypeType" на экране
создания аккаунта, добавив 2-3 кратких
преимущества, связанных с покупкой
Чекаут
0
2
2
2
2
2
2
2
2
16
35
Сделать поля "Название компании" и
"Название должности" в форме
регистрации опциональными или
перенести их в профиль
Чекаут
0
2
2
2
0
2
2
2
2
14

42. Приоритизация гипотез 6/6

vp@cro.team
Приоритизация гипотез 6/6
Гипотеза
Зона внимания
Рассчётные
потери
неделя, руб От
500 тыс.
до 1 млн - 1
> 1 млн - 2
Выше
линии
сгиба?
Заметно
в течение
5 секунд?
Добавляем
или удаляем
элемент?
(2 or 0)
(2 or 0)
Предназначено
для повышения
мотивации
пользователей?
Расположено на
страницах с
высоким
трафиком?
Решение
проблемы,
обнаруженной с
помощью
качественных
данных?
Решение
проблемы,
обнаруженной
с помощью
анализа
данных?
Простота
реализации
РЕЗУЛЬТАТ
(< 4 часов = 3, до
8 часов = 2, до 2х дней = 1,
больше = 0
36
Уменьшить визуальную заметность
второстепенной юридической
информации под кнопкой оплаты
Чекаут
0
2
2
2
0
2
2
2
3
15
37
Четко визуально обозначить поля "Номер
телефона" и "Доменное имя" как
необязательные
Чекаут
0
2
2
2
0
2
2
2
2
14
38
Разделить единое поле "Имя
покупателя*" на два отдельных поля
"Имя*" и "Фамилия*"
Чекаут
0
2
2
2
0
2
2
2
2
14
39
Добавить краткие поясняющие подсказки
к опциональным полям (например,
"Номер телефона") для разъяснения их
назначения
Чекаут
0
2
2
2
0
2
2
2
2
14

43. Следующие шаги

vp@cro.team
Следующие шаги
1. Детальная проработка гипотез с наивысшим приоритетом
Совместно с командой TypeType выбрать 3-5 гипотез с максимальным баллом по результатам приоритизации для первого этапа тестирования.
Разработать детальные дизайн-макеты и прототипы для вариантов A/B тестов.
Определить точные метрики успеха для каждой гипотезы и настроить их отслеживание.
2. Техническая подготовка и запуск A/B тестов
Оценить техническую сложность реализации каждого теста.
Настроить A/B тесты на выбранной платформе.
Провести QA-тестирование вариантов перед запуском на реальный трафик.
Запустить тесты и обеспечить сбор данных на статистически значимом объеме трафика и времени.
3. Анализ результатов и итерации:
После завершения тестов провести глубокий анализ полученных данных.
Определить победившие варианты и внедрить их на постоянной основе.
Проанализировать результаты проигравших вариантов для получения инсайтов и корректировки будущих гипотез.
На основе полученных знаний и результатов продолжить цикл: генерация новых гипотез -> приоритизация -> тестирование..

44. Стратегия повышения конверсии

vp@cro.team
Спасибо!