• Март 30, 2016

Лендинг-лендинг, а ты умеешь продавать?

И не нужно на меня кричать!

Особенно так часто...

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

Вам хочется до прочтения этой статьи составить собственное мнение о предмете нашего анализа? Тогда познакомьтесь с этой страничкой самостоятельно по адресу http://mebpunkt.com/. А мы, тем временем, приступаем!

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

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

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

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

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

Первый экран

Самый первый вопрос, который я обычно рассматриваю при анализе первого экрана — понятно ли посетителю с первого взгляда, что он попал по адресу? И на этот раз, мне кажется, ответ утвердительный: «Да, понятно». Если не верите — посмотрите на иллюстрацию ниже.

лендинг

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

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

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

лендинг

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

Телефон кликабельный — на стационарном компьютере он открывает Skype, на мобильном телефоне позволяет позвонить напрямую.

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

лендинг

А ждет нас вот такое всплывающее окно. Что не понравилось, так это название формы. В чем смысл такого «говорящего» названия? Неужели Вы думаете, что кто-то не поймет, что перед ним именно «Форма заказа звонка»? Я в этом сомневаюсь… Здесь намного уместнее смотрелся бы призыв «Закажите звонок», к примеру.

Если Вам хочется больше узнать о призывах к действию — обязательно прочитайте статью «Зачем нужен призыв к действию?»

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

Но давайте попробуем заполнить форму. Как Вы думаете. пройдет она мой тест «на единички»?

лендинг

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

А вот с «единичками» все уже хуже — защиты от ввода одинаковых символов у формы нет. Так что заявку отправить мне удалось без особых проблем.

лендинг

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

Я заказываю обратный звонок — так что же значит это «если оно требует ответа»? То есть менеджеры «в кратчайшие сроки» посмотрят на оставленный мною номер, подбросят монетку и решат, стоит ли мне перезванивать?

Менять, причем менять срочно!

Впрочем, хватит изучать форму. Давайте вернемся к первому экрану и посмотрим на оставшиеся его элементы.

лендинг

Итак, вот перед нами основная часть этого самого первого экрана. Что можно про нее сказать? По большей части, ничего. Стимулирует ли она нас читать дальше? Если мы — «горячие» клиенты, которым срочно нужны перетяжка или обивка — то, пожалуй, да.

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

Больше о заголовках Вы можете узнать из статьи «Как правильно написать заголовок»

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

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

лендинг

Если честно, это не призыв. Это какой-то монстр. Причем понять, к чем этот призыв призывает, лично мне оказалось довольно сложно. Так заказать, выбрать или узнать? Зачем так много вариантов? В чем смысл?

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

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

лендинг

А вот и форма сбора контактов. Помните, сколько только что было призывов? И вот к ним еще 3 новых! Итого мы имеем в одном, по сути, блоке сразу 6 разных призывов! Вы все еще не прочитали статью про них? Очень зря!

Итак, что нам предлагают в итоге?

  • заказать выезд мастера;
  • выбрать ткань;
  • узнать цену;
  • оставить заявку;
  • получить просчет;
  • и, наконец, заказать просчет!

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

Давайте оставим в форме традиционные единички и посмотрим, как нас на этот раз поблагодарят за ее заполнение.

лендинг

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

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

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

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

Вот мы и закончили с первым экраном. Давайте посмотрим, что ждет нас дальше.

лендинг

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

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

В общем, прочитайте статью моего коллеги (ссылка выше), посмотрите внимательно пункты 2 и 3 и переделайте остальные по такому же образцу.

лендинг

Ну а здесь, как видите, рассказ идет уже исключительно о себе. Вот только людей Вы волнуете совсем-совсем мало. Они хотят понимать, что получат лично они. Как Вы думаете, что волнует Вашего потенциального клиента больше — качество выполнения лично его заказа или то, что Вы выполнили успешно более 1.000 заказов чужих? Я уверен, что первый вариант.

Кстати, маленький совет. Некруглые числа вызывают больше доверия. Так что лучше писать не «более 1.000», а, например, «1.567». Но это так, к слову.

А конкретные рекомендации к этому блоку можно почитать чуть выше. Да-да, они ровно те же самые, что и к блоку предыдущему! Меньше о Вас, больше о том, что получит клиент!

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

лендинг

В результате подсказка для ввода телефона пропадет и в поле для ввода телефона можно будет вводить любое количество цифр. При этом заявка еще и отправится! Что из этого получилось у меня — смотрите на иллюстрации ниже.

лендинг

Оригинально, правда? Сам текст в форме комментировать не буду — к лучшему он с прошлого раза не изменился…

лендинг

Это блок хороший, вызывает доверие. Впрочем, тут очень важно понимать, на кого ориентировал лендинг. Если на B2B, то все верно, такие клиенты вызывают доверие и подчеркивают экспертность компании.

А вот если на B2C, то возникают вопросы — не напугают ли простого человека такие названия? Не решит ли он, взглянув на них, что такая услуга ему не по карману?

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

лендинг

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

А вот что вызвало у меня вопрос — так это странная система подсветки вариантов (пример — на иллюстрации).

лендинг

В чем ее смысл? Зачем она нужна? Просто для удобства, чтобы было видно, какая стоимость услуг к какому предложению относится? Так это, вроде бы, и без того легко «читается»…

Я-то понадеялся увидеть какие-то подробности, дополнительную информацию… Но ничего не обнаружил. Впрочем, и это тоже, скорее, придирки.

лендинг

По своей идее это блок абсолютно верный. А вот исполнение подкачало… Что значит «заявка на сайте..»? Почему было не оформить этот пункт в виде призыва («Оставьте заявку на сайте…») — тогда вопросов бы не возникло.

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

В общем, рекомендую получше подумать над этой схемой.

Ах да, и заголовок… Дарю свой вариант: «Как мы подарим Вашей мебели новую жизнь?» Мне кажется, он будет работать гораздо лучше нынешнего безликого варианта.

лендинг

Отзывы — блок важный и нужный. Вот только почему-то все пробелы из отзыва Ларисы сбежали в отзыв Марины. Рекомендую поймать их и вернуть на место — так оба отзыва будут читаться гораздо лучше.

И еще — мне не очень понять, почему у двух отзывов фотографии такие маленькие.

лендинг

В чем принципиальная разница между анонсом над самим отзывом и вот этой фотографией? Ведь нормальный фотоаппарат, судя по иллюстрации к первому отзыву, у того, кто делает эти фото, есть. Так почему он использует его только 1 раз из трех доступных?

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

лендинг

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

Кстати, забавная ошибка (а может, это фича?) есть и в этом случае. Вот как выглядит увеличенная фотография:

лендинг

Видите стрелочки по краям? Как Вы думаете, что они меняют? Фотографии? А вот и не угадали! Вернее, угадали, но не совсем. Меняют-то они фотографии. Вот только не те, что перед нами… А те, что на заднем плане. Да-да, ту самую ленту с примерами. Очень странный эффект, признаться честно.

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

лендинг

Блок с контактами мне понравился. Тут и телефон, и e-mail (и то, и другое кликабельное), и адрес, и карта с этим самым адресом, и виджет «ВКонтакте»… В общем, оставалось бы только похвалить… Если бы я не использовал Firefox. А в нем, как видите, адрес куда-то уехал.

Специально проверил, как этот блок выглядит в Google Chrome…

лендинг

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

Вот мы и дошли до подвала.

лендинг

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

Кстати, при проверке этой самой последней формы я обнаружил еще одну интересную особенность… Попытался отправить заявку со своими любимыми единичками, а мне вот что написало:

лендинг

С одной стороны, интересная защита от повторной отправки заявок. С другой — Вы же помните про повышение лояльности потенциального клиента, правда? В общем, «нужно тестить!»

Так умеет ли этот лендинг продавать?

На мой взгляд, скорее да, чем нет. Правда, это вовсе не значит, что можно сидеть сложа руки и оставить все как есть.

Обычно в этом разделе своих статей я стараюсь подвести итоги и расписать план дальнейших действий по доведению посадочной страницы до ума. Но в этот раз это довольно сложная задача…

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

Так что я, пожалуй, ограничусь самыми основными замечаниями.

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

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

В-третьих, призывы… Доведите их до ума.

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

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


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

Делитесь этой статьей с друзьями и коллегами — для меня это будет лучшей наградой.

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



Статьи в тему