- Октябрь 6, 2016
Как сделать сайт качественно и получить хорошую конверсию?
Работать над копирайтом,
акциями и формами
Вас вновь приветствует наша постоянная рубрика «Анализируем Landing Page»! И сегодня мне хотелось бы поговорить с Вами о том, как сделать сайт качественно и при этом добиться от него хороших показателей конверсии и стоимости заявки.
А поможет нам в этом сайт, посвященный строительству домов из клееного бруса компании L’BRUS. Найти его Вы можете по адресу http://moselbrus.ru/. Рекомендую перед тем, как читать эту статью, самостоятельно изучить этот сайт и составить собственное мнение о нем. А потом уже сравнить его с моей точкой зрения.
Общее впечатление
Впечатления от сайта у меня остались несколько смешанные. С одной стороны, сделан он красиво, профессионально. С другой — вопросы вызывает структура сайта. Так, раздел «О компании» выполнен очень странно — информации там нет, только ссылки на подразделы. В разделе «Производство» — просто большой массив текста, читать который довольно сложно.
В общем, есть ощущение, что сайт не продуман до конца. В итоге при интересной первой странице остальные местами вызывают подозрение, что сделаны они «лишь бы было».
Виджет на сайте один — сервис обратного звонка от CallbackHunter’а. Сам виджет ненавязчивый, его можно свернуть и тогда он совершенно перестает мешать:
А вот всплывающее окно, появляющееся при попытке покинуть сайт, поставило нас в тупик. Обратите внимание на стрелочку в верхней левой части окна:
Она указывает на курсор мыши посетителя. Зачем это сделано — разгадать мы так и не сумели. Может быть, Вы сумеете нам ответить?
Первый экран
Может ли посетитель с первого взгляда понять, что попал по адресу? Однозначно — да. Дом на первом экране такой брусовый-брусовый — из бруса даже перила у крыльца. В общем, отличный образ! На мой взгляд, идеальная иллюстрация.
Кроме того, есть и другие элементы первого экрана, которые помогают понять, чему посвящен сайт. Так что с узнаваемостью вопросов нет. Давайте теперь рассмотрим отдельные элементы первого экрана.
В целом с верхним меню все хорошо. Но небольшие вопросы все равно есть. Например, в чем смысл от двух поясняющих надписей — под логотипом и над пунктами меню? Смысл у них один и тот же, почему нельзя было обойтись одной?
В чем смысл разделения пунктов «Производство» и «О компании»? Лично у меня сразу возникло ощущение, что производство не имеет отношения к компании. А ведь Вы хотели показать совсем не это, правда?
Я так понимаю, основная цель этого разделения в том, чтобы отдельно выделить информацию о производстве, так как многих волнует этот вопрос. Тогда есть смысл изменить название этого пункта на «Наше производство», чтобы не возникало никаких посторонних ассоциаций.
Телефон кликабельный, позволяет позвонить по скайпу — это хорошо. Давайте посмотрим, как работает форма сбора контактов.
Вот такое окно появляется при нажатии на кнопку «Заказать обратный звонок»:
Сразу же вызывает удивление текст на кнопке на всплывающем окне. Почему на кнопке на главной странице — «Заказать», призыв в окне — тоже «Заказать» (что правильно), а на кнопке — «Отправить»? Неожиданно и неверно.
Не очень хорошо и то, что в форме сразу два поля, причем оба (в том числе и «Имя») обязательны для заполнения. Зачем? Неужели Вас не устроит заявка, в которой нет имени, а есть только телефон? Я в этом сомневаюсь… Но, быть может, заполнение этого поля все же не нужно? Проверим…
Вы все видите сами. Причем о том, что что-то пошло не так, сообщается сразу несколько раз. И опять же не очень понятно — зачем это нужно. Возможно, в каких-то ситуациях появляется только одна из надписей… Но экспериментировать с целью проверить эту теорию я не стал. Вместо этого решил провести тест на единички.
В поле для ввода телефона есть подсказка по формату номера — это хорошо. При этом не проставлена семерка. Это, пожалуй, тоже плюс. С одной стороны, немного увеличивает усилия, которые нужно приложить потенциальному клиенту для отправки формы. С другой — не потеряются номера, которые были скопированы откуда-то вместе с восьмеркой.
Пробую отправить заявку… И мне это удается!
Благодарность выглядит как-то странно — почему-то появляется она на все том же всплывающем окне, прямо под формой для отправки заявки. Если бы не текст — и не понятно было бы, что заявка уже отправлена.
Также непонятен результат отправки заявки. Что делать дальше? Какие действия теперь предпримет компания? Когда, наконец, со мной свяжутся? Именно такие вопросы возникают у Вашего потенциального клиента. И именно их возникать у него не должно. Так что рекомендую поработать над текстом и сделать его более конкретным.
На первом экране есть и еще одна форма для сбора контактов:
Здесь обязательных для заполнения полей стало еще больше. Кроме того, тут сразу 2 призыва — причем разных. Давайте посмотрим на них повнимательнее.
Первый — «узнайте, как не переплачивать». Второй — «оставьте и получите» (причем, обратите внимание, именно в таком порядке). Текст на кнопке — «получить».
Итак, меня заинтересовал первый призыв и я хочу узнать, как не переплачивать. Что мне делать дальше? Куда нажимать? А нажимать-то мне и некуда, так как после отправки заявки мне предлагается получить специальное предложение… Непорядок!
Ладно, а теперь я хочу оставить заявку (второй призыв). Опять же — куда нажимать? И снова — некуда. Правда, тут решение проще — достаточно поменять местами призывы из второго предложения — «получите, а для этого — оставьте». Все сразу становится логичнее, правда?
А вот с первым призывом — беда. Нужно что-то менять и приводить все в порядок.
Еще одна беда с форматированием формы. Решил я провести тест на единички и посмотреть, какой электронный адрес понадобится для того, чтобы заявка была принята. Заполнил поля, отправил…
Ничего не понятно, правда? А ведь в желтой рамке, по идее, есть какой-то текст. Вот только прочитать его не удастся. Нужно с этим что-то делать.
Ладно, хватит о формах. Давайте посмотрим на центральный элемент первого экрана — заголовок.
Весь заголовок написан заглавными буквами, да еще и с целой пачкой восклицательных знаков. Это не самый лучший вариант — создается ощущение, что Вы кричите на посетителей своего сайта.
Не вызывает сильных эмоций и сам заголовок. То, что брус от производителя — это, конечно, хорошо. Но лишь как дополнительный довод, а не как основное преимущество. Все же для человека, который ищет фирму, которая будет строить ему дом, важнее качество самого дома, а не только то, кто производит брус.
В этом ракурсе 5-летняя гарантия на дом — довод более сильный (в том числе и потому, что он содержит цифру, то есть более конкретен). Впрочем, гарантия 5 лет на загородное строительство — это стандарт, так что особого смысла выносить эту информацию в заголовок тоже нет.
То же самое и с зимним лесом. Конечно, зимний лес для строительства вещь хорошая. Вот только какой от него прок, если Вы строите дома из клееного бруса? Просто привлечь внимание потенциальных клиентов?
В общем, при внимательном рассмотрении заголовок превращается в пшик… А ведь именно заголовок — Ваш основной инструмент для привлечения внимания клиентов. Но он у Вас с этой задачей совершенно не справляется. Так что менять, менять в обязательном порядке!
И, наконец, еще один любопытный элемент первого экрана — боковое меню:
На мой взгляд — вещь очень интересная. Хотелось бы узнать, какие она показывает результаты, как часто ею пользуются посетители, сколько заявок она приносит. К сожалению, сделать какие-то выводы по одному внешнему виду я не могу… Но сама идея, повторюсь, очень интересная.
Основная часть главной страницы сайта
Вот мы и разобрались с первым экраном. Давайте посмотрим, что ждет нас дальше.
А ждет нас вот такой блок с лучшими предложениями дня. Самое главное к нему замечание (не считая того, что заголовок написан заглавными буквами) — это содержание этого самого заголовка.
Судя по всему, идея была в том, чтобы показать актуальность предложений и продемонстрировать их срочность. В принципе, прием хороший, рабочий. Даже в таком виде (то есть с неизменными предложениями, вся актуальность которых заключена только в заголовке).
Вот только при реализации, раз уж блок сделан неизменным, нужно было проявить побольше фантазии:
- 12 предложений — это слишком много, даже непосвященному человеку становится понятно, что что-то тут не так;
- все дома — из одной серии («Э»), да еще и размещены по порядку — внимательный человек это заметит;
- иллюстрации тоже выполнены в одном стиле (во всяком случае, в рядах стиль не меняется);
- скидки на лучшие предложения дня почему-то длятся ближайшие 20 дней.
Как это можно исправить? Очень просто:
- сократить количество предложений до 4, при этом все — из разных категорий (одноэтажный дом, 2-этажный дом, баня, дом-баня);
- сделать различными серии и нумерацию, не располагать дома по порядку (Э-07, К-02, Л-35, В-21);
- сделать иллюстрации разными, например, заменить некоторые на рисунки или проекты;
- сменить название блока на «Лучшие предложения месяца» (скидки до конца месяца) или изменить длительность акции (до 23:59 сегодняшнего числа).
Эти несложные действия помогут сделать Ваши предложения более актуальными и, соответственно, заманчивыми для потенциальных клиентов.
Особенно заметно, что с «Лучшими предложениями» что-то не так, становится после перехода на страницу с проектами (после щелчка по кнопке, которую Вы видите выше). Неожиданно выясняется, что скидки есть абсолютно на все представленные дома (причем на все — до одного и того же числа, 21 октября).
Сразу же возникает вопрос: а зачем нужна такая скидка и почему только 12 из 58 проектов оказались среди «лучших предложений»? (Впрочем, хватит про эти самые лучшие предложения — думаю, уже понятно, что с ними вышел один большой вопрос. Давайте лучше поговорим про скидки).
Скидки — это хорошо. Они привлекают внимание клиентов. Но не нужно делать скидки на все товары сразу! Вернее, можно поступить и так. Но в таком случае эту скидку нужно обосновать. Например, скидки по случаю Дня рождения компании. Или так: «В этом году мы успеем построить всего 3 дома. При этом начать строительство нам нужно до 21 октября. Поэтому при заказе до 21.10 действуют специальные скидки на строительство в этом году!»
Надеюсь, Вы поняли основную идею — обосновать причину, по которой у Вас получилась такая тотальная распродажа. Без обоснования же это выглядит так, как будто Вы добавили к стоимости строительства несколько сотен тысяч, потом их зачеркнули, а стандартную цену назвали «скидкой» (и, скорее всего, так и было, правда же?).
Второй вариант — вернуться к идее лучших предложений и давать скидки на 4 проекта в день (в неделю, в месяц — как Вам угодно). Тогда это будет смотреться именно как лучшее предложение и скидку можно будет и не обосновывать. Впрочем, обоснование все равно не будет лишним — оно покажет Вашим потенциальным клиентам, что это настоящая скидка, а не нарисованная.
Кстати, потом я все же нашел обоснование акции. Вот только запрятано оно оказалось так, что, как говорится, «без поллитры не разберешься». Вот оно:
Опять возникли вопросы: что за скидочный объем леса? Почему он закончится после определенного числа, а не после заказа какого-то количества домов?
В общем, обоснование все же есть, но довольно слабое и найти его — настоящая проблема. Не нужно так делать, выставляйте обоснование на самое видное место, чтобы у посетителей сайта не возникало вопросов.
Следующий блок — это преимущества. В целом блок полезный и нужный. Очень понравилось, что все преимущества включают обоснования — это правильно. Вот только по содержанию есть вопросы.
Начнем с начала. 5-летняя гарантия, как я уже говорил выше, — преимущество довольно слабое для того, чтобы выносить его на первое место. Основная причина в том, что такая гарантия — вещь обязательная, и все, кто хотя бы немного заинтересован в загородном строительстве, это понимают.
Кроме того, очень странно выглядит и само обоснование. При 10-летнем опыте работы Вы даете гарантию только на 5 лет. Это скорее сыграет против Вас, так как натолкнет потенциальных клиентов на мысли о том, что после 5 лет с домами происходит что-то неладное… И Вы это уже узнали на опыте.
Как исправить? Например, написать про 10-летнюю гарантия, основанную на вашем 10-летнем опыте. Тогда все становится логично и преимущество сразу приобретает настоящую ценность, ведь Ваша гарантия в 2 раза дольше, чем у Ваших конкурентов.
Собственное производство — это хорошо. И обоснование у него есть — это отлично! Вот только выгода для клиента не очевидна. А именно на нее стоит обратить особое внимание. Клиентов интересует их выгода, а не Ваши особенности…
По экскурсии вопросов нет — только после «перед тем» нужна запятая и правильно будет «познакомитЬся». Вообще с правописанием наблюдаются некоторые проблемы на всем сайте, так что рекомендую обратиться к корректору.
А в последнем блоке есть проблемы… Заголовок от него лучше всего подходит к блоку «Собственное производство», так как тут описывается не то, почему брус дешевле, а почему Ваши дома стоят меньше, чем у конкурентов.
И не хватает конкретики. Напишите, сколько домов Вы строите в год, сколько Вы экономите на рекламе — и за счет этого конкретизируйте то, на сколько дешевле конкурентов Вы строите дома. И тогда это преимущество заиграет новыми красками!
Это тоже хороший блок (не считая большого количества заглавных букв). Вот только заголовок подходит к первому пункту, но не к остальным. Так что нужно над ним еще поработать.
Сейчас заголовок привлекает внимание только тех, кому необходимо индивидуальное проектирование. Те, у кого уже есть проект, могут просто не обратить внимание на этот блок. А ведь призыв на кнопке рассчитан именно на них!
Кстати, такому огромному призыву на кнопке не место. Хотя бы из-за того, что не сразу становится понятно, что это именно кнопка. Разместите его вместо заголовка или над кнопкой. А на ней напишите что-то короткое. Например, «Получить расчет стоимости». Этого будет вполне достаточно.
А вот и всплывающее окно, появляющееся по клику по этой самой кнопке. Опять множество восклицательных знаков… Простите, но это детский сад. Вашу целевую аудиторию вряд ли это привлечет.
Но главный вопрос в другом: как расчет стоимости-то получить? Мне, как клиенту, не интересен Ваш звонок. Мне интересно получить обещанный расчет!
Выход простой — предложите загрузить и отправить проект дома. И тогда Вы сможете обсуждать с потенциальным клиентом конкретную стоимость строительства (что Вы ему и обещали), а не что-то мифическое.
Этот блок особо разбирать не буду. Судя по всему, основная его задача — SEO-продвижение. Но я все же рекомендую даже в таких текстах добавлять продающие элементы.
Например, конкретно тут стоило бы снять возражения и страхи, возникающие у клиентов — высокая стоимость материала и его неэкологичность.
Карта — это хорошо. Разве что стоило бы разместить ее таким образом, чтобы было видно ближайшую станцию метро. Это очень облегчит Вашим клиентам ориентацию на местности.
С подвалом тоже, в целом, все хорошо. Разве что не хватает реквизитов компании. Рекомендую добавить, так как они повышают доверие, демонстрируют то, что это надежная фирма, а не какая-то однодневка.
Как же сделать сайт качественно?
Оговорюсь сразу: сайт получился вполне качественным даже и в таком виде. И не принимайте близко к сердцу мою критику!
Но вот с продающими способностями у него настоящая беда.
Так что основное внимание я рекомендую уделить именно доработке текстов, работе с акциями и решению прочих проблем, которые я постарался максимально подробно описать в этой статье.
На что нужно обратить особое внимание? В первую очередь — на первый экран. Затем — поработать с формами для сбора контактов. И, конечно, приведите в порядок свои «Лучшие предложения»! Это отличный инструмент, но его, как и любой другой инструмент, очень важно правильно использовать.
Надеюсь, мои советы будут Вам полезны. Если у Вас остались вопросы — задавайте их в комментариях, и я обязательно на них отвечу.
Делитесь этой статьей с друзьями и коллегами — для меня это будет лучшей наградой!
И, конечно, ждем ссылки на Ваши сайты и продающие страницы — мы обязательно их разберем и проверим, умеют ли они продавать.
До новых встреч!
Статьи в тему
- Как дизайнер работает над продающим дизайном
- Качественный сайт, нуждающийся в доработке
- Посадочная страница: типичные ошибки при создании первого экрана
- Рекламная кампания: основные ошибки при подготовке
- Интеграция с CRM: зачем она Вам и как её окупить?