Что включает хороший продуктовый лендинг
Отправить статью или инфоповод
6 декабря 2021
2054
© Hal Gatewood
Как сделать лендинг информативным, завлекающим, лаконичным и побуждающим одновременно? Рецептом идеального лендинга делится веб-дизайнер WIM.Agency Юлия Козловская.
Юлия Козловская
Web-дизайнер WIM.Agency
Искусство создания лендингов заключается в рациональном использовании каждого кусочка страницы. При этом нужно познакомить пользователя с продуктом, стимулировать на совершение целевого действия и не перегрузить информацией. Чтобы вы не запутались в хитросплетениях этого тонкого дела — расскажем рецепт хорошего лендинга.
Что включает в себя хороший лендинг?
Структура
Любой лендинг начинается со структуры. Необходимо продумать логику страницы, решить, как разбить всю информацию по экранам и структурировать ее. Это позволит пользователю легче ориентироваться по странице и считывать информацию, а грамотная подача увеличит конверсию.
Примеры лендингов с хорошей структурой:
Скаски
Создатели сайта хорошо продумали логику и путь пользователя. На странице мы постепенно находим ответы на все интересующие путешественника вопросы: чем заняться на территории комплекса и за ее пределами, как добраться и так далее.
Justfood
Разработчики позаботились о самом главном — познакомили пользователя с меню и ценами в интерактивном формате, а также оставили удобную форму для заказа.
Визуал
То, что лендинг должен быть ярким и динамичным, знает каждый. Однако не стоит перегружать его, визуал не должен стать помехой к интуитивному восприятию информации. Старайтесь минимизировать количество элементов на одном экране, акцентируйте важные блоки с помощью якорных объектов и правильной шрифтовой иерархии.
Примеры лендингов с не перегруженным визуалом:
Remote Moscow
Все акценты в тексте лендинга аккуратно выделены шрифтом и цветными подложками — без лишних отвлекающих элементов.
Так пользователь легко может найти важную информацию о туре.Smart diet
Лаконичный лендинг-визитка. Чтобы немного разнообразить графику, были добавлены яркие эмодзи.
Тренды в дизайне
Использование трендовых решений в дизайне — большой плюс. Сейчас на волне популярности 3D-рендеры, глассморфизм, брутализм, сложные градиенты, нестандартные иллюстрации и нестареющий минимализм. Важно знать, с какой аудиторией вы выстраиваете коммуникацию, чтобы понимать, как грамотно внедрить тренды в дизайн. Некоторые из них могут быть совсем неуместны для конкретной аудитории.
Примеры лендингов с использованием трендовых решений:
Альфа Банк
За счет цветного градиента лендинг выглядит очень ярко и сочно — то, что нужно для летнего кэмпа.
Кухня на районе
3D-рендеры на лендинге Кухни цепляют взгляд и придают графике глубину. Такие объемные изображения хорошо сочетаются с простым минималистичным шрифтом.
CTA
Call to action — важный элемент любого лендинга. Пользователь должен иметь возможность совершить целевое действие в любой момент, не скролля при этом к началу или концу страницы. Кроме того, кнопки являются якорными объектами. Грамотно расставив их по макету, вы сможете задать композиционную динамику и направить внимание пользователя.
Примеры лендингов с доступным CTA:
Кинопоиск
Кинопоиску пришлось сделать довольно много экранов, чтобы уместить всю информацию о вакансии. Но кнопка «Хочу к вам» сопровождает пользователя в течение всего пребывания на странице, чтобы возможность совершить целевое действие была всегда.
Cpeople
Другой пример HR-лендинга — здесь разные CTA расставлены через каждые несколько экранов и ведут к разным целевым действиям.
Удобство
Постарайтесь максимально облегчить жизнь пользователю: избавьте его от лишней информации, сократите количество шагов для совершения целевого действия. Добавьте статичную навигацию, если лендинг получился слишком длинным (но лучше всего — постараться сократить его до 5–6 экранов).
Примеры удобных лендингов:
Smetana
Основные цели лендинга креативного агентства — познакомить потенциального клиента с работами и предоставить способ связи с менеджером. Smetana уместила обе цели в один экран! Пользователю достаточно вставить недостающую информацию в бланк и нажать кнопку «Отправить».
Глобус
Здесь благодаря продуманной навигации разработчику удалось очень эффективно (и довольно эффектно) разместить каталог продукции.
Анимация
Это еще один тренд в веб-дизайне, только набирающий популярность из года в год. Кроме анимированных иллюстраций и блоков с видео, «оживить» лендинг можно с помощью анимации при скроллинге, интерактивных блоков, слайдеров, параллакса и hover-эффектов. Не забывайте отрисовывать дефолтные и активные состояния объектов перед передачей макета в верстку.
Примеры лендингов с трендовой анимацией:
Stag
Анимация плывущих облаков помогает оживить минималистичную композицию этого лендинга.
Найс!
А это хороший пример анимации при скроллинге. Ты буквально чувствуешь каждое движение мышкой при пролистывании страницы.
А теперь закрепим материал…
Идеальный лендинг — какой он? Чек-лист
Оптимальный по длине
Имеет около 5–7 экранов. Пользователь может прочитать и осознать информацию за 7–15 минут.
Структурированный
Вся информация распределена по экранам в соответствии с заранее продуманной логикой.
Удобный
CTA расположены на нескольких экранах лендинга, что позволяет пользователю совершить целевое действие в любой момент, не скролля к началу или концу страницы. В случае, если лендинг все-таки получился слишком длинным, добавлены элементы навигации для удобного перемещения между экранами.
Яркий
Просмотр страницы не вызывает скуку: она яркая и динамичная. Такой она может стать за счет сочных фотографий, красивых цветовых контрастов, эффектной типографики.
Контрастный
Фон и текст контрастны друг другу, благодаря чему информация легко считывается. Изображения не сливаются с остальным контентом, а выступают в роли якорных объектов.
Выполнен с учетом правила близости
Внутренние расстояния и отступы — меньше внешних. Кроме того, в лендинге достаточно воздуха, информация не слипается «в кашу».
Имеет продуманную типографику
Соблюдена шрифтовая иерархия: есть заголовки нескольких уровней, основной текст и дисклеймер. Интерлиньяж рассчитан по формуле кегль × 1,5 (или 150%). Выключка подобрана в соответствии с длиной текстовых блоков (выравнивание по левому краю — прекрасно, по центру — нормально, по правому — редко допустимо, по ширине — недопустимо).
Трендовый
Выполнен в лаконичном минималистичном стиле и/или содержит в себе элементы: глассморфизма, брутализма, сложные градиенты, 3D-рендеры или нестандартные иллюстрации, которые сейчас очень популярны.
«Живой»
Предусмотрена анимация, интерактивные блоки, а также hover-эффекты: у элементов интерфейса есть дефолтные и активные состояния.
При создании страницы просто пройдитесь по пунктам этого чек-листа. Если все правила соблюдены, то перед вами именно он — эффективный и стильный лендинг.
Если вы заметили опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Подписывайтесь на наш
Подписывайтесь на наш
Закрыть
Автоматизация бухгалтерии
для любого бизнеса
Попробовать бесплатно
Адресность и конкретика: признаки хорошего лендинга
Лендинг — это одностраничный сайт, который призывает потенциального покупателя к какому-то маркетинговому действию: например, оформить заказ или подписаться на рассылку. Собрали признаки работающего лендинга — по ним можно проверить свой сайт.
🏞 Качественные иллюстрации
Лучше избегать заезженных картинок из фотостоков: они абстрактные и, возможно, покупатель видел их уже не один раз.
Эффективнее использовать в иллюстрациях реальный продукт: показать, как люди используют товар, сделать скриншоты сервиса, выложить фрагмент курса
📄 Текст структурирован
Здорово, когда текст и иллюстрации сверстаны аккуратно, а важные мысли визуально выделены — например, подзаголовками. И вся информация по делу: описаны свойства и преимущества продукта.
Если разместить на лендинге сплошное полотно текста, вряд ли в него будут внимательно вчитываться
📱 Есть оптимизация под разные устройства
Пользователи могут изучать лендинг не только с компьютера, но и с телефона или планшета. Чтобы не терять клиентов, стоит сделать удобную и визуально приятную верстку под разные размеры экранов
Как проверить отображение сайта
💡 Понятно, о чем идет речь
Хорошо, когда пользователь сразу видит, что ему предлагают. Добиться этого можно с помощью конкретного заголовка, без абстракций.
Например, по заголовку «Клининг в Москве: 500 Р за выезд» читатель понимает, что ему продают недорогую уборку в столице. А заголовок «Сэкономим ваше время» может быть о чем угодно
Как узнать, что нужно клиенту
👤 Лендинг адресный
Адресность означает, что аудитория сайта потенциально может стать покупателем, у нее может быть проблема, которую решает продукт.
Найти нужных людей помогает правильная настройка рекламных каналов. Например, мы ведем на сайт пользователей, которые искали в Яндексе описание проблемы, — и предлагаем им решение
Виды рекламных каналов
🔄 Продуманные каналы входа
На лендинг не попадают случайные люди. Входящий трафик настроен так, что содержимое сайта отвечает на вопрос тех, кто его просматривает.
К примеру, можно использовать ретаргетинг: показывать рекламу со ссылкой тем, кто уже интересовался товаром или услугой
Как настроить ретаргетинг
🧩 Есть сценарий использования
Абстрактные обещания вряд ли сработают. Лучше показать, как люди пользуются товаром или услугой, какой получают результат.
Например, если лендинг продает клининг — можно опубликовать фото квартиры до и после уборки
🛍 Понятно, как купить
Плохо, если лендинг путает потенциального клиента: он пришел за услугой, а ему дают ссылки на огромные каталоги и предлагают скачать прайс-лист.
Лучше сделать проще: клиент посмотрел нужную информацию и по клику перешел в окно оплаты. Или в форму, где можно заказать звонок консультанта
✅ Простое действие для клиента
От покупателя не требуют сразу заплатить большую сумму за товар незнакомого бренда.
Ему предлагают сделать что-то простое: подписаться на рассылку, заказать звонок консультанта, пройти онлайн-тест, который определит, как можно решить проблему
😎 Все о бизнесе — в нашей рассылке
Раз в две недели мы отправляем рассылку, где делимся последними новостями для бизнеса и кейсами предпринимателей из разных сфер
Еще про бизнес и рекламу:
1. Как бизнесу работать с соцсетями.
2. Как привлекать клиентов в интернете.
3. Сервисы для создания интернет-магазинов.
Самое интересное про бизнес — в нашем телеграм-канале. Подписывайтесь, чтобы быть в курсе происходящего: @t_biznes.
Good Landing Recovery — Центр лечения наркозависимости в Атланте, основанный верой
ИСТОРИЯ ВАШЕГО ВОЗВРАЩЕНИЯ НАЧИНАЕТСЯ ЗДЕСЬ
МЫ СОЗДАЕМ ЧЕМПИОНОВ
Воспроизвести видео
ПОЛУЧИТЬ БЕСПЛАТНУЮ КОНСУЛЬТАЦИЮ
ПОЛУЧИТЬ НЕМЕДЛЕННУЮ ПОМОЩЬ
Наша цель
Good Landing Recovery существует, чтобы разрушить силу зависимости, создавая атмосферу, в которой Бог может восстанавливать семьи и жизни через тело, дух и душу. Наш уникальный комплексный подход к выздоровлению каждого человека делает упор на исцеление и рост во всех сферах его жизни. Мы понимаем, что никакая зависимость не является просто физической или умственной битвой, и она не влияет только на жизнь одного человека. Наша цель — полная трансформация каждого человека внутри и снаружи, чтобы мы могли вернуть его в здоровую, безопасную и исцеляющую семейную среду.
Столпы выздоровления, основанные на вере
Путь к выздоровлению от наркотической и алкогольной зависимости — это путь, по которому человек идет всю оставшуюся жизнь. При поддержке программы избавления от зависимости, основанной на вере, этот путь можно пройти радостно в среде, основанной на прощении и восстановительном исцелении, которое может дать только Христос.
Успех Good Landing в содействии и поддержке вашего пути к выздоровлению основан на четырех столпах:
1. Создание
Атмосфера веры
«Ибо для Бога нет ничего невозможного».
Луки 1:37
Зависимость и выздоровление — это духовные проблемы, и именно через веру люди переживают настоящую и продолжительную трансформацию. Живительная, насыщенная атмосфера веры в нашей программе предназначена для продвижения и поддержки перемен.
2. Развитие
Побеждающий дух
«Все могу в укрепляющем меня Христе».
Филиппийцам 4:13
Наркомания и алкогольная зависимость отягощают жизнь. Так часто люди, страдающие от зависимости, избиваются до такой степени, что сдаются, думая, что их состояние необратимо. Вместе мужчины, служившие в Good Landing, развивают побеждающий дух. Восстанавливающая сила воскрешения — это то, что нужно, чтобы победить зависимость и получить возможность жить успешной жизнью.
3. Строительство
Крепкое тело
«Или не знаете, что тела ваши суть храм живущего в вас Святого Духа, Которого имеете вы от Бога, и вы не свои?»
1 Коринфянам 6:19 NKJV
Наши тела даны Богом для Его славы, и с ними нужно обращаться бережно. Зависимость может иметь длительные последствия для организма, поэтому его необходимо подготовить и укрепить для процесса выздоровления. Сосредоточив внимание на физической подготовке, мы позаботимся о том, чтобы вы были в отличной форме после выхода из нашей программы.
4. Доверие
Процесс
«Не сообразуйся с этим миром, но преобразуйся обновлением ума твоего, дабы ты через испытание познал, что есть воля Божия, что есть добро, и угодно, и совершенно ».
Римлянам 12:2 ESV
Системы ложных убеждений подпитывают зависимость. Определив, что они есть в вашей жизни, мы можем их уничтожить. Эти вещи не происходят в одночасье — путь к выздоровлению требует времени. Мы проработаем любые ядовитые убеждения и поведение, которые держат вас в рабстве, давая вам прочное выздоровление, основанное на духовной стойкости.
ПОДРОБНЕЕ О НАС
Как мы помогаем
В GLR, , мы лечим разум с помощью стратегий консультирования по вопросам наркомании и алкоголизма, которые напрямую противодействуют зависимости и связанному с ней поведению.
Мы лечим тело правильным питанием и физическими упражнениями, чтобы заменить нездоровые привычки и восстановить крепкое здоровье в нашем реабилитационном центре для наркозависимых.
Мы относимся к душе и духу с молитвой и пастырской заботой, проходя через каждую борьбу с нашими клиентами и празднуя с ними каждую победу.
СДЕЛАЙТЕ ПЕРВЫЙ ШАГ СЕЙЧАС!
ДЕЙСТВУЙТЕ СЕЙЧАС!
Процедура приема
Наша простая и понятная процедура приема разработана таким образом, чтобы упростить процесс получения людьми необходимой им помощи.
Член семьи или многие другие лица, нуждающиеся в лечении от зависимости, могут
СВЯЗАТЬСЯ С НАМИ КРУГЛОСУТОЧНО
, чтобы сделать первый шаг в процессе выздоровления.
УЗНАТЬ БОЛЬШЕ
МЫ ПРИНИМАЕМ ВСЕ ОСНОВНЫЕ СТРАХОВЫЕ ПОСТАВЩИКИ
Частное платное лечение
Мы являемся одним из самых доступных частных медицинских учреждений в стране.
УЗНАТЬ БОЛЬШЕ
Что взять с собой
После того, как вы сделали первый шаг к трезвости, вам может быть интересно, что разрешено и что запрещено в Good Landing Recovery.
УЗНАТЬ БОЛЬШЕ
Свяжитесь с нами
ПОЗВОНИТЕ НАМ СЕЙЧАС!
Приемная: (770) 624-2728
Главный офис: (770) 450-6120
Наш адрес
Good Landing Recovery — Центр лечения наркозависимости в Атланте, основанный верой
ВАША ИСТОРИЯ ВОЗВРАЩЕНИЯ НАЧИНАЕТСЯ ЗДЕСЬ
МЫ СТРОИМ ЧЕМПИОНОВ
Воспроизвести видео
ПОЛУЧИТЬ БЕСПЛАТНУЮ КОНСУЛЬТАЦИЮ
ПОЛУЧИТЬ НЕМЕДЛЕННУЮ ПОМОЩЬ
Наша цель
Good Landing Recovery существует, чтобы разрушить силу зависимости, создавая атмосферу, в которой Бог может восстанавливать семьи и жизни через тело, дух и душу. Наш уникальный комплексный подход к выздоровлению каждого человека делает упор на исцеление и рост во всех сферах его жизни. Мы понимаем, что никакая зависимость не является просто физической или умственной битвой, и она не влияет только на жизнь одного человека. Наша цель — полная трансформация каждого человека внутри и снаружи, чтобы мы могли вернуть его в здоровую, безопасную и исцеляющую семейную среду.
Столпы выздоровления, основанные на вере
Путь к выздоровлению от наркотической и алкогольной зависимости — это путь, по которому человек идет всю оставшуюся жизнь. При поддержке программы избавления от зависимости, основанной на вере, этот путь можно пройти радостно в среде, основанной на прощении и восстановительном исцелении, которое может дать только Христос.
Успех Good Landing в содействии и поддержке вашего пути к выздоровлению основан на четырех столпах:
1. Создание
Атмосфера веры
«Ибо для Бога нет ничего невозможного».
Луки 1:37
Зависимость и выздоровление — это духовные проблемы, и именно через веру люди переживают настоящую и продолжительную трансформацию. Живительная, насыщенная атмосфера веры в нашей программе предназначена для продвижения и поддержки перемен.
2. Развитие
Побеждающий дух
«Все могу в укрепляющем меня Христе».
Филиппийцам 4:13
Наркомания и алкогольная зависимость отягощают жизнь. Так часто люди, страдающие от зависимости, избиваются до такой степени, что сдаются, думая, что их состояние необратимо. Вместе мужчины, служившие в Good Landing, развивают побеждающий дух. Восстанавливающая сила воскрешения — это то, что нужно, чтобы победить зависимость и получить возможность жить успешной жизнью.
3. Строительство
Крепкое тело
«Или не знаете, что тела ваши суть храм живущего в вас Святого Духа, Которого имеете вы от Бога, и вы не свои?»
1 Коринфянам 6:19 NKJV
Наши тела даны Богом для Его славы, и с ними нужно обращаться бережно. Зависимость может иметь длительные последствия для организма, поэтому его необходимо подготовить и укрепить для процесса выздоровления. Сосредоточив внимание на физической подготовке, мы позаботимся о том, чтобы вы были в отличной форме после выхода из нашей программы.
4. Доверие
Процесс
«Не сообразуйся с этим миром, но преобразуйся обновлением ума твоего, дабы ты через испытание познал, что есть воля Божия, что есть добро, и угодно, и совершенно ».
Римлянам 12:2 ESV
Системы ложных убеждений подпитывают зависимость. Определив, что они есть в вашей жизни, мы можем их уничтожить. Эти вещи не происходят в одночасье — путь к выздоровлению требует времени. Мы проработаем любые ядовитые убеждения и поведение, которые держат вас в рабстве, давая вам прочное выздоровление, основанное на духовной стойкости.
ПОДРОБНЕЕ О НАС
Как мы помогаем
В GLR, , мы лечим разум с помощью стратегий консультирования по вопросам наркомании и алкоголизма, которые напрямую противодействуют зависимости и связанному с ней поведению.
Мы лечим тело правильным питанием и физическими упражнениями, чтобы заменить нездоровые привычки и восстановить крепкое здоровье в нашем реабилитационном центре для наркозависимых.
Мы относимся к душе и духу с молитвой и пастырской заботой, проходя через каждую борьбу с нашими клиентами и празднуя с ними каждую победу.
СДЕЛАЙТЕ ПЕРВЫЙ ШАГ СЕЙЧАС!
ДЕЙСТВУЙТЕ СЕЙЧАС!
Процедура приема
Наша простая и понятная процедура приема разработана таким образом, чтобы упростить процесс получения людьми необходимой им помощи.
Член семьи или многие другие лица, нуждающиеся в лечении от зависимости, могут
СВЯЗАТЬСЯ С НАМИ КРУГЛОСУТОЧНО
, чтобы сделать первый шаг в процессе выздоровления.
УЗНАТЬ БОЛЬШЕ
МЫ ПРИНИМАЕМ ВСЕ ОСНОВНЫЕ СТРАХОВЫЕ ПОСТАВЩИКИ
Частное платное лечение
Мы являемся одним из самых доступных частных медицинских учреждений в стране.