В этой статье вы найдёте необычные результаты сплит-тестирования дизайна посадочной страницы (landing page), сделанного в августе (со 2 по 19 августа) этого года в рамках проекта «Интеллектика».
Была посадочная страница 1:
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/fa7/3ec/cd0/fa73eccd0a26ff495835b42a6df1067a.jpg)
Как видите, дизайн был сделан на коленке...
И посадочная страница 2:
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/c34/71e/2eb/c3471e2ebd9c78c9bce2b3c1b2e0a5bf.jpg)
Страница с тем же текстом, но в новом дизайне.
Обычно тестируется только один элемент: заголовок, цвет кнопки, текст на кнопке, картинка.
Мы решили тестировать целиком дизайн.
Трафик вели однородный с рекламы в Google Adwords в gmail:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/a90/2a2/b64/a902a2b646349a6b562e8d6eb54e0799.jpg)
Для тестирования использовали сервис easywebsiteoptimizer.
Скрипт, установленный на первой странице, равномерно делил трафик, отправляя половину посетителей на 2-ую страницу.
Делаем ставки господа! Какая страница победила?
Да, чуть не забыл, конверсией была подписка за получение книги (таким образом мы получаем контакт потенциального клиента).
Хм… Думаю вы угадали, с достижением статистической вероятности, победил красивый дизайн.
Кликов: 5647 ---> Подписчиков: 722 ---> активированных: 654
Кликов: 5647 ---> Подписчиков: 817 ---> активированных: 732
(активированные — те, кто подтвердил свои данные после подписки)
Итого, считая за конверсию только активированных, получаем:
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/b0b/857/478/b0b8574785d6675cc0e92959b86e1ec8.jpg)
Таким образом, новый дизайн победил!
Прошёл месяц после сплит-тестирования.
30 сентября стали смотреть возврат инвестиций в рекламу за 30 дней с момента подписки.
(т. е. на какую сумму купили подписчики за первые 30 дней после подписки).
Справка: Мы каждому каналу рекламы присваиваем своё значение переменной канала рекламы. Таким образом, мы можем отследить из какого источника пришёл клиент, где он оставил свои контакты, а затем как, где и что он купил.
Возвращаемся. Результаты были следующие:
Подписчиков (лидов) со второй страницы(с новым дизайном): 732,
Подписчиков (лидов) с первой страницы: 654,
а теперь барабанная дробь…
Подписчики со второй страницы купили на 21.900 рублей, (Осуществили покупки 28 подписчиков, средний чек: 782 рубля)
Подписчики с первой страницы купили на 35.200 рублей. (Осуществили покупки 21 подписчик, средний чек: 1676 рублей)
Средний чек отличается больше чем в 2 раза, а выручка в 1,6 раз.
Таким образом при абсолютно одинаковой воронке после подписки,
Новый дизайн улучшил конверсию в подписку на 1,4%, но ухудшил итоговые продажи в 1,6 раз.
Эти результаты заставили нас задуматься, Почему?
Почему красивый дизайн на входе ухудшает продажи на выходе?
Есть только гипотезы, но они очень похожи на правду.
Основное предположение:
Дизайн второй посадочной страницы красивый, а вот дизайн писем, страниц продажи и страниц оформления заказов «квадратный», мягко говоря простой:
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/40b/70b/e19/40b70be19e95b6bcd9ac045ec28689f4.jpg)
Дизайн писем...
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/e77/858/c2c/e77858c2cb77f2f1cc550f57cf582d09.jpg)
«Лучшая» страница продажи одного из продуктов...
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/6ae/7b5/70c/6ae7b570c41d57f7307c69ba87027456.jpg)
Страница оформления заказа одного из продуктов...
Таким образом, посетители, которых устраивал простой дизайн 1-ой страницы, спокойно, без претензий, относились и к дизайну писем, и к простому дизайну продающих страниц, и к страницам оформления заказа.
А вот посетители страницы №2 с атласным, красивым (относительно страницы №1) дизайном были явно разочарованы отсутствием глянца в письмах и на других страницах, что мешало им совершить покупку.
Поэтому выводы следующие:
1. Улучшая (изменяя) что-то, нужно анализировать, как это улучшение скажется в итоге на всей системе в целом, а не на отдельном участке.
2. Дизайн всех страниц проекта нужно делать в одном стиле, чтобы у клиента не было шока и разочарования от отдельных страниц.
Итак начнём
Была посадочная страница 1:
![](https://habrastorage.org/getpro/habr/post_images/fa7/3ec/cd0/fa73eccd0a26ff495835b42a6df1067a.jpg)
Как видите, дизайн был сделан на коленке...
И посадочная страница 2:
![](https://habrastorage.org/getpro/habr/post_images/c34/71e/2eb/c3471e2ebd9c78c9bce2b3c1b2e0a5bf.jpg)
Страница с тем же текстом, но в новом дизайне.
Обычно тестируется только один элемент: заголовок, цвет кнопки, текст на кнопке, картинка.
Мы решили тестировать целиком дизайн.
Трафик вели однородный с рекламы в Google Adwords в gmail:
![image](https://habrastorage.org/getpro/habr/post_images/a90/2a2/b64/a902a2b646349a6b562e8d6eb54e0799.jpg)
Для тестирования использовали сервис easywebsiteoptimizer.
Скрипт, установленный на первой странице, равномерно делил трафик, отправляя половину посетителей на 2-ую страницу.
Делаем ставки господа! Какая страница победила?
Да, чуть не забыл, конверсией была подписка за получение книги (таким образом мы получаем контакт потенциального клиента).
Хм… Думаю вы угадали, с достижением статистической вероятности, победил красивый дизайн.
Кликов: 5647 ---> Подписчиков: 722 ---> активированных: 654
Кликов: 5647 ---> Подписчиков: 817 ---> активированных: 732
(активированные — те, кто подтвердил свои данные после подписки)
Итого, считая за конверсию только активированных, получаем:
![](https://habrastorage.org/getpro/habr/post_images/b0b/857/478/b0b8574785d6675cc0e92959b86e1ec8.jpg)
Таким образом, новый дизайн победил!
НО! Это не конец истории...
Прошёл месяц после сплит-тестирования.
30 сентября стали смотреть возврат инвестиций в рекламу за 30 дней с момента подписки.
(т. е. на какую сумму купили подписчики за первые 30 дней после подписки).
Справка: Мы каждому каналу рекламы присваиваем своё значение переменной канала рекламы. Таким образом, мы можем отследить из какого источника пришёл клиент, где он оставил свои контакты, а затем как, где и что он купил.
Возвращаемся. Результаты были следующие:
Подписчиков (лидов) со второй страницы(с новым дизайном): 732,
Подписчиков (лидов) с первой страницы: 654,
а теперь барабанная дробь…
Подписчики со второй страницы купили на 21.900 рублей, (Осуществили покупки 28 подписчиков, средний чек: 782 рубля)
Подписчики с первой страницы купили на 35.200 рублей. (Осуществили покупки 21 подписчик, средний чек: 1676 рублей)
Средний чек отличается больше чем в 2 раза, а выручка в 1,6 раз.
Таким образом при абсолютно одинаковой воронке после подписки,
Новый дизайн улучшил конверсию в подписку на 1,4%, но ухудшил итоговые продажи в 1,6 раз.
Эти результаты заставили нас задуматься, Почему?
Почему красивый дизайн на входе ухудшает продажи на выходе?
Есть только гипотезы, но они очень похожи на правду.
Основное предположение:
Дизайн второй посадочной страницы красивый, а вот дизайн писем, страниц продажи и страниц оформления заказов «квадратный», мягко говоря простой:
![](https://habrastorage.org/getpro/habr/post_images/40b/70b/e19/40b70be19e95b6bcd9ac045ec28689f4.jpg)
Дизайн писем...
![](https://habrastorage.org/getpro/habr/post_images/e77/858/c2c/e77858c2cb77f2f1cc550f57cf582d09.jpg)
«Лучшая» страница продажи одного из продуктов...
![](https://habrastorage.org/getpro/habr/post_images/6ae/7b5/70c/6ae7b570c41d57f7307c69ba87027456.jpg)
Страница оформления заказа одного из продуктов...
Таким образом, посетители, которых устраивал простой дизайн 1-ой страницы, спокойно, без претензий, относились и к дизайну писем, и к простому дизайну продающих страниц, и к страницам оформления заказа.
А вот посетители страницы №2 с атласным, красивым (относительно страницы №1) дизайном были явно разочарованы отсутствием глянца в письмах и на других страницах, что мешало им совершить покупку.
Поэтому выводы следующие:
1. Улучшая (изменяя) что-то, нужно анализировать, как это улучшение скажется в итоге на всей системе в целом, а не на отдельном участке.
2. Дизайн всех страниц проекта нужно делать в одном стиле, чтобы у клиента не было шока и разочарования от отдельных страниц.