Как и обещал, расскажу о том, каким должен быть эффективный продающий сайт. Спасибо за запрос в комментариях, рад, что вам интересна эта тема. Итак, если вы хоть раз тестировали разные лендинги, то наверняка заметили, что хороший сайт может поднять продажи, а некачественный – запороть, каким бы классным ни был товар. Именно поэтому так важно сделать одностраничник с качественным дизайном: т.е. удобным и приятным для клиентов, с правильно расставленными акцентами, обращающими внимание на нужную для принятия решения о покупке информацию.
Ниже я пройдусь по каждому блоку продающего сайта и расскажу, какими они должны быть, но прежде, чем переходить к этому чек-листу, напомню: как бы вы ни перекраивали свой сайт, всегда помните о цели своих действий. Наша цель – не красота, не яркий рассказ о товаре, не попытка создать дизайн века, а продажи. Мы хотим, чтобы посетитель сайта стал нашим покупателем, причем не просто положил товар в корзину, но и купил его!
Заголовок. Длина 8-10 слов. Большой заголовок.
- Выравнивание текста либо по левому краю, либо по центру экрана
- Превосходная читаемость – черный текст на светлом фоне или белый текст на темном фоне.
- Если фон сложный, делайте чуть прозрачную подложку под текст
Изображение продукта на первом экране.
- Качественное и яркое
- Понятное изображение: что продаем, кому и зачем – ответ на эти вопросы должен быть четкий
- Картинка отражает РЕЗУЛЬТАТ решения проблемы. Вот тут расскажу подробнее. Наша задача, как продавца, понять, какую проблему клиента решит наш товар и показать ему как раз это готовое решение. Зачем человеку, например, фильтр для воды? Как таковой – на фиг не нужен. А нужна именно чистая вода, чтобы пить и быть здоровым. И тогда на первом фото можно поместить изображение людей, пьющих кристально-чистую воду. Не надо здесь размещать картинку из серии «до» с мутными жидкостями, для нее найдется место в другой части сайта.
- Если есть возможность, возьмите картинку, на которой показан процесс применения продукта. Например, мужчина-бизнесмен на совещании, а на руке у него часы, которые вы продаете. Или довольная девушка легко моет окна с помощью магнитных щеток.
- Картинка просто обязана дарить позитивные эмоции, как только человек попадает на страницу.
Призыв к действию – CTA.
Не заставляйте клиента искать форму заказа по всему сайту. Обязательно оставьте призыв к действию прямо на первом экране. Разместить СТА можно прямо на кнопке. Она должна быть контрастной, большой, яркой. Похожей на кнопку!
Форма заявки.
- Подзаголовок формы (вариативно) – описывает подробнее выгоду и что получит клиент
- Фон формы отличается от фона бекграунда. Если фон бекграунда темный, форма светлая и наоборот
- Поля у формы с закругленными краями и отличаются по цвету от фона формы. Лучше белые
- Если поля сложные, то обязательно пример заполнения или подсказок
- Убираем все ненужные поля. Чем меньше полей, тем больше конверсия.
Видео.
Сразу оговорюсь – не нужно толкать на сайт какое попало видео, иначе оно может испортить впечатление, а не усилить его. Не поленитесь сделать качественное и профессиональное видео, которое сделано именно под ваш продукт, потому что только в этом случае оно сработает на повышение конверсии.
- Длительность 1 — 3 минуты. Идеально 1 минута.
- Отражает и подтверждает выгоду/особенности продукта
- Закрывает какое-то возражение
- Описывать проблему и показывает решение
Внимание! Никогда не используйте видео ВМЕСТО изображения!
Фон остальной части.
Многие продавцы стараются украсить эту часть сайта и выделиться за счет нее из общей массы лендингов. Увы, это редко играет на руку. Да, люди привыкли к ярким цветам в интернете и т.д., но не стоит забывать, что более привычен всем нам именно книжный формат – светлый фон, темный текст – как у печатных изданий. Да, могут быть вариации на тему, но в любом случае, стоит помнить, что привычное оформление воспринимается как более комфортное.
- Фон всей остальной части сайта, кроме первого экрана, только белый или немного серый.
- Выделяем фоном только очень важные места, а не все подряд.
Пустое пространство.
Еще одна причина, по которой сайт может вызывать дискомфорт у пользователя и желание уйти с него поскорее – это излишняя загруженность. Не стоит бояться пустых мест, не беспокойтесь, что если вы оставите пару пустых строк, клиент что-то там не дочитает. Дочитает, причем с бОльшим удовольствием, чем слепленный в кучу текст. Кроме того, пустое место помогает выделить самые важные моменты, например, СТА, и расставить акценты.
Текст.
- Максимум 2 шрифта на странице
- Шрифты без засечек
- Текст должен всегда комфортно читаться, без лишних напряжений.
- Также обращайте внимание на сочетаемость шрифта и фона, особенно если фон сложный, разноцветный.
- Абзацы, пункты. Структура текста важна. Попробуйте прочитать его сами или попросите кого-нибудь из друзей и близких. Текст должен быть разделен на смысловые абзацы, причем не слишком длинные и перегруженные. Не нужно добавлять весь текст только потому, что он у вас есть. Помните о своей главной цели и удаляйте лишнее, если видите, что оно ей противоречит
- Краткость. Думаю, из прошлого пункта уже понятно, почему это важно. Дайте людям максимум информации в минимуме текста, не тратьте их время, сокращайте текст.
Самый лучший прием при работе с текстами – отложить их и перечитать с утра. Обычно наутро они не кажутся такими уж гениальными
Это основные моменты, которые стоит проверять всегда. Если вы проработаете свой лендинг по всем пунктам, то увидите, насколько более качественным и привлекательным именно для покупателей он стал. Кстати, вы можете пользоваться этим чек-листом не только при создании новых сайтов, но и для проверки имеющихся. Иногда достаточно просто внести некоторые изменения, чтобы увидеть положительный результат.
В следующей статье мы рассмотрим маркетинговую составляющую при создании сайта, чтобы вы понимали, какое впечатление он должен производить в итоге. Не пропустите))