Кейс: кривые иллюстрации на коленке против современного дизайна

Результаты A/B-теста в конце статьи.

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

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

В этой статье я покажу быстрый и дешёвый способ разрушить оковы шаблонов и сделать оригинальный сайт.

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

Рисовать я не умею, но это меня не остановило. На следующий день у меня был готов сайт с чудесными иллюстрациями.

Шаг 1. Найти лист A4 и ручку. Нарисовать иллюстрацию, не взирая на отсутствие таланта к рисованию.

Шаг 2. Сфотографировать так, чтобы свет падал равномерно.

Шаг 3. Обесцветить и максимально увеличить контраст в фотошопе.

Шаг 4. Свести фон к белому цвету инструментом «Уровни».

Шаг 5. Наложить подходящий текст.

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

Вот вариант дизайнера.

Источник трафика — публикация в «Типичном программисте» во «Вконтакте».

Вариант «A», мой:

Количество посетителей: 336.

Количество заявок: 59.

Конверсия: 17.56%.

Вариант «B», дизайнера:

Количество посетителей: 326.

Количество заявок: 62.

Конверсия: 19.02%.

По итогам теста с отрывом в полтора процента победил вариант дизайнера — стильный и современный. Но кривые иллюстрации на коленке делать дешевле.