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

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

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

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

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

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

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

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

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

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

#madeontilda

Libro della terra

Una pagina d'amore

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

Как появился формат Pagina di atterraggio

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

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

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

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

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

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

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

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

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

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

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

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

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

Введение

Задача и идея

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

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

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

Контент

Дизайн

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

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