Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина
Давайте отвлечёмся от сайта и представим, что вы в дорогом мебельном магазине и хотите выбрать красивый стильный диван. Вы только зашли в магазин, осматриваетесь, узнаете цены и сравниваете модели. Вопрос: вы готовы за 10 секунд сделать свой выбор и сразу же оплатить товар? Конечно нет, возможно, вы сначала обойдете десять магазинов мебели, расспросите о диванах, попробуете присесть на него, пощупаете материал, позовёте консультантов и зададите вопросы… И будете правы, ведь у вас есть выбор.
Сравнивая модели, вы найдете нужные преимущества, внимательно выслушаете продавца, узнаете о гарантиях и своей выгоде, и только тогда, может быть, спустя неделю, решитесь приобрести дорогой товар. И только тот, который вызвал у вас доверие.
Вы думаете, так происходят покупки только оффлайн? Конечно, нет! Люди везде одинаковые и точно также выбирают товары или услуги на сайтах.
Отсюда простой вывод: если вы сделали длинный сайт и на нём расписали преимущества своей фирмы, у вас будут только «холодные контакты», да и то с конверсией 1-2 % от вложенных в рекламу денег. Почему? Да все просто: у посетителей сайта не появилось к вам доверия.
О доверии к продавцу
В магазине доверие возникает, когда продавец рассказывает о товаре, и когда его можно потрогать, близко рассмотреть. А вот на сайтах доверие нужно завоевать. Каким образом это сделать? Предложить что-то бесплатно, дать полезную информацию, которая покажет, каким экспертом вы являетесь. Например, на обучающих сайтах часто дают бесплатные уроки, и человек, скачивая их, оставляет контакты. С этими «холодными контактами» начинает работать менеджер, превращая их в «тёплые» и постепенно доводит до продажи.
Для этого процесса на сайте обязательно должна быть страница захвата контактов. Ошибка – не иметь страницы захвата контактов и ждать звонков от «холодных контактов».
Страница захвата – это мини-лендинг, специально созданный для «захвата» имени и адреса электронной почты посетителя сайта взамен на полезный бесплатный контент или бонус (например, электронную книгу). Такая страница предназначена для того, чтобы получить контакты потенциального клиента. Обычно она делается с лаконичным дизайном и даёт взамен на контакты какую-то пользу: скидку, дополнительные бонусы, бесплатные уроки, подарок к покупке, доступ к закрытым материалам и т.д. См. рис. 12.
Признаки страницы захвата:
– она короткая, с лаконичным дизайном,
– есть чёткий и понятный заголовок,
– есть только одна кнопка призыва к действию.
Рис.12. Страница захвата контактов
Ошибка 2. Неправильно сделан первый экран сайта
Когда посетитель открывает сайт, он смотрит первый экран, и за первые десять секунд решает, – нужно ему или нет то, что предлагается на сайте. При нынешнем дефиците внимания посетители смотрят только начало страницы и сразу проматывают в конец сайта. Поэтому от первого экрана на 90% зависит процент конверсии, рост продаж, количество посетителей сайта и успешность продаж.
Типовая ошибка на сайте – невнятный первый экран, на котором налеплено слишком много информации, или непонятно, что вообще предлагается. Или есть лишние кнопки, которые уводят с ресурса.
Как правильно сделать первый экран
Об этом уже шла речь в предыдущей главе, но, считаю не лишним повторить правила создания продающего первого экрана. Первый экран должен чётко и ясно показать, что именно предлагается на данном сайте, в чём выгода или преимущество данного товара или услуги. На первом экране не должно быть ничего лишнего, никаких отвлекающих кнопок, рекламных баннеров и прочей ненужной информации. Иногда, лишним бывает даже видео с Ютуба, уводящее с вашего ресурса на другой сайт.
Лаконичность на первом экране – ваша первая ступень к успешным продажам!
Рис. 13. Пример лаконичного дизайна сайта (создан автором учебника)
Ошибка 3. Нет интересного заголовка (оффера)
Заголовок на первом экране сайта должен быть чётким, понятным, интересным. Кроме того, он должен:
– предлагать выгоду,
– называть главное преимущество товара или услуги,
– предлагать способ решения проблемы, избавление от боли,
– отображать выгоду в конкретных цифрах (например: «Запишись на курс дизайна сейчас и сэкономь 15 000 руб.!»).
Частой ошибкой на сайте является то, что заголовку не уделяется внимание. Клиент вместо заголовка ставит свой слоган, и от этого вся логика сайта нарушается. Первый экран – это первое касание клиента, и здесь главное не оттолкнуть непонятными предложениями, длинными заголовками или откровенным расхваливанием себя.
Сравните два заголовка:
1. Вложите деньги в нашу новую финансовую компанию и получите хорошую прибыль.
2. Хотите 500 000 рублей через 3 месяца? От вас – минимальные вложения, от нас – бесплатное обучение! Узнайте, как разбогатеть!
Речь идёт об одном и том же, но в первом случае всё скучно и неинтересно, а вот во втором заголовке есть конкретное предложение выгоды, бонус в виде бесплатного обучения, призыв к действию («узнайте») и интрига.
Как правильно составить заголовок
Составление заголовка – это целое искусство, нужно учесть все интересы целевой аудитории и предложить именно то, чего хотят люди.
Хороший/плохой оффер
Хороший оффер. Понятен, краток, точен, показывает результат, сроки, цифры и закрывает главные желания клиентов или обещает избавить от главной боли. Человек его прочитал и понял именно так, как вы хотели. В хорошем оффере не используются метафоры, витиеватые фразы, ассоциации и т.д.
Плохой оффер. Размазан, содержит много лишних и пустых слов, нет точных формулировок, абстрактные понятия, обещает слишком мало или необоснованно много.
Пример хорошего оффера: «Доставим за 60 минут – или пицца бесплатно!».
Пример плохого оффера: «Станьте красивой и постройте счастливые отношения с мужчиной» (нет конкретики).
Сравните два заголовка:
1) уже скоро вы почувствуете легкость.
2) через 2 часа у вас пройдет головная боль.
Первый вариант – неконкретный, второй – обещает конкретный результат.
Рис.14. Пример удачного первого экрана и лаконичного оффера
Существует множество типов продающих заголовков, и несколько техник по их созданию. Одна из самых удачных – 4U. Заголовок по технике 4U содержит 4 компоненты:
1U. Usefulness (полезность). Какую конкретную пользу вы предоставите вашему клиенту? Не характеристика вашего продукта, а именно в чем выгода клиента. Не дрель, а дырки. Например: «Заработай 200 000 рублей на разработке сайтов!». (Реклама курсов по разработке сайтов).
2U. Ultra specificity (специфичность). Конкретика обычно заключается в цифрах. Сколько чего-то. Или насколько лучше, дешевле, быстрее и т.д. Например: «Наши курсы английского на три месяца быстрее обычных».
3U. Urgency (срочность). Как быстро клиент получит результат? Например:
