Функциональные элементы Landing Page // Дизайн в цифровой среде

#19. Создание лендинг пейдж

Чтобы сделать Landing Page, нужно понять, из каких блоков она состоит, чем они наполнены, и как их оформить

Landing page (лэндинг пейдж, посадочная страница) — страница, презентующая продукт или сервис.

Главная задача Landing Page — убедить пользователя совершить определенное действие: позвонить, подписаться на рассылку, купить товар, поставить лайк, и т. д.

У Landing Page всегда есть цель, поэтому часто на русский язык название формата переводят как «целевая страница».

Никита Обухов

Основатель Tilda Publishing

Этот материал — ключ к пониманию принципов работы Landing Page. Чтобы его написать, мы с коллегами провели большое исследование продуктовых и сервисных страниц, выделили типовые конверсионные элементы, скомпоновали их в категории и проанализировали формат в целом.

Где смотреть примеры хороших лэндингов

#madeontilda

Land Book

One Page Love

Кроме этого нужно обращать внимание на страницы продуктов, услуг стартапов: Dropbox, Stripe, Google Photo и т.д.

Как появился формат Landing Page

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

Например, школа английского языка рекламирует курс бизнес-английского с носителем языка. Что видят бизнесмены при переходе на главную страницу? Новости, общую информацию, анонс подготовки к экзаменам для старшеклассников. Чтобы найти свой курс, нужно пойти в каталог услуг, потом посмотреть отзывы, потом перейти на страницу с преподавателями, потом дойти до контактов. Каждый клик — это потеря клиентов. Люди уходят и это нормально.

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

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

Соответственно, как только делаешь такую страницу, растет конверсия. Создание дополнительной страницы — это затраты, но увеличение конверсии их компенсирует.

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

Те принципы, которые сложились в формате Landing Page, стали распространяться и на главные страницы в целом.

Ярослав Шуваев

Product owner Альфа-Мобайл, подразделения Альфа-Банка.

Лэндинг — эволюционный шаг развития цифровых коммуникаций. В определенный момент пришло понимание что пользователь попадает из поисковика напрямую на карточку продукта или услуги, минуя главную страницу. Такие разделы как «Услуги» или «Каталог» в определенный момент развалились на моносервисные или монопродуктовые лендинги.

Что будет дальше?

Безусловно, подход к дизайну «посадочных страниц» станет еще более рациональным. Уже сейчас появляются такие направления в дизайне как Conversion Centered Design. Набирает популярность персонализация лэндингов, когда страница подстраивается под поисковый запрос и историю пользователя.

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

Введение

Задача и идея

Дизайн-исследование и фокусировка

Оcновы графического дизайна

Прототипирование

Контент

Дизайн

Чтобы читать дальше, оплатите годовую подписку на Тильду и получите курс в подарок!

Также в этом курсе