Анатомия landing page: структура продающего текста

web-greatpro-blog

Возможно ли вывести универсальную формулу посадочной страницы? Формулу, пожалуй, нет. За правильно работающим лендингом стоит глубокая и, главное, индивидуальная работа. Но собрать «скелет» фундаментальных блоков, которые точно есть в прибыльных landing page, вполне реально. Именно этому посвящен наш сегодняшний материал. Начинаем.

1. Стартовый экран

Принято считать, что первая страница лендинга – наиболее важная его часть. Мол, как корабль назовешь… Да, она чрезвычайно значима, но в плане контента задача стартового экрана – не продать товар, а только выиграть у клиента еще 15-20 секунд, пробудив у того интерес проскроллить до следующего экрана.

Чтобы главная страница действительно цепляла и при этом не была перегружена, информацию лучше разбить на четыре части:
— надзаголовок (если уместно) – короткое сообщение из 3-5 слов, призванное заинтриговать читателя;
— заголовок – собственно, название товара или услуги;
— подзаголовок – наиболее объемный и «сухой» фрагмент главной страницы, задача которого емко и информативно описать предлагаемый товар или услугу;
— призыв к действию, ненавязчивый и ведущий на второй экран, например, не «Купить», а «Узнать подробнее».

Детальнее о наполнении стартового экрана читайте в материале Анатомия landing page: что такое надзаг, заг и подзаг?

2. Знакомство + оффер

Вот, пожалуй, именно эта часть landing page самая значащая. От нее зависит где-то 50% успеха. Если офферы поданы удачно и точно в цель, на следующих страницах дело останется за малым. Однако важно понимать, что этот блок не о том, насколько крут ваш продукт. Он о том, какие клиентские боли вы решите и какую конкретную выгоду принесете человеку, ставшему вашим клиентом.

Максимально удачный вариант подачи: несколько предложений friendly-текста, определяющих главную боль клиента + несколько пунктов, показывающих решения с помощью предлагаемого продукта + мощный призыв к действию.

Но это тоже не универсальная формула. Если в случае вашего лендинга уместнее подать оффер иначе, вперед. 🙂

3. Доказательства

Чем дороже ваш товар, тем больше сомнений будет терзать клиента. А это значит – нужно больше аргументов, чтобы мотивировать его таки совершить покупку. Мощно зарядить лендинг мотивацией и победить клиентские сомнения можно с помощью следующих инструментов.

Отзывы. Только не выдуманные копирайтером серенады с фейковых аккаунтов, а реальные и аргументированные отзывы от настоящих заказчиков, подлинность которых можно подтвердить, например, ссылкой на сайт или социальные сети. Здесь есть небольшой лайфхак – просите клиентов писать отзыв по определенной схеме: задача или боль – поиск решения – ваше участие – результат и впечатления.

Кейсы. Как и правдивый отзыв, качественный кейс является одним из лучших аргументов в пользу покупки. В классном кейсе упоминаются все те же моменты, которые были перечислены пунктом ранее (задача – решение – результат), но расписанные с точки зрения профессионального исполнителя, а не заказчика.

Цифры. Слова словами, но больше всего доверия вызывают конкретные цифры. Если это уместно, сделайте на посадочной странице отельный «математический» блок, в котором обыграйте самые красивые цифры: скидки, годы гарантии, выигранные с помощью покупки человеко-часы и другие честные данные.

Мифы. Отличный вариант провести работу с возражениями на опережение. Объясняем. Наверняка, наполняя landing page, вы заранее можете предугадать наиболее частые сомнения и возражения, которые могут зародиться в голове потенциального покупателя. Сделайте из них отдельный блок мифов и успешно развенчайте каждый из них. Busted!

Детальнее о доказательных блоках читайте в материале Анатомия landing page: блок аргументов

4. Аргументация цены

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

Хуже, если фиксированной стоимости вообще нет. Тогда есть вариант заинтересовать клиента калькулятором ориентировочной цены, чтобы он видел, из чего состоит конечная сумма.

О других работающих инструментах читайте в материале Анатомия landing page: аргументация цены

5. Ударная концовка

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

Подобных техник немало, детальнее о них читайте в статье Анатомия landing page: финальный текст

На этом будем заканчивать нашу рубрику Анатомия landing page. Все предыдущие материалы можно полистать по ссылкам, приведенным в этой статье, а если у вас появились вопросы или вы с чем-то не согласны, оставляйте свои комментарии – с радостью пообщаемся. Удачи!

4 признака идеального ТЗ на разработку сайта

blog-digital-web-greatpro

Как гласит офисно-народная мудрость, без внятного ТЗ результат – сами понимаете. Поэтому в сегодняшнем материале разбираем такую важную тему, как подготовка техзадания на разработку сайта. И не абы какого ТЗ, а того самого – внятного. Начинаем.

А можно без ТЗ?

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

Критерии работающего ТЗ

Ниже собрали четыре ключевых момента, которые нужно учитывать при составлении ТЗ.

1. Измеряемые задачи. Задания, прописанные в техзадании, должны подразумевать результат, который можно «пощупать руками». Представим себе ТЗ, в котором прописана следующая фраза: «Готовый сайт должен быть удобным, красивым и нравиться клиентам заказчика». Странное определение, так как «нравится/не нравится» – дело вкуса. Поэтому художественные моменты в ТЗ не прописываются.

2. Классическая структура. В хорошем техзадании обязательно присутствуют следующие пункты:

• Описание бизнеса
• Предназначение сайта (продажа товаров, визитка, платформа для общения с клиентами)
• Блоки и разделы сайта
• Технические нюансы (кроссбраузерность, адаптивность, CMS, хостинг)
• Функциональные возможности (чат-бот, калькулятор, форма обратной связи, счетчик посещений)
• Примеры сайтов, которые нравятся заказчику

3. Ответственность сторон. Кроме прочего, отдельным пунктом в ТЗ стоит прописать, какая из сторон за что отвечает. Например, наполнение сайта контентом. Если основной контент заказчик собирается подготовить сам, но в некоторых экранах ему нужна помощь, об этом нужно написать в ТЗ: «Текстовый контент для блоков «О нас», «Кейсы» и «Политика конфиденциальности» готовит исполнитель, остальной текстовый контент предоставляет заказчик».

4. Дозированные хотелки. Пожелания заказчика во время реализации сайта – это важно, не стоит игнорировать их. Но всему есть предел, и заказчик не должен вмешиваться в глубинную техническую работу исполнителя. А фраза «Все, что не оговорено, выполняется на усмотрение исполнителя» в самом конце ТЗ здорово защищает такую позицию.

Кто составляет ТЗ?

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

Техническое задание обезопасит заказчика от некачественного результата, а также поможет исполнителю быстрее и лучше справиться с работой. Поэтому не стоит относиться к его написанию и согласованию как к чему-то бюрократическому и второстепенному. Ну а если вы прямо сейчас ищете хорошего подрядчика, способного выполнить веб-услуги любой сложности, обращайтесь к нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Удачи!

 

Похожие материалы:

6 признаков того, что ваш сайт устарел

Выбираем домен для сайта: неочевидные секреты

Нужен ли блог на коммерческом сайте?

Что нужно знать о геймификации сайта?

Форма входа и регистрации на сайте: советы веб-дизайнеру

Анимация пользовательского интерфейса: 5 ключевых советов

digital-greatpro-web-blog

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

1. Анимация. Начало

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

2. Анимация – не панацея

Превратить сайт или приложение в бесконечный анимированный ролик – это, конечно, очень заманчиво, но на деле недопустимо. Безразборное добавление анимации в пользовательский интерфейс будет крахом UI- и UX-принципов по отношению к вашему ресурсу. Использовать анимацию следует лишь там, где это действительно уместно, например, при переходе на другую страницу, ожидании или для подсказок пользователю.

3. Скорость анимации

Еще один важный момент – скорость анимации. Если ее воспроизведение занимает меньше одной секунды, за анимацией становится сложно уследить. Если же больше 5-6 секунд – она однозначно будет восприниматься пользователем как слишком затянутая.

4. Анимация, сокращающая ожидание

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

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

5. Микроанимация

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

Не забудьте сохранить эти рекомендации, когда-нибудь пригодятся. А если хотите заказать разработку сайта «под ключ», звоните нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Организуем.

 

Похожие материалы:

10 заповедей типографики

Что нужно знать о геймификации сайта?

Форма входа и регистрации на сайте: советы веб-дизайнеру

Страница 404: яркие идеи по оформлению

6 признаков того, что ваш сайт устарел

4 ошибки, которые с головой выдают слабого веб-дизайнера

Анатомия landing page: финальный текст

digital-blog-greatpro-web

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

Техника «Ничего не забыли?»

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

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

Техника «Ограниченное предложение»

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

Техника «Персональный эксперт»

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

Техника «Дегустация»

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

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

Поэтому сохраните вышеприведенные техники и при случае опробуйте их на практике. А если хотите заказать landing page под ключ, звоните нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Сделаем.

 

Похожие материалы:

Анатомия landing page: что такое надзаг, заг и подзаг?

Анатомия landing page: блок аргументов

Анатомия landing page: аргументация цены