Секреты интерфейса Landing page

Секреты интерфейса Landing page

(00:10) Здравствуйте, меня зовут Ткачев Владислав, я являюсь основателем веб-агентства Station. Вы смотрите целую серию мастер-классов, посвященных основам юзабилити сайта. В сегодняшнем видео мы рассмотрим секреты интерфейса Landing page, одностраничных сайтов, как их сделать наиболее рентабельными и наиболее соответственно, конверсионными для посетителей, которые к вам приходят. Соответственно, первый момент, который стоит учитывать на Landing page – это скроллинг, прокрутка страницы. Если в отличие от многостраничных сайтов, где у вас человек может пройти по нескольким, соответственно, посадочным страницам и так далее, на лендинге это в принципе только один экран, так как 60% даже не прокручивают его вниз. Соответственно, в пределах первого экрана необходимо размещать основную маркетинговую информацию. Желательно ее использовать непосредственно в баннере, чтобы он динамически сменялся, пробрасывать через него какую-то акцию, выводить его желательно в отдельный офер, то есть форму захвата, чтобы человек вам без лишнего клика мог вводить свое имя, контактную информацию и нажимать отправить заявку. Соответственно, с формами захвата и различными уникальными торговыми предложениями, так называемыми УТП, на Landing page рекомендуется использовать 3 как минимум этих формы. Во-первых, разделить общий лендинг в три экрана в глубину, то есть, соответственно, верхняя часть наиболее горячая, вторая часть да там средней температуры те, кто будут опускаться, ну и низ, соответственно, для тех, кто уже более глубоко опустился для них, возможно, более техническая информация и так далее.
(01:50) Соответственно, в первом экране у нас первая форма с первым уникальным торговым предложением или офером. Во втором экране, когда он чуть-чуть спустился вторая и третья. Тестируем три различных уникальных торговых предложения, настроив счетчики веб-аналитики, вы со временем можете прийти к выводу, к примеру, вторая форма, которая находится посередине, конвертирует посетителя гораздо лучше, нежели первая. Соответственно, просто рокирнув их местами, вы можете также протестировать данную акцию или уникальное торговое предложение на большем количестве посетителей, потому что больше 60%, повторюсь, не проскроливают, не прокурчивают страницу вниз экрана. Соответственно, это позволит вам поднимать конверсию и проводить АБ-тестирование без настройки Google Analytics и аналогичных сервисов.
(02:38) Ну соответственно, тоже, о чем уже говорил, самое сладкое поднимаем наверх, выстраиваем скользкую горку. Тоже один из очень тонких моментов разработки непосредственно одностраничного сайта. Что такое скользкая горка? Это когда вы весь контент на странице сайта выстраиваете под модель непосредственно диалога вашей целевой аудитории, то есть что они спрашивают первым, что они спрашивают вторым и что они спрашивают третьим. Таким образом, выстраивая такими блоками контент, соответственно, человек начинает чуть-чуть прокручивать вашу страницу, следующий заголовок, да, следующий блок контента будет давать ему подсознательный ответ на вопрос. Тем самым он будет прокручивать ниже, ниже и ниже, тем самым появляется эффект сколькой горки, когда человек до самого низа ознакомился с вашим рекламным посланием. Единственная рекомендация - не выставлять цену в скользкой горке в середине. Цену на Landing page лучше обрабатывать внизу стараться, если у вас там большая какая-то цена, либо там тарифная сетка. Выставляйте как можно ближе к низу страницы, чтобы создать правильную ценность, правильно обыграть страхи вашей целевой аудитории, показать этапы работы, показать такие элементы, как сошиалпруф, то есть социальное доказательство (отзывы и так далее). Соответственно, после этого уже предоставлять цену.
(03:57) Ну, и соответственно, также стоит помнить, что Landing page трудно сделать под большой объем товара. К примеру, если вы продаете стиральные машины и холодильники, Landing page может вам довольно-таки сильно проламывать конверсию на каком-то одном из данных видов товаров, потому что первый экран, который будет видеть человек, в принципе, он будет связан либо только со стиральной машиной, либо с холодильниками. Соединив их вместе, будет тяжелее таргетировать ваше послание именно на какую-то определенную группу людей, которые ищут определенный товар. Соответственно, стоит об этом помнить, то есть лендинги не совсем оптимальное решение, если у вас все-таки широкая товарная линейка или вы предоставляете целый ряд услуг.
(04:39) И следующий самый важный момент, не только с лендингом, а в принципе, со всеми сайтами: помните, по горизонтали скролит фактически 1%, то есть это практически никто не делает. При этом, когда вы соответственно, делаете лендинг, вам также очень внимательно надо быть к его адаптации. Соответственно, сейчас на данный момент больше половины трафика в интернете идет с мобильных устройств. Адаптация его под различные планшеты и так далее поможет соответственно вам выиграть в том плане, что не будет отрезаться какая-то часть контента, которая несет там знак доверия и будет стимулировать, соответственно, к принятию решения вашей целевой аудиторией.
(05:18) На этом у меня все. Делайте продающие Landing page, занимайтесь АБ-тестированием, ставьте лайки к данному видео, за репосты будет отдельное спасибо. Если у вас есть вопросы, пишите их на наш e-mail и в комментариях к данному видео. Подписывайтесь на наш канал. Спасибо!