Март 16, 2016

Посадочная страница, которая будет интересна не только любителям фитнеса

Много интересных находок...

...но не без замечаний!

И вновь рад приветствовать Вас в нашей традиционной рубрике «Анализируем Landing Page»! Сегодня под нашим микроскопом оказалась посадочная страница личного онлайн фитнес тренера. Достаточно необычная тематика, не правда ли?

Кстати, сделана она на достаточно высоком уровне. А еще — она большая. Нет, на самом деле большая! В общем, будет что проанализировать! Познакомиться со страничкой лично Вы можете по адресу http://www.romanshlyakis.com/. Впрочем, хватит предисловий — давайте приступать!

Общее впечатление

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

Что еще сразу бросилось в глаза — так это несколько «рваный» стиль, в котором выполнена страница. Первый экран темно-коричневый, второй вообще начинается с темно-серого, потом светло-коричневый, опять темно-серый… В общем, вся страница «исполосована» контрастными фонами.

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

Со скоростью загрузки страницы все очень и очень плохо. У меня даже нет слов, насколько плохо… Знаете, как оценил скорость загрузки страницы Google?

Ужасно, правда? В общем, именно над этим нужно поработать в первую очередь. Потому что 0 из 100 — это не просто низко. Это практически никак… Даже страшно представить, сколько потенциальных клиентов теряется уже на этапе загрузки страницы. Кстати, на мобильных устройствах скорость загрузки оценивается точно так же.

На сайте установлен виджет обратного звонка — CallbackHunter. Само по себе решение, безусловно, правильное (хотя я бы и рекомендовал сравнить конверсию с виджетом и без него). Вот только ведет себя виджет как-то очень странно…

Например, не хочет показываться полностью, как на иллюстрациях ниже.

Или все же пытается вылезти, но у него это плохо получается.

Иногда, впрочем, он и целиком показывается — мне даже удалось «заснять» этот момент… Правда, при этом откуда-то появились непонятные полоски на логотипе.

Да, я прекрасно понимаю, что это проблемы не владельца сайта, а конкретно Callback’а. Но с ними ведь тоже нужно что-то делать и как-то их решать… Покрутить настройки, обратиться в техподдержку. Кстати, я заметил, что такие «завихрения» поведения виджета появляются только на моем любимом Firefox’е. А в Google Chrome все хорошо. Но это не повод не разбираться с проблемой.

Первый экран

Про то, что первый экран выполнен на темно-коричневом фоне, я уже говорил. Давайте теперь взглянем на него поподробнее.

Как видите, фон — это, пожалуй, самый заметный элемент первого экрана… Причем с фитнесом этот цвет у меня совсем никак не ассоциируется, если честно. Можно ли с первого взгляда понять, что попал по адресу? На мой взгляд — нет.

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

И еще одно замечание. Текст на закладке мог бы помочь в идентификации страницы… Но он этого не делает. Почему? Смотрите на иллюстрацию ниже.

Как Вы думаете, сильно он помогает понять, чему именно посвящена страницы? Я думаю, вообще не помогает. В общем, это тоже нужно дорабатывать.

Давайте теперь рассмотрим различные элементы первого экрана по отдельности. И начнем, как и всегда, с верхнего меню.

В левом верхнем углу расположен, видимо, логотип. Почему «видимо»? Потому, что, по факту, это просто адрес сайта, написанный оригинальным шрифтом. Если честно, достаточно спорное решение. Во-первых, новой информации посетитель сайта не получает. Во-вторых, никаких пояснений, что именно этот логотип значит, мы не видим.

Под логотипом — иконки-ссылки на социальные сети. Это верный ход. Вот только если контент в какой-то из социальных сетей отсутствует (как, например, на данный момент на YouTube-канале), то лучше эту кнопку временно скрыть. Иначе это может вызвать негатив у посетителей страницы.

Главный вопрос к меню — почему оно написано заглавными буквами? Вообще создатели сайта явно слишком злоупотребляют Caps Lock’ом…

Почему так поступать не стоит — читайте в статье «Написание текстов для сайта: 8 основных ошибок»

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

Прежде чем перейти к разбору последнего элемента, остановлюсь на том, чего в меню не хватает. А не хватает в нем контактов для связи. Хотя бы — номера телефона. Например, я что-то услышал о Романе Шлякисе. И теперь просто хочу ему позвонить и что-то уточнить (записаться на занятия и так далее).

Вбиваю в поиск имя и фамилию, нахожу посадочную страницу, открывая ее… А телефона для связи тут просто нет! Да, конечно, можно заказать обратный звонок. Но я-то хочу позвонить прямо сейчас, у меня сейчас есть вопрос или время для звонка! А номера-то и нет…

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

И, наконец, мы добрались до последнего элемента шапки — кнопки с призывом. Сам по себе призыв неплох, хотя я бы убрал из него слово «обратный». Тогда и с текстом на всплывающем окне он будет сочетаться гораздо лучше.

К окну претензий нет — напротив, все хорошо. Из небольших доработок — сделать призыв более «призывистым» (на «заказать звонок», а «закажите звонок»).

В остальном — мне все понравилось (кроме, пожалуй, дизайна, но к оформлению я стараюсь особо не придираться). Давайте проверим, как форма работает.

Отправить полностью пустую форму мне не удалось — появилось окно, которое Вы можете видеть на иллюстрации сверху. Это уже хорошо.

Подсказок при заполнении формы нет — и это плохо. Опытным путем удалось установить, что форма считается заполненной, если в нее введено 5 символов. Причем одинаковые эти символы или нет — значения не имеет. Так что текст «на единички» считаю проваленным.

А ведь все так хорошо начиналось… В окошке с благодарностью наблюдается явный избыток восклицательных знаков. Сейчас их 5, я рекомендую оставить всего 2 — поверьте, этого будет вполне достаточно.

И ведь в первом окне было все написано правильно — «в течение 15 минут». Почему же вдруг тут течение времени сменилось на течение реки (а в течениИ — это про реку, но не про время)?

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

Про капс я уже говорил… И даже обещал не повторяться… Но не выдержал, извините. Уж очень страшно он тут смотрится.

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

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

Заголовок… Сказать честно, он мне больше напомнил банальное хвастовство. Ну, «разрабатываете», ну и что? Что за «реальный» результат? Реальный — это если в цифрах, если заметно. А тут ни цифр, ни определения — ни-че-го…

О том, как не допускать таких ошибок, читайте в статье «Как правильно написать заголовок»

Подпись «для мужчин и женщин» тут, на мой взгляд, совсем не к месту. Логику ее появления я понять могу, но вот смотрится она абсолютно непонятно. И к заголовку ее не отнести, и к тексту… И цвет другой, и размер шрифта, и написание. В общем, что-то с ней нужно сделать.

И, наконец, основной текст первого экрана. На самом деле, претензий к нему меньше всего. Вот только расположен он явно не на своем месте. Задача текста на первом экране — заставить посетителя сайта читать дальше. Способен ли это сделать такой текст? Я очень в этом сомневаюсь.

Что в нем интересного? Чем он может привлечь внимание потенциального клиента? Если честно, можно было просто разместить тут перечень основных направлений работы — смысла было бы ровно столько же, не меньше.

Посмотрите, например, на первую фразу. А теперь сравните ее с таким вот вариантом: «Получите результат в 3 раза быстрее!» Слов в полтора раза меньше, а смысл стал намного понятнее, не так ли? Вот в этом направлении над этим текстом и нужно работать.

А мы, между тем, прощаемся с первым экраном и начинаем изучать, что же еще нам может предложить эта посадочная страница.

Содержание landing page

И первый же блок, если честно, меня ненадолго вогнал в ступор.

Почему-то совсем у меня не возникло никаких связей между заголовком и перечнем программ (вернее, это я потом сообразил, что в нижней части иллюстрации расположен именно перечень программ). Зато вот аналогии между заголовком и гопническим лексиконом возникли сразу…

Безусловно, вполне возможно, что это мои личные ассоциации. Вот только для того, чтобы их не возникало, можно было бы использовать, к примеру, хотя бы двоеточие. А иначе фраза выглядит вполне законченной. И не очень красивой…

С точки зрения русского языка названия всех программ вопросов не вызывают. А вот если читать их подряд, то последняя (мотивация) из общего ряда явно выбивается. Как пример (придуманный на скорую руку), можно написать «Желание быть лучше»…

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

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

То есть нужно писать не «Я анализирую и учитываю», а «При разработке программы я учитываю Ваши физические возможности…» В общем, основная задача — всегда говорить не о себе, а о клиенте. Рассказывать о том, что он получит, почему ему стоит воспользоваться этим предложением и так далее.

Подробнее об этом читайте в статье «Продающий текст: уроки копирайтера»

В общем-то, по этому блоку сложно делать теоретические замечания. На эффект от него нужно смотреть на практике — я все же не целевая аудитория этой посадочной страницы. Даже точно сказать, на своем ли месте он расположен, я, к сожалению, не смогу — для этого нужно смотреть на то, что показывает вебвизор.

Но в одном замечании я уверен. 117 клиентов — это хорошо, некруглые цифры вызывают больше доверия. Но слово «более» с такими цифрами сочетается очень плохо. Вернее, не сочетается совсем. 117 — число очень точное. Что может быть «более» 117? 118? 119? Так почему бы так и не написать?

Когда я вижу «более 117» — у меня создается впечатление, что до 117 досчитали, а дальше — сбились со счету. И это не очень хорошо. Если быть честным, то я, конечно, понимаю, что это маркетинговый ход… Но неумело использованный.

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

О чем могу сказать точно, так это о том, что в нем не хватает пустой строки. 6 строчек текста подряд, без разрыва, воспринимаются достаточно тяжело, не каждый будет их читать. А Вы ведь хотите, чтобы их прочитали, правда?

Это тоже хороший блок. Но и с ним не все гладко… Текст на кнопке должен соответствовать призыву. В данном случае — оставить телефон или получить консультацию. А на кнопке непонятно откуда появилось слово «Заказать». Это нужно исправить.

Я бы написал «Получить консультацию». Это самый сильный призыв в этом блоке.

Соответственно, и на всплывающем окошке лучше заменить тексты. Призыв — на «Получите консультацию», а текст на кнопке, соответственно, на «Получить консультацию».

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

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

Почему для продающих текстов так важна конкретика, читайте в статье «Как конкретика в текстах помогает продажа»

Где именно тут не хватает конкретики? Да практически везде. Что за «мои условия»? Что такое «минимальный результат»? Ну и, конечно, последнее предложение… Это опять не о клиентах, а о себе. Не надо так!

Кстати, с этим блоком связан и еще один забавный «косячок». Цвет фона этого блока полностью совпадает с цветом фона CallbackHunter’а. Как это выглядит на практике, Вы можете видеть на иллюстрации ниже.

Это, безусловно, абсолютно некритично. Но смотрится, согласитесь, странно…

А в следующем блоке Вы, опять же, можете видеть все ту же ошибку — рассказ о себе, но не о читателе.

Ну не интересно людям читать ни про Вас, ни про 117 каких-то других человек! Им интересно читать о том, что они получат то же самое! Что они станут 118 довольным клиентом!

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

Хотите, чтобы Вас понимали правильно и однозначно — значит, так и пишите. Четко и однозначно. Оставите единственный шанс допустить ошибку, хотя бы минимальное разночтение — и этим шансом обязательно воспользуются…

А вот этот блок написан практически идеально! Даже придираться ни к чему не хочется. Именно такими должны быть и все остальные блоки — рассказывающими о читателях. Ведь если, читая эти строки, посетитель сайта узнает себя, то и относиться к содержимому странички он будет как к адресованному ему лично. А именно этого вам и нужно!

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

Блок с результатами заслуживает искреннего уважения. Тут все отлично — и фото «до/после», и ссылки на профили в социальных сетях, и имена с фамилиями, и результаты в цифрах… Когда есть возможность продемонстрировать настолько «говорящие» свидетельства результатов — это просто великолепно!

Единственное — мне сложно оценить эффективность размещения одинаковых кнопок под каждой фотографией. Не вызывает ли это эффекта «разбегающихся глаз» у посетителей, которые не могут решить, чего им хочется больше — потерять 9 сантиметров в талии как Римма или 12 кило как Анастасия?

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

И здесь призыв не совпадает с текстом на кнопке… Если призыв предлагает оставить заявку, то именно это и должно быть написано на кнопке. Кстати, обязательное поле для заполнения на этом всплывающем окне — e-mail, а текст на кнопке опять предлагает заказать звонок. Непорядок…

Кстати, вот еще одна интересная (и не очень заметная) «фишка», которую можно обнаружить в «результатах». Вот такое изображение, которое Вы можете видеть на иллюстрации ниже, размещено в одном из них.

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

Кстати, об отзывах. Они представлены в следующем блоке.

Правда, тут опять сказалось то, что продающая страница толком не оттестирована на Firefox’е… Как видите, адреса страничек в социальных сетях вылезли за предусмотренные для них границы.

Если же открыть ту же самую страницу в Google Chrome, то все будет нормально — можете посмотреть на иллюстрации внизу.

Так что не ленитесь, обязательно тестируйте свой сайт во всех популярных браузерах (а также, желательно, и в непопулярных). Поверьте, это важно, и с подобнымии недоработками я встречаюсь очень и очень часто!

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

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

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

Следующий блок — это описание того, что конкретно получают клиенты тренера.

И вот здесь почему-то перемешались очень грамотно написанные пункты (как левый на иллюстрации сверху), так и достаточно слабые (правый на той же иллюстрации).<

И ошибка здесь все та же — речь о себе, а не о клиентах. Хотя уж тут-то что, казалось, может быть проще? «Получите мои ответы…» Вроде бы и изменение-то незначительное, но акцент уже сместился с Вас на читателя, чувствуете?

Вот именно в таком направлении и нужно работать. Как в этом пункте, так и в следующих.

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

И тут все та же ошибка… Людям не интересно, что делаете на каждом из этапов Вы! Им интересно, что будут получать они. Причем желательно, чтобы это было что-то ощутимое, измеримое. Именно так, как выполнен третий пункт плана.

Кстати, мне кажется, что лучше визуально связать между собой все этапы. Сейчас же получается, что это некая цепочка, состоящая из трех отрезков. Причем первый из них появляется из ниоткуда, а последний — уходит в никуда. На мой взгляд, не лучшее решение…

И, да, «макСимального».

Все то же. Не «что входит», а «что Вы получите в моих программах» (в «программах тренировок» и так далее). На мой взгляд, тут не хватает формы сбора контактов. Их давненько не было, а именно тут она смотрится вполне уместно.

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

То есть я вижу, что мест осталось всего 2, я хочу успеть записаться… А сделать ничего не могу. Нет, логически мне (как человеку, уже успевшему изучить эту посадочную страницу от начала и до конца) понятно, что, по идее, потенциальный клиент должен «закрыться» на следующем блоке… Вот только будет ли это понятно и самому потенциальному клиенту? Вопрос…

Может быть, стоит добавить тут какой-то дополнительный призыв? Например, «забронируйте место»?

А вот и тот самый блок, на котором наконец-то можно непосредственно приобрести тренинг. Только почему-то именно тут — на самом-то важном месте! — оказался забыт призыв… И это очень плохо.

О том, почему не нужно забывать о призыве, читайте в статье «Зачем нужен призыв к действию?»

И на кнопках почему-то появилось слово «Заказать». А что именно заказать-то? Да, конечно, слово «заказать» воспринимается людьми менее болезненно, чем слово «купить». Вот только они все равно хотят понимать, что именно заказывают. А тут это непонятно.

В общем, в этом блоке я рекомендую поработать и над заголовком, и над призывом… И, возможно, над текстом на кнопке (если, конечно, призыв не сделает его более понятным).

А вот цифры в блоке мне понравились. Они и грамотно уменьшены за счет демонстрации стоимости одного дня занятий, и скидка указана… В общем, тут вопросов нет — все хорошо.

А вот в форме зачем-то появилась дополнительное — и обязательное для заполнения — поле… Но ведь это самая-самая важная форма на посадочной странице! Именно через нее должны совершаться прямые заказы! Так зачем усложнять этот процесс путем добавления дополнительных полей?

Кстати, на кнопке бы я немного доработал текст, заменив безликое «Заказать» на «Заказать тренинг». Мне кажется, это должно работать лучше.

Кстати, тут ведь появилось еще одно обязательное для заполнения поле… Давайте проверим, как оно работает!

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

На самом деле, я не могу сказать, что у формы слабая защита. Конечно, не хватает защиты от отправки номера телефона, состоящего из одинаковых символов… Но лично мне гораздо сильнее не хватает подсказок по форматам ввода.

Опять «в течениИ». Опять много восклицательных знаков. И, на мой взгляд, слишком много текста. Человек уже все сделал, оставил все свои координаты… А ему предлагается опять в чем-то разбираться.

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

Хороший блок, правильный. Кстати, Вы обратили внимание на кнопочку внизу? Давайте попробуем нажать на нее!

Оригинально, правда? Мне кажется, что весьма. Минус один — кнопка не соответствует призыву. Но за идею — плюс!

Здесь призыв кнопке соответствует на 100%. Вот только мне кажется, что 100% здесь упоминается излишне часто. И Вам тоже так кажется? 100%!

В общем, 100%, нужно что-то делать. Цифры — это хорошо. Проценты — еще лучше. Вот только 100% не так уж и сильно вызывает доверие. Так что я рекомендую поработать над формулировками.

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

Давайте посмотрим, какие всплывающие окна вызываются при нажатии на эти кнопки.

Формулировка призыва немного корявая. Нужно немного довести ее до ума. Текст на кнопке никак не соответствует призыву (да и вообще самой идее блока — получение ответа там, где удобно).

Но, в целом, идея хорошая. Получите ответ там, где это удобно Вам — отличная мысль!

А вот тут все логично. Впрочем, такую форму мы уже видели, правда?

И этот блок нужный. Поделиться ссылкой — это хорошо! Интересно только узнать — делится ли ссылками? И как часто?

Замечание одно. Почему на всей посадочной странице Вы обращались к посетителю на «Вы»… И вдруг в самом конце решили перейти на «ты»? Что на это повлияло?

Вот мы и добрались и до подвала.

Телефона для связи тут вновь нет. Зато есть реквизиты. И не продленный копирайт… Реквизиты — это плюс. А вот продлевать копирайт забывать не нужно. Исправляйте!

Посадочная страница, которая порадовала

Да, на самом деле — порадовала! Безусловно, есть над чем работать. Но, в целом, все выполнено достаточно неплохо, интересно.

Итак, на что же стоит обратить внимание при доработке?

Во-первых, на техническую сторону страницы. Такая скорость загрузки — это просто ужас. Да и с виджетом нужно что-то делать, чтобы он начал нормально работать.<

Во-вторых, на дизайн. На мой взгляд, с ним тут настоящая беда. Дизайн нужно перерабатывать сверху и до низу.

В-третьих, на маркетинг. На способность текстов продавать, на формы, на расположение кнопок и так далее… Подробнее об этом я написал в статье.

Но, в целом, — повторюсь еще раз, — страница мне понравилась. Ее нужно именно дорабатывать, а не перерабатывать.

Если у Вас остались вопросы — задавайте их в комментариях, я буду рад на них ответить!

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

И, конечно, оставляйте в комментариях ссылки на свои сайты и посадочные страницы, в способности которых продавать Вы не уверены. А мы разберемся — обоснованы Ваши опасения или нет!

Федор Бондаренко,руководитель отдела маркетинга и копирайтинга