Домашняя » Веб-дизайн » Красивые Landing Pages Советы и примеры

    Красивые Landing Pages Советы и примеры

    Сотни остроумных статей были написаны вокруг темы целевых страниц. Мы все знаем основные факты - это те страницы, которые посетитель посещает после нажатия на рекламный баннер или рекламную ссылку, и что они играют важную маркетинговую роль, превращая потенциальных клиентов в клиентов для бизнеса. Однако, когда дело доходит до разработки целевой страницы, все кажется гораздо более деликатным, чем вы ожидали, изучив документацию с инструкциями. Вот почему сегодня мы решили поделиться коллекцией примеров реальных целевых страниц для вдохновения..

    Согласно довольно научной классификации, которую вы можете найти в Википедии, целевые страницы делятся на две основные категории: справочные и транзакционные. Если они должны называться ссылками, на страницах должна отображаться информация, которая является привлекательной и актуальной для посетителя (текст, мультимедиа). «Транзакционные» целевые страницы - это те, кто стремится к немедленным продажам или, по крайней мере, к захвату сильных лидирующих продаж.

    Как вы, вероятно, согласитесь со мной, все целевые страницы соответствуют обоим критериям: они информируют посетителя о предложении, а также побуждают к действиям с его стороны. В противном случае нам не понадобятся призывы к действию на абсолютно любой целевой странице.?

    Перед запуском любой целевой страницы в интернете необходимо четко определить характер действий желаемых посетителей. Является ли увеличение подписки на рассылку вашей целью? Затем создайте CTA с сообщением «Зарегистрируйтесь сейчас на нашу рассылку». Вы хотите получить пробные покупки от посетителей? Сказать так. Вообще говоря, основной рецепт - сделать так, чтобы ваша целевая страница выражала это предложение максимально четко и заманчиво..

    Советы по созданию целевой страницы

    Несколько быстрых советов, с которых можно начать при разработке целевой страницы:

    1. Используйте принцип AIDA

    Это цепочка событий, которые мы хотим осуществить, как только лидер достигнет платформы, на которой представлен рекламируемый продукт или услуга. Главным образом, шаги:

    1. осведомленность - привлечь внимание посетителя
    2. Интерес - что может быть вызвано выделением преимуществ для клиента
    3. Желание - вызвать у клиентов идею, что они хочу продукт или услуга
    4. действие - клиенты, осуществляющие процесс покупки

    2. Не слишком много отвлекающих факторов; оставить выход

    Идея проста. Если на целевой странице практически нет навигации, кроме кнопки CTA, посетители будут вынуждены покинуть ее. Не думайте, что если вы не обеспечите навигацию, они не найдут способ уйти - они найдут, может быть, даже закрыв браузер. И эти посетители не Вернись.

    3. Сделайте так, чтобы он прошел тест на мигание

    Как правило, целевая страница должна привлекать внимание посетителя в первые 3 секунды входа. Если гость моргает и не может ясно увидеть, что он должен найти на странице, или ему не интересно то, что он увидел, он, скорее всего, отскочит с пустыми руками.

    4. Не создавайте ложных ожиданий

    Целевая страница должна соответствовать подсказкам, указанным в исходном объявлении, или наоборот. Посетители должны найти на целевой странице то, что им было обещано в объявлении, на которое они нажимали.

    Как мы и обещали, давайте пройдемся по некоторым красиво оформленным и эффективным целевым страницам B2B и B2C. Мы исследуем их сильные и слабые стороны. В галерее ниже обратите внимание на следующее: визуальное общение, показатели брендинга и доверия, эффективность контента, призывы к действию..

    Витрина: красивые целевые страницы

    99designs

    Это версия целевой страницы, предназначенная для дизайнеров и студентов. У 99Designs также есть целевая страница для другой стороны: предприятий, которым нужны дизайны. Что касается этого, он очень эффективен с точки зрения одобрения (см. Смелые отзывы) и действительно говорит на языке аудитории с цифрами и показателями доверия (количество членов сообщества, сумма денег, которую они заработали). Обратите внимание на ярко-красный оттенок одной кнопки CTA - обычно этого следует избегать, но в данном конкретном случае это не мешает, так как соответствует цвету логотипа..

    123RF

    123RF ясно указывает цель на этой целевой странице с ползунком изображения и четырьмя медианными полями. Вы сразу понимаете, что такое сервис и как его использовать (поиск, регистрация, оплата по факту, подписка на покупку). Светло-серый фон ненавязчив и подчеркивает сущность изображения. Что я лично думаю, что они могут улучшить это список категорий стоковой фотографии, он немного набитый. И CTA слишком тонкий для кликабельных полей.

    Favomatic

    Мне очень нравится дизайн этой целевой страницы. В каждом разделе есть контраст, хорошие слоганы, и это приносит много информации, не заставляя вас читать все (мелкий шрифт делает все это). Он имеет навигацию, но вертикальную, с помощью прокрутки, что значительно снижает скорость отскока.

    BiznessApps

    Сильные призывы к действию, подчеркнутый лозунг и внушительный список одобрений - это правильная комбинация для целевой страницы, и эта страница имеет ее. Кроме того, он включает в себя минимальное количество текста и использует демо-видео, поскольку это известный факт, что люди предпочитают смотреть короткий фильм, чем читать. Форма - это элемент, который они могут немного улучшить. Обычно вы должны дать сначала, прежде чем сможете получить, так что если в обмен на отправку формы посетители могут получить бесплатные угощения, то кнопка «Отправить сообщение» может сказать что-то вроде «Получите ваши бесплатные вещи сейчас!»

    Brusheezy

    Еще одно доказательство - больше. Эта целевая страница выглядит очень аккуратно с одним значком и заметным заголовком. Обратите внимание на два призыва к действию, вверху и внизу - это надежный способ сделать сообщение постоянным без переполнения страницы. Подчеркивая преимущества для клиентов, а не функции продукта является еще одним победителем.

    Побег из тюрьмы

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

    PageLines

    Минимализм является ключевым понятием здесь. Мне лично нравится, что эта страница не рассказывает вам все сразу, но предлагает вам узнать. Однако то, что я не нахожу таким приятным, - это видео, которое запускается автоматически (функция, которую я обычно избегаю), даже если Эндрю Пауэрс не только умел, но и красив! Кроме того, тот факт, что нет немедленного CTA, может быть недостатком для сайта.

    Pico

    Эта целевая страница проста, но мощна. Красный знак «больше чем» - соль и перец для общего внешнего вида. Расположение абзаца напоминает макет газеты и весьма наводит на мысль о цели CMS. Кнопки CTA немного слишком слабы, и дама в правом нижнем углу вызывает легкое недоверие; со слишком большим удивлением на лице, выглядит ли она, что она может вести переговоры по деловым вопросам?

    Shoeboxed

    Описательные строки для каждого из разделов являются примером использования описательного языка. Вы понимаете сообщение за доли секунды, поскольку ваша линия обзора быстро сканирует первый ряд и достигает кнопки CTA. Если вы все еще сомневаетесь, вам помогут отзывы, а также решительные отзывы - не будете ли вы доверять компании, которая представлена ​​в Forbes и Tech Crunch? я мог бы.

    Squarespace

    Профессионально выглядящая целевая страница. Смелый лозунг, CTA кнопки, которые вы не можете удержаться от нажатия и очень хорошее одобрение, это сочетание к успеху. Мне также нравится, что они помещают свой контекст использования в центр страницы, со скриншотом того, как их страницы выглядят, и с инфографикой. Трехэлементная структура страницы - еще одна сильная сторона.

    Примечание редактора: Этот пост написан Лаура Моисей для Hongkiat.com. Лора имеет степень бакалавра в области коммуникационных наук и проводит большую часть времени, преследуя свою страсть к дизайну и письму. Она работает на 123ContactForm, онлайн-конструктор форм и опросов, который помогает пользователям создавать красивые формы для любой веб-страницы..