- Ноябрь 24, 2015
Как сделать лендинг, который будет продавать?

Обратиться к профессионалам
...или попробовать самому?
«Сделать лендинг, который будет продавать», — вот основная цель тех, кто задумался о собственном одностраничнике. Но как его сделать? Можно попробовать самому, можно обратиться к профессионалам… Вариантов, на самом деле, много.
И сегодня в нашей традиционной рубрике «Анализируем Landing Page» мы разберем страничку http://domtkany.ru/, владелец которой решил пойти по второму пути. И заказал создание лэндинга в маркетинговом агентстве.
Давайте посмотрим, что у них получилось!
Общее впечатление
С первого же взгляда видно, что страничка сделана профессионально. В первую очередь бросается в глаза, как все красиво и аккуратно — изображения стильные и хорошо подобранные, все очень и очень гармонично. Просто здорово!
Текста, написанного заглавными буквами, практически нет. Вернее, он есть — но только на первом экране. Возможно, это какой-то особый маркетинговый ход, хотя лично мне его смысл и непонятен. Но не просто же так все написанные Caps Lock’ом слова сосредоточены в одном месте!
Анимации немного, но она есть. Впрочем, о ней мы лучше поговорим, анализируя содержащие ее блоки.
Никаких технических «фишек» на страничке нет. И это меня, если честно, удивило. Но я надеюсь, что это сделано по итогам изучения целевой аудитории для того, чтобы не отпугивать людей. В общем, хочется верить, что это обоснованное решение, а не просто забывчивость.
Первый экран
То, что я попал по адресу, видно сразу. От первого экрана просто веет шторами, и шторы тут везде. Они сразу бросаются в глаза. Все отлично!
Для того, чтобы Вы могли посмотреть, как красиво выглядит первый экран, я даже сделал отдельный его скриншот.

Все действительно очень красиво и интересно. Правда, весь текст написан заглавными буквами… Но будем считать это маркетинговым ходом, пусть и не очень мне понятным.
Как Вы видите, продающий текст на первом экране отсутствует в принципе. Впрочем, с текстом тут вообще не очень богато…
Судя по всему, первый экран задумывался как некий завлекающий элемент, призванный не давить на посетителя сайта напрямую, а увлечь и его и убедить смотреть страницу дальше.
Правда, на мой взгляд, с обеими этими задачами он справляется не лучшим образом. С одной стороны — если «не давить», — то зачем призыв «Заказать звонок»? Если увлечь — то что именно должно было увлечь? Я ничего увлекательного (и завлекательного) здесь, если честно, не вижу…
Я очень надеюсь, что после запуска было проведено тестирование различных вариантов первого экрана и этот был оставлен, так как показал лучшие результаты. Если это не так, и тестирования не было… То я даже и не знаю, что сказать.
В общем, лично у меня такой дизайн первого экрана вызывает большие вопросы. Но давайте пройдемся по отдельным его элементам.
По поводу меню у меня довольно двойственное впечатление. С одной стороны, я не очень люблю различные «телепорты», разрушающие логическую цепочку продающей страницы.
С другой — меню сделано очень качественно, создает полную иллюзию того, что находишься не на лэндинге, а на полноценном сайте.
В общем, идеальная ситуация для тестирования конверсии варианта странички с меню и без него!
Перед Вами и заголовок, и продающий текст… И вообще центральный элемент страницы. В общем-то, все основные свои вопросы по нему я высказал в начале этого раздела.
Если цель этого элемента — повысить узнаваемость марки (или показать посетителю, что он попал именно на сайт этой марки), то с этой задачей он отлично справляется.
А вот в том, что он справляется еще с какими-либо задачами, у меня есть больше сомнения…
Как я понял, у этого блока 2 основных задачи. Во-первых, озвучить самое сильное преимущество (а какое же еще, если не самое сильное, размещать на первом экране?). Во-вторых, дать точный адрес магазина.
К сожалению, преимущество подано очень слабо. Это свойство, а не выгода… Основная мысль при этом понятна — показать, что в магазине каждый сможет найти то, что ему нужно. Вот только лично я именно так бы и написал: «Среди более чем 10 000 образцов ткани Вы точно найдете именно ту, которая Вам нужна!»
К точному адресу вопрос, в общем-то, нет. Но обычно люди ищут адрес (как и телефон, кстати) в верхней части экрана — это одна из основ юзабилити. Не очень понятно, почему создатели этой страницы решили пойти против этих самых основ.
Ну и очередной «телепорт»… Видимо, для тех, кто уже готов поехать в магазин. Вот только каким образом планировалось убедить этих людей, что им нужно в этот самый магазин ехать? А если это люди, которые просто ищут адрес магазина или хотят узнать, как до него добраться, — то неужели им не хватит пункта в главном меню?
И, наконец, последний элемент — телефон. Про то, что расположен он довольно странно, я уже упомянул. Слово «заказать» я не очень люблю, так как оно вызывает ассоциации с платными услугами («заказать такси», «заказать пиццу»), но это не особо критично.
Телефон городской — и это хорошо.
Давайте посмотрим на форму, которая появляется при попытке заказать звонок.
Кнопка полностью идентична призыву на сайте — и это хорошо. А вот призыв в форме с кнопкой никак не коррелирует — и это плохо. Человек хочет заказать звонок, а ему вдруг предлагается заполнить форму.
Как вариант, можно изменить текст на «Закажите звонок — заполните форму, и мы свяжемся…» Таким образом мы свяжем призыв на главной, призыв в форме и текст на кнопке.
«Ближайшее время» — не очень хорошая формулировка. Люди любят конкретику, особенно когда решают — оставлять ли свой номер телефона. Сейчас я могу принять звонок, а вот смогу ли его принять в ближайшее время — уже большой вопрос.
Так что лучше всего указывать точное время. И, естественно, желательно указанное время в дальнейшем соблюдать. Как вариант — сделать текст изменяющимся в зависимости от времени суток. То есть в рабочее время — «мы перезвоним Вам в течение 10 минут», в нерабочее — «мы перезвоним Вам завтра с 9:00 до 21:00». Так Вы избежите негатива.
И нам осталось обсудить только количество полей в форме. Наши эксперименты показывают, что форма с одним полем приносит больше лидов, чем форма с двумя полями. Но, конечно, это может зависеть от самых разных обстоятельств. Да и качество лидов может различаться… В общем, это тоже возможность для проведения эксперимента.
Впрочем, хватит обсуждать саму форму. Давайте попробуем заказать звонок!
Не обращайте внимание на то, что названия полей стали красными — это я щелкнул по кнопке, ничего не вводя. В поле для ввода телефона есть подсказка — и это очень хорошо.
А вот мой любимый тест «на единички» форма не прошла — и это плохо. Нужно поставить запрет на ввод цифр в поле «Имя» и телефона, состоящего из одинаковых символов в поле «Телефон»…
Итак, заявка отправлена.
И вот такую благодарность мы видим. Что не нравится:
1. Я не оставлял заявку. Я заказывал звонок. Почему благодарят меня не за то, что я делал?
2. Ближайшее время. Про него я, собственно, уже писал.
3. Слово «закрыть» со строчной буквы — это ошибка или маркетинговый ход? Впрочем, не важно — лучше все равно изменить текст кнопки на что-то вроде «Вернуться на страницу» — то есть на что-то более оптимистичное.
Итак, с первым экраном мы разобрались. Вернемся, собственно, к странице.
Содержание Landing Page
Эту часть я, пожалуй, тоже начну с похвалы. Дизайн этого лэндинга мне и в самом деле очень понравился. Он очень стильный, очень лаконичный. Посмотрите, к примеру, на следующий блок.
Заголовок мне тут, кстати, тоже очень понравился. Он создает ощущение законченности, символизирует окончание ремонта (который, как известно, можно только прекратить). В общем, наводит на мысль о финальной точке. Или даже восклицательном знаке.
И, если уж даже меня, не задумывающегося о покупке штор, он наталкивает на такие мысли… То, думаю, в целевую аудиторию он должен бить безотказно! Просто отлично!
И вопросов к этому блоку у меня, в общем-то, нет. Разве что иллюстрацию к последнему пункту («авторские шторы») я бы заменил на фотографию — по аналогии с другими. Впрочем, возможно это тоже маркетинговый ход — судить не берусь. И, если это так, я надеюсь, что его не забыли протестировать…
Нажмем на кнопочку «Подробнее».
Сами тексты хорошие. Но вот только выгод я в них не вижу. Вижу только свойства… А ведь человек уже начал выбирать, читает описания различных видов штор… Самое время его «дожать», рассказать, почему именно ему нужно приобрести именно эти шторы! А этого нет…
«Благодаря тому, что эти шторы плотно закрывают окна, в Вашей спальне всегда будет уютный полумрак и Вы прекрасно выспитесь даже в самый солнечный день»… Согласитесь, звучит совсем не так, как сейчас?
В общем, есть над чем поработать!
Вот таким вопросом заканчивается этот блок (кстати, на картинке Вы можете видеть ту самую иллюстрацию к «Авторским шторам», о которой я писал выше).
Над формулировкой вопроса можно было бы подумать (сделать его более личным — «Не знаете, как правильно…»), но это, по большому счету, не принципиально. Сама по себе задумка правильная и расположен он вполне к месту.
А вот такая форма вылезает при нажатии на вопрос… И с ней уже все совсем не так радужно.
1. Если 2 поля в форме еще можно простить, то 3 — это уже точно перебор. Ну зачем, зачем для того, чтобы «поговорить с дизайнером» нужно вводить e-mail? Неужели одного телефона мало? Безусловно, электронные адреса собирать важно, но не в ущерб же сбору телефонов!
2. И опять вопрос на сайте, призыв в форме и текст на кнопке не релевантны… И если призыв и вопрос еще как-то друг к другу подходят (хотя вопрос, который я привел выше, подошел бы гораздо лучше), то кнопка…
Призыв — «Получите консультацию». Так почему на кнопке — простое «поговорить»? Я не хочу говорить, я хочу консультацию! Неужели на кнопке нельзя было так и написать: «Получить консультацию»? Зачем было придумывать это «поговорить»?
В общем, эта форма совсем меня расстроила… Такое ощущение, что ее разные люди писали, друг с другом не советуясь.
3. «Ближайшее время». Без комментариев (в дальнейшем «ближайшее время» будет встречаться вновь, но акцентировать на нем Ваше внимание я уже не буду).
Вернемся на главную страницу — и тут нас ждет еще одна форма.
И у меня сразу есть вопрос к призыву. Если быть точным — то к первому его слову. «Создайте»… Конечно, я не изучал внимательно целевую аудиторию странички. Но насколько люди, заказывающие индивидуальный дизайн штор, хотят что-то сами создавать?
Все-таки это слово подразумевает какую-то личную работу… А заинтересована ли ЦА в этом? Возможно, здесь стоило бы употребить какое-то другое слово. Например, «Превратите». Основной смысл тот же, но личный труд оно уже не предусматривает…
В тексте меня смутило слово «абсолютно». Оно избыточное, то есть не несет никакого смысла. Чем «абсолютно бесплатно» отличается от просто «бесплатно»? Лично у меня ответа на этот вопрос нет.
Призыв над формой опять не соответствует тексту на кнопке… Это плохо, и это нужно исправлять. Думаю, в очередной раз рассказывать, зачем это нужно и как это сделать, смысла уже нет.
Интересный блок с интригующим названием. А оформление… Впрочем, об этом немного ниже!
Если заголовок хорош, то подзаголовок — не очень. В нем нет ни выгоды, ни конкретики. Что лично мне, как клиенту, даст «безупречная работа с 1962 года»? В чем именно она заключается?
Текст тоже не дает ответа на эти вопросы. Более того, второе предложение не вытекает из первого. Причем логика непонятна, даже если попытаться ее найти…
Возможно, здесь работают уже несколько поколений мастеров? Тогда все бы встало на свои места… Но это только мои догадки и предположения, никаких подтверждений которым я не вижу. Так что над текстом стоит поработать.
А вот тексты вокруг изображения мне понравились. В них есть выгода, а еще они просто шикарно оформлены. Только посмотрите!
Смотрится великолепно, даже несмотря на всю мою нелюбовь к анимации на продающих страницах. Кстати, при нажатии на кнопку «Подробнее» у разных пунктов, выделяются разные элементы шторы! В общем, этот блок мне очень понравился (если откинуть все то, что было выше иллюстрации, конечно).
Опять завлекающий заголовок… И какой-то непонятный дизайнер. Что значит «искусный»? Как это измеряется? Да и что это вообще означает? Я бы здесь добавил конкретики, написал бы о том, чем именно выделяются дизайнеры. В общем, «нарисовал» бы картинку, описывающую искусного дизайнера, а не просто назвал бы его искусным.
А в остальном — все хорошо. Разве что из заголовка, пусть и завлекающего, не очень понятно, о чем пойдет речь в блоке. А это не очень хорошо, так как не факт, что люди-сканеры, просматривающие страничку по диагонали, на этом пункте остановятся. Хотя пункт-то хороший, с выгодами.
Очередную форму разбирать подробно не буду — недостатки у нее все те же, что и у форм выше.
Из преимуществ мне понравилось только последнее. Первое какое-то странное… Доставка через 5 дней лично у меня как-то не ассоциируется с характеристикой «быстрая». Как я понял, сюда включено и, собственно, изготовление штор… Но об этом нужно догадываться, а это плохо.
«Гарантия 6 месяцев» — тут непонятно, много это или мало, хорошо или плохо… Чтобы это исправить, можно хотя бы добавить слово «увеличенная» — оно уже создает образ, рисует картинку… А сейчас этот пункт мне, к сожалению, непонятен.
Что меня сразу зацепило в этом блоке — так это разночтения в цифрах с первым экраном. Там речь шла более чем о 10 000 образцов в магазине, а здесь их уже в 2 раза меньше… Это очень плохо, так как понижает доверие к лэндингу. Таких несоответствий нельзя допускать ни в коем случае!
Зато в этом тексте есть выгода — и это хорошо! А вот то, что между ценой и словом «руб.» почему-то нет пробелов — это плохо. Причем не только с точки зрения русского языка, но и потому, что в итоге визуально увеличивается цена.
И очередная форма — на этот раз по кнопке «Скачать».
Традиционные замечания, относящиеся к этой форме, как и ко всем приведенным выше, я перечислять не буду. А вот то, что это откровенный обман посетителей странички — это очень и очень плохо.
Когда я нажимаю кнопку скачать — я хочу что-то скачать. Именно скачать, а не ждать, когда со мной «свяжутся в ближайшее время»! И я не хочу «смотреть все возможные варианты ткани», я хочу получить каталог!
В общем, очень и очень плохо. Я, конечно, надеюсь, что в итоге каталог придет на указанный e-mail… Но проверять не стал. Если это так — то об этом нужно было указать над формой, а не обещать со мной связаться.
В общем, нет слов, — одни эмоции. Не нужно так делать, это плохой ход, некрасивый.
Это блок с кейсами — историями выполнения различных задач. Причем блоки крутятся очень и очень быстро — я с трудом успел сделать скриншот. Зачем установлена такая скорость их смены — мне, честно сказать, непонятно…
Как непонятно и название раздела. Из него совсем не следует, что это именно кейсы, и именно кейсы о работе «Дома Ткани». А раз это непонятно, то и читать достаточно большие блоки текста, написанного мелким шрифтом и одним большим кирпичом, большинство не будет.
В общем-то, блок с кейсами очень правильный и нужный. Вот только сделан он из рук вон плохо. Обязательно нужно переделать!
И этот блок тоже очень правильный. Он повышает экспертность компании в глазах потенциальных клиентов. Тем более что на лэндингах такие блоки — явление достаточно редкое. Так что вдвойне молодцы, что создали его!
А теперь ложка дегтя. На моем Firefox’е после нажатия на «Подробнее» экран темнел — и больше ничего не происходило. Значит, страничка не была оттестирована в разных браузерах — и это очень печально.
Впрочем, в Google Chrome открыть советы все же удалось.
Ну что же — повторюсь еще раз: блок очень хороший и важный. И сделан качественно. Жаль только, что владельцы некоторых браузеров могут его попросту не увидеть…
Форма подписки — это очень хорошо. E-mail маркетинг вообще самый выгодный способ привлечения клиентов, и здорово, что Вы про него не забываете.
Вот только кнопочку, похоже, перепутали… Нужно бы исправить.
Тоже интересный блок. К тому же позволяет оценить, какое количество посетителей сайта делает заказ в магазине, а не онлайн. Отличный ход!
Единственное замечание — формулировка «заказ пошива штор» очень тяжелая для восприятия. Да и, честно сказать, не очень-то она понятная. Получается, что скидка на заказ, а не на пошив… Хотя, может быть, именно это и имелось в виду… В общем, тут я даже не знаю, что и сказать.
Карта мне очень понравилось. Автоматически выстраиваемый маршрут — вообще просто отлично. Тот редкий случай, когда анимация на продающей странице вполне уместна!
И, наконец, мы добрались до подвала.
Главная претензия — не очень понятно, зачем совсем рядом размещены две практически одинаковые кнопки — «Задайте» и «Заказать». Понятно, что текст у них разный… Но, по-моему, для такого маленького блока кнопок тут уж очень много.
Кстати, при щелчке по кнопке «Задайте их нашему менеджеру» появляется форма, в которой призыв наконец-то соответствует тексту на кнопке! Это стоило того, чтобы изучить страничку до самого подвала! Я ее даже приведу тут.
Правда, тут полей для заполнения стало уже 4… Но это моей радости все равно не уменьшает!
И, напоследок, еще ложечка дегтя. Посмотрите внимательно на картинку чуть ниже.
Не очень красиво, правда? Понятно, что это служебная страничка, которая нужна, в первую очередь, для того, чтобы запустить таргетированную рекламу. Но уж разбить текст на абзацы-то можно было…
Сделать лендинг: самому или у профессионалов?
Итак, вот и пришло время подвести итоги нашего анализа. Что же выбрать — сделать лендинг самому или обратиться к профессионалам?
Безусловно, профессионалы справятся лучше. Вот только важно, чтобы при этом они не забывали про профессиональное отношение к делу.
Безусловно, страничка, которую мы проанализировали, очень красивая. И прекрасно видно, что сделана она профессионалами.
Вот только у меня есть ощущение, что весь профессионализм ушел именно в ее внешний вид. А над содержанием Landing Page поработали уже не так серьезно…
Что можно предложить по доработке страницы? Для начала я бы выяснил, тестировались ли какие-либо варианты страницы. Если тестировались, то какие именно варианты и какие результаты показало тестирование? Если нет… Значит, нужно тестировать!
Для начала — тестировать первый экран, попробовав разные его варианты. Про остальные элементы, которые нужно тестировать, я писал в обзоре.
Что нужно изменить обязательно? В первую очередь — доработать формы забора контактов. Затем — поработать над текстами на страничке. И, наконец, сделать что-то со страницей кейсов.
И, конечно же, сделать нормально скачиваемый каталог!
В общем, добавить к красивой форме не менее красивое содержание.
Я надеюсь, мой анализ был Вам полезен. Если у Вас остались вопросы — задавайте их в комментариях, буду рад ответить! И, конечно же, пишите в комментариях адреса ваших сайтов и посадочных страниц — и мы их обязательно проанализируем!
Статьи в тему
- Влияние обоснования в текстах
- Как конкретика в текстах помогает продажам
- Как правильно написать заголовок
- Посадочная страница: типичные ошибки при создании первого экрана
- Продающий текст: уроки копирайтера