Лучшие примеры лендингов в 2021 году
Собираясь создать сайт, мы часто представляем себе классическую структуру: главная страница, страница с контактами, страница «о себе» и так далее. Однако иногда достаточно создать красивый лендинг и поместить всю важную информацию на одной странице. Мы собрали лучшие лендинги, примеры которых вдохновят вас на создание собственной посадочной страницы. Среди них — онлайн портфолио нутрициолога, сайт одностраничник для бутиковой киностудии и посадочная страница для фотографа. Все примеры landing page в этой статье используют тот или иной шаблон лендинга на Wix.
Smart DietСайт нутрициолога Кристины Шевченко — это хороший пример лендингов, которые сочетают в себе лаконичный дизайн и информативное наполнение. Анимированные стрелки позволяют легко ориентироваться на странице и моментально привлекают внимание к самой важной информации. Благодаря большому количеству «воздуха» страница не смотрится перегруженной даже несмотря на большое количество графических элементов.
Smart Diet также использует правильные округлые формы, которые вызывают ассоциации с балансом, гармонией и хорошим самочувствием. Кнопка «Создайте свой боди-профиль» выступает в роли призыва к действию и помогает превратить посетителей в потенциальных покупателей.
Pien GeerlingЕще один пример лендинга, который собрал всю важную информацию буквально на двух экранах. Портфолио фотографа Пьен Гирлинг встречает посетителя коллажем из лучших работ, который мгновенно притягивает внимание и заставляет задержаться на странице подольше. С помощью Wix Pro Gallery Пьен создала несколько тематических фотоальбомов в стиле инстаграм ленты и разбила их на категории: интерьер, лайфстайл и продуктовая съемка. Таким образом посетитель может познакомиться с разными гранями таланта фотографа без необходимости переходить на другие страницы.
Меню на сайте предельно лаконично — оно представляет в себе три точки в правой части экрана. Нажав на них, пользователь переходит на разные смысловые блоки лендинга: обложка, работы и раздел с контактами. Обратите внимание на пастельные тона лендинга. Такая палитра выбрана неслучайно — светлые поля служат в качестве своеобразной рамки для фотографий в портфолио, выделяя их на фоне других графических элементов.
Robot GeniusКрасивые лендинги помогают привлечь не только покупателей, но и потенциальных работодателей.
Актер не забыл и об удобной навигации. Кликнув на иконку-гамбургер в правом верхнем углу сайта, вы увидите раскрывающееся меню, которое перебросит вас на нужный раздел лендинга.
Кажется, что платформе на основе искусственного интеллекта нужен огромный сайт — но пример лендинга PlotAi показывает, что можно обойтись и одной страницей. Контент лендинга разбит на несколько частей: вступление с формой контактов, подробное описание продукта и кнопка с призывом к действию «запросить демо». Таким образом посетитель проходит через воронку продаж, превращаясь из случайного читателя в пользователя и потенциального покупателя. Обратите внимание, как компания использует лого в заголовке каждого раздела, видоизменяя его под контент абзаца. Это придает посадочной странице более профессиональный облик и повышает узнаваемость бренда. И еще одна яркая деталь — живой чат на основе Wix Chat, где можно задать любые вопросы в режиме реального времени.
Этот прототип лендинга чествует коренную культуру австралийской народности Бунджалунг — и поэтому использует в палитре характерные земляные, серые и темно-красные цвета, а также релевантные изображения и визуальные элементы. Отдельный раздел отведен под видео с прошлогодней культурной ярмарки, чтобы ярче продемонстрировать миссию организации.
Ассиметричное меню (вертикальные элементы по бокам и «плавающие» иконки социальных сетей в углу) придают лендингу еще более экстравагантный и запоминающийся облик.
Готовы запустить свою посадочную страницу? Почитайте статью о том, как создать лендинг за час.
Сергей Букринский
контент менеджер Wix
25 примеров крутого оформления лендинга
Картинки, вызывающие желание отведать чего-то изысканного и вкусного. «Правильное» качественное фото на первом экране в сочетании с удобным понятным меню. Динамика при пролистывании — удерживает вас как можно дольше.
Что тут еще добавить — хорошее фото всегда «решает»:
3. Яркая графика — http://ji-fruits.ru/
Уникальная графика выделяет сайт на фоне конкурентов. Продукт ярко и сочно выглядит на черном фоне — сразу хочется отведать экзотических фруктов. Заголовок — простой и понятный — ничего лишнего.
4. Без котиков никуда — https://www.kotofabrika.com/
Как можно обойтись без котиков в интернете? Эта страница выделяется не только дизайном, но и классным текстом, который бьёт точно в ЦА. Копирайтер постарался: текст органичный и без перебора с «ми-ми-ми» — словом, браво! Хозяева домашних хищников, думаем, оценили подачу.
Сегмент электронной техники
5. Apple — https://www.apple.com/ru/
«Дизайн должен быть функциональным» — на это и ориентировались специалисты Apple при создании гаджетов.
6. Turn On Tomorrow — https://www.samsung.com/ru/
Ещё один А-бренд в мире электроники не отстает от яблочной компании: выпускает качественные устройства и классно их представляет. Страница простая и понятная.
7. «Топ за свои деньги!» — https://www.mi.com/ru/
«Инновации для каждого» — заявляет Xiaomi, и действительно продолжает удивлять даже гиков новыми решениями. Строгость и сдержанность проявляются и в данной странице. Компания как бы напоминает всем, какими семимильными шагами она идет по рынку — и скоро окончательно его захватит.
Сфера услуг
8. Продает эмоцию — http://lite.youdrive.today/
Как показать продукт со всех сторон, если не в видео. Ролик хорошо играет на эмоциях покупателя. В этом случае очень хорошо отражена основная идея товара — быстрота, динамика, веселье. Тому, кто посмотрит, тоже захочется прокатиться с ветерком.
Юзабилити страницы — отличное: сразу после просмотра ролика вам предлагают скачать приложение в AppStore и Play Market.
Минимум текста — только основная информация. Несомненный плюс — формат F.A.Q., пользователь сразу видит ответы на все вопросы:
Финансовые продукты и страхование
Согласитесь, не всегда хочется читать большой текст о «сложном» продукте. Вот отличный пример лендинга: минимум текста, удачный дизайн, грамотное юзабилити. Информация воспринимается легко и просто.
Понятная визуализация тарифов:
Строительный сегмент
Так сложилось, что строительные компании не экономят на хороших digital-проектах. Красивая js-анимация, калькуляторы, дизайн проекты — всё привлекает клиента и удерживает на странице.
10 «Апартаменты-достопримечательность» — https://дом-скала.рф
Словно высеченный из цельного камня — так позиционируется представленный жилой комплекс. Необычное здание и правда достойно всех похвал, ну и сайт, посвященный ему, не отстаёт. Строгий дизайн с хорошей подачей.
11. Пример хорошего дизайна — https://паркфлора. рф/
«Лёгкая» страница без лишнего контента — а что необычного? Калькулятор выбора квартиры, крутой настолько, что хочется просто его «потыкать», даже если жилье не нужно. Дизайн, к слову, запоминающийся и интересный.
Офлайн-услуги
12. CTA с размахом — http://moscowfreetour.ru/
Красочная страница, где есть всё: матрешка, шапка-ушанка, собор Василия Блаженного — во всех деталях чувствуется русский колорит. Классно обыграны стереотипы о нашей стране. Понятный заголовок, который показывает, куда попал пользователь.
Меню в верхней части закреплено и сопровождает вас при скролле.
В блоках оптимальное количество текста, красивая графика — словом, лаконичное оформление очень к месту.
13. Невозможно не купить — https://qlean.ru
Страница для продаж: все внимание уделено конверсии. Первый экран сразу же демонстрирует оффер, которым можно воспользоваться в течение 15 минут — часики-то уже тикают.
Скидочное предложение и меню расчета стоимость преследуют вас все время: на первом, втором и даже третьем экранах.
Ну купите: цена сразу со скидкой.
Да, предложения действительно интересные — а можно поподробнее? Конечно, классный дизайн, на картинке показано, как уберут вашу квартиру. Наглядность — прекрасный способ донести информацию.
Фотооборудование
Продумано до мелочей, отличный дизайн — такая страница должна быть у компаний, которые существуют в мире фотоиндустрии. Ну не может быть плохая «картинка» на лендинге, который продаёт камеры — логично.
14. Классика — Лейка — https://ru.leica-camera.com
Чёткая картинка со вкусом. Смотришь — и не можешь оторваться, сайт классный по всем параметрам.
15. Мастерская творчества Canon — https://www.canon.ru/
В целом — обычный лендинг без каких-то невероятных фишек, однако раздел «Мастерская творчества» привлекает внимание пользователя. Всем, кто любит крутые фотки, советуем заглянуть.
16. Точная оптика от Цейсс — https://www.zeiss.com/corporate/int/home.html
Профессиональные фотографы не могут не знать это имя. Все страницы оформлены, будто обособленные проекты. Всё в лучших традициях компании.
Связь
17. Просто и понятно — https://moskva.mts.ru/personal/mobilnaya-svyaz/mobilniy-internet/podklyuchit
Чем проще — тем лучше. Здесь это правило отработало на все сто. «Лёгкий» дизайн, информация подана ненавязчиво — словом, смотреть приятно и интересно.
Понятный блок с дополнительными опциями — разберется любой:
18. «Поздравляем, Вы нашли ещё одну рекламу YOTA» — https://www.yota.ru/#promo
Эта компания славится своим необычным подходом во всем. Небанально поданная информация — всего один экран с 4 ссылками, классический голубой баннер. Одним словом — минимализм. Смело и неординарно, это и цепляет.
HR-сфера
19. В яблочко — https://hr.cpeople.ru/
Супергероев не существует — это отрицает HR-агентство и заявляет, что они и есть команда людей со сверхспособностями. Небанальная страница — будто читаешь комикс.
Яркий броский лендинг, пример хорошей подачи для определённой ЦА: творческие натуры мимо не пройдут точно. На странице есть все нужные блоки: преимущества, позиции на рынке, портфолио, вакансии и т. д.
Модно, молодежно, хайпово
Приверженцам классических дизайнерских решений лучше не смотреть. Предлагаем несколько ярких, местами даже «диких» страниц с грамотным юзабилити, кучей иронии и современным оформлением.
20. Я сделяль — http://yasdelie.ru/
Иронии — хоть отбавляй, хватит еще на несколько текстов. Хоть страница и специфическая, не показать ее публике — грех.
Главная идея: мемы, больше мемов. Каждая «картинка с надписью» круто обыграна, хочется смотреть ещё и ещё.
21. Образцовость — http://24run.ru/
Всё, что нужно для классного лендинга, здесь есть. Блоки, кнопки, иконки, описания, отзывы и т. д. Отдельного внимания заслуживает копирайтинг: всё подано с уместной иронией — чувство юмора у автора на высоте.
Сладости на десерт
Подавайте десерт! Страницы, посвященные вкусняшкам. Оригинальная анимация, яркие цвета отрабатывают на все сто. Лендинги выполнены в стилистике упаковки продукта — все так же, как и на полке магазина.
22. Попробуй M&M’s по-новому — https://mms-promo.ru
23. Интернет кипит от злости — https://www.snickers.ru/
24. Съедобный слиток золота — https://alpengold.me
25. Попробуй радугу — https://skittlespromo.ru
Очень надеемся, что вам понравились эти интересные страницы, вы вдохновились и теперь создадите свой крутой лендинг.
создание текста и топ-5 фишек упаковки — Блог EMAILMATRIX
Упаковка помогает продавать! Эти красивые обёрточки, коробочки особенной формы, бутылочки и наклейки на них… Рука сама тянется к знакомому или новому яркому бренду. В интернете у товаров и услуг тоже есть упаковка — продающий лендинг. Узнайте, какая «обёртка» поможет повысить ваши онлайн-продажи в 2020 году!
Меня зовут Надежда Богданова, я специалист по маркетинговой упаковке. Более 5 лет я делаю маркетинговый анализ и создаю для клиентов продающие тексты для лендингов. Проще говоря, годами я наблюдаю, как меняется рынок лендингов. Поэтому знаю, что в копирайтинге проверенно работает, что свежо и перспективно, а что, наоборот, умерло и не стоит воскрешения.
В этой статье поделюсь алгоритмом создания качественного продающего текста для лендинга, а также фишками лендингов 2020 года. Читайте, пожалуйста, внимательно! И вырезайте с ленда всё, что сжигает ваш рекламный бюджет впустую.
Алгоритм создания
Всего 5 простых шагов… Ладно, я вас троллю. На самом деле ленды, сделанные на коленке, уже не работают. Поэтому создать хороший «продажник» — адов труд и большая трата ресурсов мозга. Но чаще всего это окупается, и когда считаешь выручку, понимаешь, что не зря старался.
Текст — это мясо, кровь и кости продающего лендинга, поэтому разработку нужно начинать именно с него. Итак, шаги по созданию качественного текста.
Интервью по проекту
«Разберите» свой продукт на детали. Разделите покупателей на группы. Вспомните, кто ваши конкуренты, что предлагают и чем они лучше, а чем хуже вас.
Если вы интернет-маркетолог и работаете с клиентскими проектами, то эту стадию я называю «брифование». По сути, вам надо проинтервьюировать заказчика — расспросить о продукте, целевой аудитории (покупателях) и конкурентах.
Широкими мазками обрисую пул вопросов, на которые надо ответить:
- Что вы продаёте, из каких частей это состоит, чем комплектуется, как доставляется и какой сопутствующий сервис к этому прилагается, если это товар; как и кем оказывается услуга, соответственно, если это услуга. Есть ли что-то уникальное в вашем продукте, то, что отличает вас от остальных и несёт важную выгоду клиенту.
- Кто уже покупает ваш продукт и можно ли поделить этих людей на группы? С какими проблемами, задачами, возражениями они приходят?
- С кем вас сравнивают, кто будет конкурировать с вами в рекламной выдаче, чем их предложения на сайтах и в офлайне превосходят ваше? В чём конкуренты отстают от вас?
Всю информацию по проекту я вношу в майнд-карту. Например, так у меня может выглядеть бриф в интеллект-карте.
Маркетинговое исследование
На этом этапе нужно подтвердить или опровергнуть, а также дополнить информацию, полученную из брифа, — интервью с заказчиком или самоинтервью, если вы владелец бизнеса.
Есть разные варианты маркетингового исследования «своими руками»:
Прочитать, что пишет ЦА о вашем продукте на форумах и в соцсетях
Тут важно не утонуть в океане информации. Ищите, кто, в какой момент и с какой целью покупает ваш продукт. Не вникайте во всю найденную в обсуждениях информацию, только в «мясо». Форумы — тот ещё бермудский треугольник: зайдя однажды, можно остаться там навечно.
Пообщаться с 20–50 покупателями. Хорошо, если это будут люди из разных групп ЦА
Такой формат называется «глубинные интервью» и даёт довольно точную информацию о потребностях покупателей, а также кучу идей для посылов на лендинге.
Например, я произвожу элитные пельмени. В интервью с клиентами постоянно звучит, что они предпочитают домашние пельмени, потому что они реально вкусные и из натуральных ингредиентов. Меня лично такие истории наводят на мысль сказать на лендинге, что наши пельмени как самолепные. И что вот, смотрите-ка, мы производим точно из того же, из чего вы делали бы на собственной кухне. Так идею из глубинных интервью можно применить при «упаковке» продукта.
Сделать массовый опрос ЦА — например, разослав по базе клиентов письмо со ссылкой на опрос
Это тоже работающий способ, хоть и не такой крутой, как глубинное интервью.
Что же спросить у покупателей:
- когда они покупают продукт;
- какую проблему или задачу хотят решить с его помощью;
- почему выбирают вас, а не кого-то другого.
Помимо исследования ЦА, посмотрите и проанализируйте сайты конкурентов в выдаче Яндекса (рекламной и обычной). Так вы поймёте, насколько ваше предложение «в рынке» и надо ли дополнить его бонусами (акциями), — или, возможно, стоит усилить сам продукт, прежде чем вступать в эту нешуточную конкурентную гонку.
Пример исследования конкурентов в майнд-карте
Продающий лендинг: портреты аудитории и выбор ключевых посылов
Сводим всю информацию воедино: бриф, маркетинговое исследование (анализ форумов и/или опрос покупателей). Составляем на их основе описание типичного представителя каждой группы покупателей (ЦА).
Я опять же делаю это в майнд-карте. Вот пример разделения всей аудитории на группы для компании, строящей частные дома.
Каждый из этих четырёх сегментов ЦА описываю по пунктам:
- проблемы, которые приводят к покупке вашего продукта;
- желания — как продукт должен повлиять на жизнь покупателя в идеале;
- критерии — на что обращает внимание клиент при выборе продукта и его продавца.
Итак, вы поняли, кто ваша аудитория и чего она хочет от продукта. Определите наиболее выгодную для себя группу ЦА. Распределите характеристики и преимущества (то, в чём вы превосходите конкурентов) по степени важности для ключевых покупателей.
Самые важные характеристики поставьте на заметные места на лендинге и в других промоматериалах. Менее важные — на не самые заметные места, про неважные просто не пишите, чтобы не засорять людям мозги информацией, которая никак не повлияет на вашу прибыль.
Вот пример расстановки акцентов на лендинге:
- Основной акцент на заголовке — за счёт крупного шрифта. Дополнительный акцент на уникальности этого посёлка (окружённость морем с трёх сторон) за счёт смены шрифта и выделения жирным.
- Менее важная информация — пункты списка, в которых также жирным расставлены акценты.
- Более важный по сравнению со списком призыв к действию — крупнее шрифт.
- Большая контрастная по цвету кнопка-акцент на совершении нужного нам действия — записи на просмотр.
Разработайте структуру лендинга, ответив на вопрос: что вот этот конкретный клиент должен узнать о вашем товаре, чтобы принять решение о покупке. Ответ вы можете записать в виде названий блоков вашего будущего продающего лендинга.
Я не топлю за жёсткую структуру — можно просто по логике прикинуть, что нужно сказать человеку сначала, а что потом. Ведь вы при встрече не рассказываете однокласснику, которого не видели 15 лет, что у вас собака мебель грызёт. Вы сначала говорите «привет», потом вводите в курс дела, а только потом про собаку. Логика ни у кого не страдает при повествовании. Продающий лендинг — то же самое: будьте людьми и думайте головой.
Например, при покупке услуг по строительству частного дома клиент захочет понять:
- какие дома есть;
- какая примерно цена материалов и работ;
- каково качество домов;
- можно ли менять типовую планировку или сделать индивидуальную;
- что за компания строит, почему лучше купить здесь;
- как выглядят дома, которые были построены до этого, всё ли там в порядке;
- не сдерут ли с него втридорога;
- не повысится ли цена при строительстве и т. д.
Вот вам и блоки лендинга.
Это, друзья мои, база. То, что необходимо знать и применять при создании текста для лендинга. А есть ещё тонкости.
Вот мой личный топ-5 фишек современной продающей упаковки продукта на 2020 год.
Тренд на достоверность
Если мы что-то заявляем, то должны доказать, что это правда. Например, говорим, что у нас производство, и показываем фотографии, даём адрес и даже приглашаем посмотреть, как производим продукт.
Говорим, что на 20% увеличим вашу прибыль, и показываем кейсы с цифрами, подтверждающими это. Обещаем построить дом в срок и показываем скрин договора, где это прописано плюс сказано про штрафные санкции за невыполнение.
Также продающий лендинг должен содержать реальные фото сотрудников или директора, а не стоковые картинки.
Стоковое фото:
Реальное:
Высококачественный дизайн
В конкурентных нишах я вижу много по-настоящему красивых продающих лендингов. Это плюсик в карму репутации компании. Успешные компании дополняют продающие тексты шикарным дизайном.
Однообразные дизайны устаревают — все эти одинаковые иконки на разных лендах или одни и те же фоновые картинки. Даже конструкторы лендингов стали очень гибкими — уже сложно отличить авторский дизайн от сделанного в конструкторе.
Устаревший дизайн:
Современный дизайн:
Мессенджеры
Связываться с продавцом должно быть удобно даже покупателю-интроверту. Поэтому на лендингах мы пробуем давать альтернативные способы связи: через Вотсап, ВКонтакте, Телеграм и Фейсбук. В каких-то нишах это даёт бОльшую конверсию, в каких-то меньшую, поэтому связь через мессенджеры предлагайте в дополнение к традиционным способам и тестируйте, насколько это эффективно у вас.
Квизы
Очень популярный сейчас формат лендингов-тестов. Они помогают понять, чего хочет клиент (благодаря ответам на вопросы теста), и сделать ему предложение с учётом потребностей. Тест может быть встроен в продающий лендинг или находиться на отдельной посадочной странице.
Системное продвижение
Хорошо, когда есть система лидогенерации, а не просто продающий лендинг. Например, мы ведём трафик на лендинг. Те, кто оставил заявку, попадают на страницу «спасибо» с каким-то ещё предложением, а также мы работаем с ними с помощью рассылки.
Те, кто не сконвертировался, получают дополнительное предложение во всплывающем окне при выходе с сайта. Если и это не сработало, то с помощью ретаргетинга (показа рекламы тем людям, которые уже посещали наш лендинг) мы ведём его на квиз, лендинг с более выгодным предложением или на тот же лендинг — в зависимости от того, какова наша гипотеза о том, почему человек не оставил заявку.
Итак, современные лендинги красивые, удобные, трушные (в том плане, что всё, сказанное на сайте, мы стараемся подтверждать фото и фактами) и закрывающие потребности ЦА. А ещё современные лендинги это не одиночные сайты, а система лидогенерации, потому что конкурентный рынок не прощает маркетинговой упаковки, созданной спустя рукава. Так продадим!
Красивые лендинги примеры| Эвристика
Iphone landing page
Компания ЭВРИСТИКА работает во всех направлениях. Для нас не является сложной задачей создать лэндинг для любой компании. В посадочных страницах нуждаются не только начинающие бизнесмены, но и хорошо раскрученные компании. Iphone landing page, разработанный нашими специалистами, имеет красивый и яркий дизайн. Страница содержит информацию обо всех новинках и выгодных предложениях. Посетив лэндинг, пользователь тут же захочет приобрести модное устройство или скачать софт для него. Мы знаем, как привлечь посетителей к вашей компании. С помощью посадочной страницы можно увеличить свой доход, быстро продать нужный товар. У нас многолетний опыт работы в данном направлении. К созданию качественного лендинга у нас комплексный подход. Мы задействуем профессиональных программистов, дизайнеров, копирайтеров и верстальщиков. Результат наших продуманных действий удивит каждого заказчика. Ведь на выходе получится качественный лэндинг для айфона с высокой конверсией.
Landing page косметика
Современный рынок предлагает огромный выбор косметики от ведущих мировых производителей и не только. Сегодня косметику можно купить на рынке, в специализированных магазинах, в сети. Компании, которые специализируются на продаже косметических средств в сети нуждаются в качественной и эффективной рекламе. Компания ЭВРИСТИКА разработает для вас landing page косметики в считанные дни. На странице будет размещена информация о новинках и акциях, контактные данные и форма обратной связи. Мы сделаем красивый дизайн, наполним лэндинг продающимися текстами. В свои проекты мы вкладываем не только все свои силы и умения, мы вкладываем в них свою душу. Гарантируем всем клиентам качество и сжатые сроки. Мы сможем сделать так, чтобы ваша компания стала более популярной и узнаваемой. Продвинем ее на высшую ступень. Все наши заказчики остаются довольными полученными результатами. Ведь прибыль они начинают считать сразу же после запуска проекта в работу.
Landing page автошкола
Сегодня очень трудно найти хорошую автошколу, которая будет иметь идеальное расположение, и удовлетворять всем остальным требованиям. Часто желающие научиться водить машину и получить права ищут информацию об автошколе в сети. Пользователи читают отзывы о том или ином заведении, в результате полученных сведений делают выбор. Наша компания разработает landing page автошколы в красивом дизайне и понятном интерфейсе. Посетитель, который попадет на страницу по ссылке, захочет остаться на ней и почитать информацию. Мы сможем подать необходимую информацию в доступной форме, которая обязательно заинтересует посетителя. А положительные отзывы о компании помогут отбросить все сомнения, и подвигнут на решающее действие.
50 примеров лучших главных страниц сайтов – Plerdy
Проблема чистого листа, когда не знаешь, с чего начать новый проект, гонит дизайнеров на специальные веб-порталы за вдохновением. Среди таких ресурсов стоит Awwwards — мекка для веб-дизайнеров, черпающих творческие силы в успешных проектах коллег. Ресурс собирает лучшее из мира веб-дизайна, создает свои рейтинги, благодаря которым можно увидеть, какие тенденции царят в мире разработки сайтов.
Мы уже писали о рейтинге лучших студий 2018 года по версии ресурса. Очередь пришла к дизайну Главных страниц — примеров особо интересных решений от разработчиков со всего мира. Ниже мы составили рейтинг лучших Домашних страниц, которым компетентное жюри Awwwards присвоило награду “Сайт дня”. На примере этих сайтов можно оценить, сложен ли в реализации проект, способный получить признание лидеров отрасли.
1. Главная страница Welly
Перейти на главную страницу https://www.getwelly.com/
Американский стартап заказал разработку сайта студии illcreative из Нью-Йорка. Суть стартапа — продажа ярких наборов первой медицинской помощи. Цвет и комплектацию пользователь может выбрать на свой вкус. Столь тревожная сфера деятельности и продающий сайт — разработчики смогли решить вопрос совмещения этих областей в красивый проект.
Итогом стал позитивный сайт с оранжевыми цветовыми акцентами для целевых действий. А для первого экрана специалисты illcreative выбрали полигональный стиль, поставив во главу анимированный ролик, на котором красиво разложена продукция Welly. Анимация используется и в других презентационных блоках, что позитивно влияет на пользовательский опыт.
2. Главная страница Ricky Michiels, 2019
Перейти на главную страницу https://www.rickymichiels.com/
Наиболее поражающие воображение тенденции предоставляют сайты из сферы шоу-бизнеса. Особое место занимают сайты деятелей и агентств из мира высокой моды. Одним из таких стало портфолио для кастинг-студии Ricky Michiels. Идеи для этого проекта фрилансер-разработчик Jason Bradley почерпнул у глянцевых журналов моды, поместив на главную страницу красочные фешн-фото.
В 2013 году тенденцию дизайна сайтов Веб 2.0 сменила портальная (журнальная) верстка. Круглые линии, реалистичные градиенты и объемные иконки уступили место острым углам, плоскому дизайну, минимализму и чистоте изображения. Истина “все гениальное — просто”, определяющая смысл журнальной верстки, не теряет актуальности и в 2019 году.
3. Главная страница Jomor Design
Перейти на главную страницу https://www.jomor.design/
“Лучшее портфолио — собственный сайт” — так решили специалисты канадской студии Jomor Design из Монреаля, и разработали простую веб-страницу, на первый взгляд. Обычные и всем понятные шрифты, обычные фото. Но все дело — в анимации и Parallax-эффекте. Сайт реагирует на каждое действие пользователя, то отзываясь на движение мышки, то реагируя на скролл, то привлекая внимания к ключевым моментам. Гармоничное воплощение возможностей простых эффектов — этим специалисты студии и привлекли внимание жюри Awwwards.
4. Главная страница Precision Run
Перейти на главную страницу https://precisionrun.com/
От моды — к спорту, в котором одного взгляда на первый экран должно быть достаточно, чтобы почувствовать мотивацию к рекорду. Все это — о проекте Precision Run, объединяющего поклонников бега в турнирные таблицы и сообщества. Парижская студия Area 17, занимавшаяся разработкой сайта, решила вдохновиться спортивной рекламой и оживить рекламные постеры на сайте в видеороликах.
Изображения тоже есть — и они были сделаны в максимальном размере, масштабно, в ярких фильтрах, запечатляя процесс бегового тренинга. И третий конек сайта — типография, в тех же масштабных вариациях толстых, широких и основательных, как беговые кроссовки, шрифтов.
5. Главная страница Max Colt
Перейти на главную страницу https://maxcolt.com/
Украинская студия Adwanced.team поделилась с публикой Awwwards результатом работы над портфолио для отмеченного престижными наградами разработчика визуальных эффектов Max Colt, работавшего с Lil Wayne, Coldplay, Nicky Minaj, Kanye West, Imagine Dragons.
Тема портфолио задала тон фишкам сайта: анимация шрифтов и изображений была дополнена интерактивом. Чтобы запустить работу сайта стоило всего лишь кликнуть и удержать левую клавишу мышки. Этим создавалась интрига, вовлекающая посетителя. Дальнейшую работу делали работы автора, производя тот необходимый wow-эффект.
6. Главная страница True Ventures
Перейти на главную страницу https://trueventures.com/
Студия Ueno уже была в ТОП-25 студий по версии Awwwards-2018, уже имеет 29 наград ресурса, 13 из них — в номинации “Сайт дня”.
Студия представила новую работу, которую оценили жюри — ресурс для платформы для венчурных предпринимателей True Ventures.
Простой белый фон, черно-белая гамма презентационных роликов и минимум цветовых акцентов. “Ничего лишнего” — меткое описание ресурса. Лишь анимационная деталь в виде маркера, отмечающего акценты — как бы это делал деловой человек, делая пометки в своем рабочем ежедневнике, — создает цепляющий эффект сопричастности у посетителя к тому, что делает платформа — находит людей, способных решить важные проблемы бизнеса.
7. Главная страница Animal
Перейти на главную страницу https://animal.cc/
Еще один корпоративный сайт для дизайн-студии Animal (Стокгольм). Не мудрствуя лукаво, специалисты студии использовали прозрачный белый фон и простые шрифты. Но волшебство начинается во время взаимодействия: распадающиеся слоганы на первом экране при наведении мышкой, листающееся портфолио во время кликов, меняющиеся надписи раздела features. Простой с виду сайт превращается в увлекательную “залипалку”, в которой пользователь вовлекается в игру с интерактивными элементами страницы. Надолго.
8. Главная страница Ferro
Перейти на главную страницу https://ferro.pt/en/
Еще одна студия, участвовавшая в рейтинге лучших разработчиков 2018 года по версси Awwards — Bürocratik из португальского города Coimbra разработала корпоративный сайт для компании Ferro — международного производителя продукции из углеродистой стали.
Простая задумка — презентационный ролик на первом экране, затемненный “промышленный” бэкграунд и яркие акценты для целевых действий. Выполнение микса простых вещей проведено на профессиональном, качественном уровне. Чистый дизайн дополняет высокая техническая оптимизация ресурса, благодаря чему сайт попросту удобен. Чем и подкупил жюри — самый высокий средний балл 7,6 получил параметр оптимизации под мобильные устройства. Что доказывает первичность удобства, а уж потом — деталей оформления.
9. Главная страница Planetary
Перейти на главную страницу https://planetary.co/
“Нужен яркий сайт, мы же дизайном занимаемся” — решили специалисты студии Planetary из США, сделав первый экран своего корпоративного ресурс похожим на клубничную жевательную резинку. Позитивный розовый вписывается как в рамки жизнерадостного настроения и успешно сочетается с бодрой анимацией взаимодействий со страницей и flat-стилем иконок и кнопок страницы. За счет этого внимание к каждому горячему объекту автоматически возрастает. А темный задний фон не выглядит скучным, давая дорогу нужным, целевым действиям.
10. Главная страница LARGO Inc. Rebranding
Перейти на главную страницу https://largo.studio/
Абсолютно противоположный подход к оформлению сайта для дизайн-агентства — сдержанный минимализм и анимированная типографика, а яркими акцентами сделать фото работ. Именно так и поступили студия специалисты японской студии Shiftbrain с сайтом для агентства LARGO, занимающегося оформлением салонов красоты, ресторанов и офисов. В море пестрых интернет-страниц сайт агентства станет ярким и запоминающимся именно за счет своей, на первый взгляд, простоты и неприметности.
11. Главная страница EvaGher Makeup
Перейти на главную страницу https://evagher.com/en
Хотите увидеть испанский подход к веб-дизайну? Со всей страстью и увлеченностью специалисты Burundanga Studio подошли к разработке веб-портфолио для визажиста EvaGher. Использование насыщенности и контрастов в фешн-фотографиях, меганадписей в духе глянцевых журналов, как будто сделанных страстной кистью испанского художника — эти приемы смогли стать достойным аргументом для жюри Awwwards и принести проекту титул “Сайт дня”.
12. Главная страница SIROPPE
Перейти на главную страницу https://siroppe.com/
Обычная практика, когда в дизайне сайта используется три цвета. Но разработчики испанской студии Siroppe в своем корпоративном сайте сумели ограничиться двумя. Остальное сделала типографика, забавная анимация и краткая, но нескучная текстовая часть. Например, на странице портфолио вместо заезженного названия в тайтл разработчики поставили крылатую фразу Гэндальфа “Бегите, глупцы!”, что уже вызывает улыбку, еще до загрузки страницы. Минимум фото для проектов и портфолио, и максимум молодежной анимации — и рецепт вкусного веб-сиропа по-испански готов!
13. Главная страница Union
Перейти на главную страницу https://www.union.co/
Диджитал-агентство из американского города Шарлот создало для себя корпоративный сайт с чистым белым фоном, на котором эффектно смотрится игра типографики. Рекламные анимированные слоганы в удобном размере и с оптимальных кеглем расположены по очень простой сетке. Такая предсказуемость откровенно радует глаз и стимулирует к изучению сайта. Особо игрой шрифтов отличилось главное меню, в котором увеличенным шрифтом выделены основные пункты — портфолио, услуги и “Об агентстве”. Сама иконка меню ненавязчиво расположена в левом нижнем углу. Такое решение вносит нотку необычности в привычную сетку, что делает меню самым запоминающимся местом на сайте.
14. Главная страница Vincent Saïsset — Portfolio
Перейти на главную страницу https://www.vincentsaisset.com/
Французский разработчик интерактивных элементов Vincent Saïsset (Париж) совместно с дизайнером Ludmilla Maury разработал сайт, который должен был стать его портфолио. В проекте разработчики использовали силу современной типографики, умноженной на креативные интерактивные взаимодействия мыши, кликов и переходов.
15. Главная страница Kühl&Han
Перейти на главную страницу https://kuhlandhan.com/
Датская дизайн-студия анимации Kühl&Han заказала разработку корпоративного сайта агентству Norgram, и это проект тоже попал в номинацию “Сайт дня”. В дизайне разработчики использовали всю красоту макросъемки и 3D-визуализации, поставив анимированные 3D-ролики на первый экран. Что характерно — страница состоит из одного экрана, при этом, содержит всю информацию, которая может понадобиться — контакты, ссылка на портфолио и описание студии. Все это обыграно современной типографикой, расположено в “горячих” местах, не перетягивая на себя все внимание посетителя, но и не теряясь на динамичном фоне.
16. Главная страница Few and Far
Перейти на главную страницу https://www.few-far.co/
При первом взгляде на сайт британской студии дизайна и разработки Few and Far кажется, будто у ресурса проблемы с версткой, но это — лишь крючок, который заставляет промотать сайт дальше. А с продвижением вниз блоки страницы оживают, меняют размер и лишняя темная полоса в правой части экрана оказывается блоком портфолио. Такой тонкий подход говорит о нестандартном подходе к вовлечению пользователя. Вместе с тем, это свидетельствует о высоком профессионализме и опыте понимания пользовательского опыта. Сайт работает без лишних wow-эффектов, используя только психологию веб-серфинга и немного удобной типографики.
17. Главная страница Finding Ctrl
Перейти на главную страницу https://findingctrl.nesta.org.uk/
Креативный проект от манчестерской студии ToyFight (Великобритания) предлагает поразмышлять над историей интернета, которому в октябре 2019 года исполнится 50 лет. Студия уже в шестой раз попадает в рейтинг Awwwards в номинацию “Сайт дня”.
Посетителям ресурса разработчики предложили интересную идею и информативное наполнение с долей юмора. Информация обыграна интерактивной графикой, использованием material-цветов для фона. Для первого экрана специалисты выбрали идею с интерактивной 3D-моделью привычной “указывающей руки”, которая вращается, в зависимости от того, в какой стороне находится курсор мышки.
18. Главная страница Angle2 Agency
Перейти на главную страницу https://angle2.agency/
Украинская студия дизайна и разработки Angle2 из Киева реализовала свой корпоративный сайт, удачно обыграв собственное название. “Посмотрите на свой продукт под разными углами” — призывает слоган на главной странице. Если повести в сторону курсором мышки, то слоган последует следом, изменяя угол отображения текста. Давая, тем самым, пользователю реально прочувствовать смысл фразы. Этого игровой элемент — еще один способ вовлечь пользователя во взаимодействие, не требующий сложных технических решений. Только немного фантазии и кода.
19. Главная страница Anoukia—in Pink
Перейти на главную страницу https://www.pink.anoukiaperrey.com/
Американская студия Saint Roman совместно с 3D-дизайнером Anoukia Perrey разработали ее портфолио, в котором поместили летний сет ее работ, объединив в коллекцию “Anoukia in Pink”.
Оформление сайта напомнило популярную в сети Инстаграм тенденцию, когда все фото публикуются в единой цветовой гамме. Такие профили запоминается на фоне пестрых и неупорядоченных фотогалерей.
Заимствования пользовательского опыта из социальных сетей уже стали надежным способом сделать свой веб-ресурс запоминающимся, поскольку такой источник вдохновения — проверенный многотысячной аудиторией, и имеет несколько дополнительных бонусов в виде информации об аудитории, которую можно использовать для разработки маркетинговой стратегии сайта.
20. Главная страница Fabio Fantolino
Перейти на главную страницу https://www.fabiofantolino.com/en
Дизайн-агенство Adoratorio из Бресции (Италия) — еще один номинант в рейтинге на звание “Студия года-2018” по версии Awwwards на этот раз представила сайт дня — портфолио туринского архитектора Фабио Фантолино. Проект представляет собой постепенно набирающую популярность одноэкранную версию главной страницу, с которой можно быстро перейти в другие важные разделы — услуги, об авторе, контакты и т.д. Функцию создания wow-эффекта берет на себя анимация и фото проектов архитектора, дополненные типографикой в духе глянцевых журналов.
21. Главная страница Design in Motion Festival
Перейти на главную страницу https://demofestival.com/
Использовать рекламные афиши и проспекты в качестве источника вдохновения для веб-дизайна — ход беспрецедентно смелый. Но в разработке оформления сайтов тех же мероприятий смелый шаг приобретает оттенки оптимистичного вопроса “Почему бы и нет?”
Именно интернет-афишей и представляется веб-ресурс DEMO Festival (Нидерланды), разработанный агентством Dept (Амстердам). Яркость и насыщенность цветов, вычурность и гипермасштабность типографики прицельно показывают тематику ресурса — реклама массового мероприятия. Иногда и такой ход позволяет позиционировать мероприятие с первого взгляда. Если это произойдет — дальше только дело за техникой и информативным контентом.
22. Главная страница MST—We create digital stories
Перейти на главную страницу https://mst.agency/
Яркий сайт, напоминающий россыпь сладких леденцов — именно такие ассоциации возникают при взаимодествии с корпортаивным ресурсом и портфолио московского агентства MST. Специалисты студии решили объединить две тенденции — объемность Веб 2.0, наложенную на цветовую схему и требования Material Design. Все, что есть на сайте, сделано в строгом минимализме и единстве стилей. На сайте нет фото — есть иллюстрации, любовно нарисованные под каждый проект. Жюри Awwwards оценили серьезность подхода к самопрезентации и присудили проекту заслуженный титул “Сайт дня”.
23. Главная страница Oui Will Agency
Перейти на главную страницу https://www.ouiwill.com/
Еще одно знакомое по рейтингу-2018 дизайн-студий — агентство Oui Will из сан-Диего (США). На этот раз студия представила обновленный собственный сайт, сделав ставку на Parallax-эффект, эффектные презентационные ролики и тонкую, гладкую типографику. Все разделено по экранам, для каждого слогана, ролика или новости — свой экран, никакого соседства. Сайт щедро сдобрен уместной анимацией и, где это возможно, интерактивным взаимодействием с пользователями, при этом, оставляя дух минимализма и сдержанности. Умение сочетать противоположности в очередной раз принесло студии место в рейтингах Awwwards.
24. Главная страница Alacran Group
Перейти на главную страницу https://alacrangroup.com/
Даже если пользователь зайдет на этот ресурс случайно, то уйдет он оттуда нескоро. Студия дизайна и разработки Jam3 из Торонто (Канада) совместно с творческой группой Alacran создала проект, предлагающий пользователю сорать свою мелодию из электронных семплов. Просто кликая по разным точкам, можно создать микс из звуков, а потом поделиться им с друзьями или оставить на сайте, чтобы другие пользователи смогли послушать то, что получилось.
Из дизайн-элементов на сайте представлены минималистичная иконографика, инфографика, необычная горизонтальная развертка страниц и material-цвета.
25. Главная страница Studio P2MV
Перейти на главную страницу https://p2mv.studio/
В мире дизайна все, что сделано во Франции, приобрело славу творчески неординарного бренда. Корпоративный ресурс и портфолио дизайн-студии Poignée из французского города Нант не обманывает это ожидание. Сайт предлагает посетителю оценить необычность каждого элемента оформления:
- логотип из креативно выполненной типографики;
- многозначность презентационного экрана, в котором работы представлены не привычным прямоугольником видео, а как анимированная художественная инсталляция, гармонично сочетающаяся со слоганом;
- журнальная верстка, крупные благородные шрифты с засечками и все это — на чистой черном фоне;
- скроллинг с приятным “доезжающим” parallax-эффектом.
26. Главная страница Getz
Перейти на главную страницу https://www.mariodragicevic.com/
Студия Bornfight из Загреба (Хорватия) разработала онлайн-портфолио для фотографа Mario Dragicevic. В таких проектах главное, чтобы ресурс не затмевал талант самого художника, но выгодно подчеркивал его. И в этом разработчики преуспели, создав сайт с чистым черным дизайном, журнальной типографикой и ненавязчивой анимацией работ фотографа.
27. Главная страница NourishEats by Joanna L.
Перейти на главную страницу https://nourisheats.co/
Дизайн от канадского дизайнера Kin Hui-Lo (Торонто) для кулинарного проекта Nourisheats поражает умением разработчика сочетать фото, типографику, иконографику и parallax-эффект. Специалист использовал всего понемногу в нужный пропорциях, чтобы не сделать блог слишком тяжелым и насыщенным. Использование натуральных неброских цветов позволяет избежать информационной перегрузки. А ненавязчивая анимация курсора и элементов меню позволяет сделать сайт интерактивным и вовлекает во взаимодействие.
28. Главная страница Versett
Перейти на главную страницу https://versett.com/
Агентство Versett из Калгари (Канада) представили публике Awwwards свой корпоративный сайт, и получили награду “Сайт дня” от жюри ресурса.
За wow-эффект отвечает видеопрезентация студии на первом экране Главной. Созданное настроение поддерживает анимация, строгая типографика, и интерактив для функциональных зон.
29. Главная страница Temporary Measures
Перейти на главную страницу https://www.craftedbygc.com/
Студия разработки Green Chameleon из Бристоля (Великобритания) ответственно подошла даже к такому ресурсу, как временный сайт-заглушка, который будет отображаться посетителям пока полный корпоративный сайт будет на переработке. Простой замысел — чистый черный фон, на котором эффектно смотрится цветная композиция с эффектом растекшейся акварельной краски и слоган сайта.
30. Главная страница Lundqvist&Dallyn
Перейти на главную страницу https://www.lundqvistdallyn.studio/
Белый фон, parallax-эффект, играющий черно-белыми информационными блоками, расположенными в шахматном порядке на странице — пожалуй, проще дизайн придумать сложно, однако, именно простота замысла и цепляет в оформлении сайта дизайн-студии Lundqvist&Dallyn, разработанном дизайнерами оксфордской студии Sam&Sara (Великобритания).
31. Главная страница Mogney
Перейти на главную страницу https://mogney.com/
В СССР существовал мультик “Пластилиновая ворона”, в котором животные превращались друг в друга под веселую песенку. Разработчики из отмеченной номинацией “Студия года-2018” воронежской студии Red Collar (Россия) определенно вдохновлялись этим мультиком. Проект Mogney — сайт новой платежной системы по QR-коду поражает впечатление сначала ярким цветовым сочетанием, а потом — анимациями, сменяющими друг друга при скроллинге. На выходе получилась динамичная картинка, которая поднимает настроение и желание воспользоваться сервисом.
32. Главная страница White Square
Перейти на главную страницу https://whitesquarecapital.com/
White Square — сайт инвестиционной фирмы, разработанный уже встречавшейся в нашем рейтинге итальянской студии Adoratorio. Оформление главной страниц — на грани искусства, поскольку реализовано с помощью одного лишь белого и теней. Красивые текстуры, сменяющие друг друга в одном цвете, плоский дизайн, гладкие шрифты, легкая сетка разметки страницы и ненавязчивая типографика, порционно выдающая информацию. Ресурс располагает к взаимодействию. удобством и уютом.
33. Главная страница This Is Sleep
Перейти на главную страницу https://thisissleep.co.uk/pages/your-sleep-solution
Сайт интернет-магазина постельного белья может быть только в пастельных тонах. И разработчики студии Loaf не стали мудрствовать лукаво, а просто позволили пользователям прочувствовать весь уют и тепло, которые могут дать товары интернет-магазина, дав возможность рассмотреть каждый со всех сторон и подробно описав их преимущества. Инфографический подход к описанию товаров с использование анимации, визуальных эффектов, мягкой типографики дал свои плоды — сайт получит титул “Сайт дня”, став дебютантом для британской студии в рейтинге Awwwards.
34. Главная страница Jorik
Перейти на главную страницу https://jorik.askphill.com/
Простой parallax позволяет сделать сайт играбельным, если прикрепить точку просмотра главного экрана к курсору мышки. Решение авторства студии Ask Phiil из Амстердама (Нидерланды) добавило сайт нового бренда Lil’ Kleine: Jorik в рейтинг Awwwards и заслужило симпатии жюри. Чтобы не осталось сомнений, достаточно посмотреть на чистый и гладкий дизайн страницы, интерактивное взаимодействие на клики пользователя и “доезжающий” скролл, оставляющий приятное впечатление и заставляющие повторить опыт взаимодействия с ресурсом если не сразу, то хотя бы через время.
35. Главная страница Baunfire
Перейти на главную страницу https://www.baunfire.com/
Свежий взгляд на дизайн от резидентов Силиконовой долины Baunfire (Сан-Хосе, США). В нем нет масштабных фотографий или претенциозных рекламных роликов. Здесь царит дизайн с использованием простых символов, напоминающих ASCII Art — рисование символами — доведенный до уровня профессионализма. Добавить красивое цветовое сочетание, интерактивное взаимодействие с пользователем и мягкие анимационные эффекты функциональных объектов и элементов дизайна — и получим сайт-номинант на события дня.
36. Главная страница Graphit Type
Перейти на главную страницу https://www.graphit-type.com/
Если есть желание выделиться из потока презентационных сайтов, то можно попробовать красиво нарушить абсолютно все рамки моды на веб-дизайн. Именно так и сделали LitDesignStudio для презентации своего шрифта Graphit, использовав его формы в дизайне сайта. Так они убили двух зайцев одним махом — и продукт показали во всех возможных вариациях, и запоминающийся дизайн, достойный титула “Сайт дня” создали.
37. Главная страница LOOP
Перейти на главную страницу https://www.agentur-loop.com/
Если есть желание выделиться, то можно еще попробовать привлечь внимание деталями. Например, плотно посидеть над дизайном футера, поиграв с типографикой и доведя соотношение шрифтов до уровня шедевра. Именно так поступили разработчики студии LOOP со своим сайтом, вдобавок к чистому дизайну основных разделов, которыми уже, возможно, даже и не удивить искушенное жюри Awwwards. А вот вниманием к деталям — вполне.
38. Главная страница Olivier Ouendeno — Portfolio
Перейти на главную страницу https://www.olouen.com/
Красивые фото анимацией и интерактивом не испортишь. Арт-директор Olivier Ouendeno (Париж, Франция) для своего портфолио подобрал фото, которые зашил под чистую подложку. Чтобы их увидеть, достаточно поводить курсором, а для полного просмотра — зайти в портфолио через креативное меню. Отдельного внимания заслуживает винтажно оформленная типографика.
39. Главная страница Auberive
Перейти на главную страницу https://auberivemusic.com/
Сайт рок-бэнда уже по умолчанию обязан ломать шаблоны. Именно эту цель и преследовал разработчик Willy Brauner, создавая презентационный ресурс музыкального альбома группы Auberive, и рискнул даже пожертвовать скоростью загрузки во имя красивого эффекта. Сайт после загрузки показывает полноэкранное изображение группы, и подтягивает контентную часть через parallax-анимацию.
Передвижения посетителя тенью сопровождает плавающий курсор. Когда пользователь кликает по экрану, чтобы прослушать демо альбома, указатель “обрастает” стрелками листания, подсказывая, что можно делать на странице. Фоном отображается видео репетиции группы, позволяя пользователю приобщиться к процессу записи нового альбома.
На сайт добавили опциональную возможность прослушивать фоновую музыку, включить которую можно просто кликнув по экрану на специальной иконке.
Навигация умещается в один экран, и дальше предлагает пользователю листать экраны кликом мышки. Сайты на один экран явно становятся новым трендом в мире веб-дизайна, что показывает, что пользователи уже устали от лонгридов, и не прочь полистать веб-страницу, как журнал.
40. Главная страница 2018: Year in Review
Перейти на главную страницу https://2018.craftedbygc.com/
Дизайн-агентство Green Chameleon из Великобритании решило использовать parallax-эффект, чтобы создать просто на главной странице обзорного ресурса за 2018 год эффект VR. Смысл был именно в том, чтобы погрузить посетителя в события прошедшего года. Разработчики использовали современные технологии, чтобы дать прочувствовать именно идею погружения, позволяющей стать участником действия и творцом истории.
41. Главная страница Won Hundred
Перейти на главную страницу https://wonhundred.com/
Есть тут кто-то, соскучившийся по табличной верстке нулевых? Разработчики SPRING/SUMMER удивили жюри Awwwards, предложив на суд беспрецедентный проект сайта для капсульной коллекции одежды Won Hundred. В этой странице есть все из дизайна девяностых-нулевых: белый фон, однопиксельные границы табличек, в которые вписано главное меню, форма рассылки и карточки товаров. Дополнительный флер гениальности вносят стандартные цвета и типографика, и даже бегущая строка заголовков. Вишенкой на торте выступают рекламные баннеры в лучших традициях WordArt. Нельзя упрекнуть датских разработчиков в хорошем чувстве юмора.
О том, что мы, все-таки, в конце десятых, напоминает интерактивность функциональных элементов. За минутку ностальгии сайт заслуженно получил титул сенсации дня.
42. Главная страница Bruegel – Once in a Lifetime
Перейти на главную страницу https://www.bruegel2018.at/
Разработчики студии Wild Вены (Австрия) для сайта выставки Питера Брейгеля в Венском Музее Искусств не стали изобретать велосипед, а воспользовались работами самого мастера. Их они доработали с помощью анимации, оживив многочисленных персонажей картин художника. Этого оказалось достаточно для wow-эффекта на первом экране.
Чтобы сайт не выглядел бледно, то некоторые другие фото, вперемешку с презентационными видео, разместили немного ниже в виде мозаики.
Типографика здесь не могла быть иной, кроме как из семьи Antiqua. Как и цвета приглушенных, слегка крафтовых акцентов — их дизайнеры взяли прямо с полотен.
43. Главная страница RALLY
Перейти на главную страницу https://rallyinteractive.com/
От фантазийных нарушений правил — к традиционному их соблюдению. Разработчики студии Rally из США доказали на примере своего нового корпоративного, что гайдлайны Google относительно дизайна — очень даже полезная вещь. Простое соблюдение правил типографики, правил “чистого” дизайна и белой подложки, добавить немного анимированных геометрических форм и интерактива в виде изменения размера надписей и смены цветов подложки — и можно получить гладкий дизайн, достойный звания “Сайт дня”.
Пример вдохновит начинающих дизайнеров, у которых нет опыта игры шаблонами, зато есть хорошее знание теории. Простое следование правилам тоже может принести признание, хотя, ложка креатива в бочке стандартов сделает дизайн вкуснее.
44. Главная страница Dapper Fundation
Перейти на главную страницу https://www.dapper.fr/
Рецепт удачного дизайна от креативной студии VIENS-LÀ (Франция) на примере сайта для культурного Фонда Даппера:
- Красиво обыгранные изображения в единой цветовой гамме и в тон им — цветовые акценты целевых элементов.
- Все это положено на плоский остроугольный дизайн, в котором каждое действие сопровождается ненавязчивой анимацией.
Все, больше ничего не нужно. Разве что — не экономить на качестве, и технически оптимизировать ресурс. Врожденное стремление к гармоничному и прекрасному, живущее в каждом пользователе интернета, оставшуюся работу возьмет на себя.
45. Главная страница Pelizzari Studio
Перейти на главную страницу https://pelizzari.com/en/
Еще один “Сайт дня” от итальянской студии Adoratorio — портфолио студии дизайна интерьеров для отелей, вилл и ресторанов Pelizzari Studio. Дизайнеры агентства используют традиционные для своих ресурсов приемы: качественные профессиональные фото, античные шрифты, анимирование элементов в духе Material Design.
46. Главная страница Lasse Pedersen
Перейти на главную страницу https://lassepedersen.biz/
Датчане уверенно нацелились перенять пальму первенства по части креатива у французов. Дизайнеры KASPER LAIGAARD STUDIO представили публике и жюри Awwwards свой проект — портфолио парикмахера и стилиста Lasse Pedersen.
Дизайн ресурса воистину соблюдает все условия минимализма, в нем представлены исключительно работы стилиста. Но все выдержано в духе глянцевого журнала, что и ожидается от деятеля в сфере моды: характерные фото, строгая типографика, следование четкой сетке, в лучших традициях печатных изданий.
Поддерживается настроение глянца горизонтальным листанием при скроллинге с характерной анимацией переходов, как у настоящего журнала и счетчиком страниц. И все. Каталог работ для модного стилиста готов.
47. Главная страница Google Store
Перейти на главную страницу https://store.google.com/
Сложно ожидать от сайта Google Store дизайн, не соответствующий строгим гайдлайнам самой поисковой сети. Неизвестно, как студия BASIC (США) подходила к его разработке — сначала поработав над соответствием требованиям Material Design, а потом добавляя креатив, или наоборот? Итогом оказался магазин, наполненный качественными фото, вызывающими восторг — будь то изображение товара или рекламного атмосферное фото.
Изображения оттеняют функциональные элементы простых форм, стандартные Google-шрифты и фирменный логотип из буквы G то тут, то там. Просто чтобы ненавязчиво напомнить пользователю, на чьем (!) сайте он находится. Это поддержит интеграция с Google-аккаунтом. Даже не надо входить — все уже готово к покупкам!
48. Главная страница Goldkant Interior
Перейти на главную страницу https://goldkant.de/
Привычный parallax-эффект может творить чудеса в руках прагматичных немейких дизайнеров. Разработчики из студии HUMANS&MACHINES (Берлин, Германия) предложили для своего проекта — сайта студии интерьеров Goldkant предельно простую структуру и сдержанный дизайн с минимумом цветовых акцентов.
Весь изюм они вложили в интересно обыгранный скроллинг, при котором посетителя ресурса как будто заглядывает через окошки, в которых видит примеры работ студии.
А самую высокую оценку жюри поставило за оптимизацию под мобильные устройства. Простая схема отлично вписывается в рамки экрана смартфона и делает просмотр сайта удобным даже на ходу.
49. Главная страница Heller Designstudio
Перейти на главную страницу https://heller.tv/
Еще один проект итальянцы Adoratorio разработали для немецкой студии дизайна Heller. Сайт рискует стать “залипалкой” с первого экрана. Посетитель может надолго задержаться, играя с картинками презентации, которые будут гуськом следовать за курсором мышки. А чтобы время проходило с пользой, поверх презентации бегущей строкой будет идти описание студии.
Интересен эффект наложения надписи на изображения: когда текст “наезжает” на картинку, то цвета надписи инвертируются в соответствии с картинкой. Так достигается удобство чтения.
Ресурс полон забавных анимаций, вроде японских смайликов и анимированных шлейфов у фото в галерее. Портфолио выглядит респектабельно, а анимация придает ему элемент игры — возможно, именно этого и пожелают пользователи в поисках подходящей дизайн-студии.
50. Главная страница My 360° Mirror
Перейти на главную страницу https://www.my360mirror.com/
Как удачно продать дизайнерское зеркало? Дизайнер Stella Petkova (Болгария) нашла способ, предложив свое видение, каким должен быть дизайн для торгового марки My 360° Mirror, чтобы идея бренда пришлась посетителю по вкусу.
А замысел дизайна пришел прямо из названия: даешь зеркало с обзором на 360° — так покажи его именно вот так, с любой стороны. Презентация товара разворачивается перед посетителем по мере скроллинга. Идея не новая, но неизменно выигрышная для презентации товаров, хоть и связана с хлопотами в подготовке фотоматериала.
Дополняют интерактив красивая цветовая схема: нейтральный серый фон стал отличной подложкой, на которой синие акценты смотрятся наиболее эффектно.
Выводы
Если проследить тенденции, царящие в мире современного веб-дизайна, то вырисовывается следующая картина:
- намечается тенденция перехода от лонгридов к одноэкранным сайтам с переходами через клик или скролл, которые были популярны в нулевых. Отличает лишь современную версию Веб 2.0 сокращение контентной части до предельного минимума, и действительно до одного экрана, без скролла вниз — эта функция уже занята под переходы;
- parallax-эффект все так же не сдает позиций, являясь классикой для создания wow-эффекта. Разница — в реализации. Не всегда это — простой скролл полотен текста, разделенного окошками с визуальными элементами (видео, фото). Теперь эффект становится основой для 3D-презентации или полигональной развертки, выступая способом управлять картинкой и углом ее обзора;
- музыка и видео все еще добавляются на сайты — где это важно. Иногда наличие такого оформления может замедлять скорость загрузки ресурса. На этот случай дизайнеры придумывают креативную заглушку с элементами интерактива, чтобы пользователь не скучал;
- интерактив может стать и способом развлечь посетителя на сайте. Забавные игровые элементы могут присутствовать практически на любом ресурсе — даже на сайте респектабельного дизайнерского бюро, лишь бы приподнятое и веселое настроение, которое они вызывают, было уместным и не входило с в противоречие с тематикой ресурса;
- дизайн, достойный наград, может быть выполнен и без особо сложных эффектов. При должном усилии, сайт, разработанный фрилансером, может привлечь внимание жюри. “Вывезти” веб-ресурс может просто следование гайдлайнам Google, без покушения на игру с нормами, какую могут себе позволить маститые дизайн-агентства;
- покушение на нормы — при должном уровне мастерства (или смелости) можно нарушить абсолютно все нормы, и попасть в рейтинг. Если знать, какие нарушения придутся публике по душе. в этом поможет глубокое исследование вкусов целевой аудитории и рынка в целом.
лучших примеров посадочных страниц, необходимых для вдохновения
Вдохновение • Примеры сайтов Натали Берч • 18 октября 2021 г. • 19 минут ПРОЧИТАТЬ
В наши дни целевая страница стала надежным способом привлечь внимание клиентов.
Согласно последним исследованиям, распространение сообщения бренда через поисковые системы, социальные сети, электронную почту и веб-сайты позволяет напрямую продавать товары людям. В эпоху, когда мир вошел в цифровое пространство, чтобы заниматься повседневными делами, такими как работа, покупки и даже занятия спортом, цифровой маркетинг стал мощным способом привлечения потенциальных клиентов и сбора денег.
Цифровой маркетинг может осуществляться через различные каналы; он включает в себя широкий спектр маркетинговых тактик. Однако среди всех них примеры целевой страницы — одно из надежных сокровищ, которое может принести огромную пользу. Любой может справиться с этим, так как прожил с нами целую вечность; у него есть множество полезных помощников, таких как Startup, который позволяет вам создавать целевые страницы любой сложности без каких-либо технических навыков, и многочисленные технические платформы, которые собирают информацию для анализа и улучшения ваших маркетинговых стратегий.Таким образом, каким бы бизнесом вы ни занимались, какими бы навыками вы ни обладали, вы можете довольно эффективно проводить маркетинговые кампании с помощью целевых страниц.
Давайте рассмотрим основы целевой страницы, чтобы узнать, какие элементы необходимы для достижения своих основных целей, какие примеры целевых страниц являются отличными источниками вдохновения и что вы можете сделать для получения конверсий и привлечения потенциальных клиентов.
Что такое целевая страница?
Примеры целевых страниц многочисленны; однако в традиционном смысле целевая страница — это страница, задача которой — превращать посетителей в потенциальных клиентов.У него должна быть одна цель — не отвлекать внимание от прайм-оффера. Как правило, в нем нет навигации или каких-либо других убежищ. У него должна быть контактная форма, которая конвертирует трафик в лидов. Хотя десять лет назад это решение работало; сейчас не все так просто. В 2021 году клиентам потребуется гораздо больше.
Сегодняшнее царство требует некоторых решительных мер, чтобы противостоять конкуренции с музыкой. Целевой рынок становится более разборчивым. Конкурентов очень много: все труднее и труднее выделиться из толпы.Недостаточно просто продвигать свой продукт. Прежде всего, вам нужно заслужить доверие и лояльность. Затем вам нужно разогреть толпу, предоставив гипер-персонализированный опыт.
Конструктор электронных писем онлайн
С Postcards вы можете создавать и редактировать шаблоны электронных писем онлайн без каких-либо навыков программирования! Включает более 100 компонентов, которые помогут вам создавать собственные шаблоны писем быстрее, чем когда-либо прежде.
Попробуйте бесплатноДругие продуктыЭти заслуживающие доверия индивидуализированные целевые страницы, которые иногда даже предварительно заполняются данными подписчика, присутствуют сегодня.Они помогают не только превращать пользователей в потенциальных клиентов, но и сокращают путь клиента, делают его более привлекательным и, конечно же, устанавливают здоровые и дружеские отношения между брендом и целевым рынком.
Целей посадочных страниц
Цель целевой страницы — превратить посетителя в лида. Однако за каким лидером вы охотитесь? Хотите собирать подписчиков? Вы хотите создать базу данных людей, заинтересованных в вашем продукте? Или вы хотите сразу превратить потенциальных клиентов в продажи? В зависимости от вашей миссии целевая страница может иметь разные цели.Самые популярные:
- удержание вашей аудитории сфокусированной на конкретной кампании;
- продвижение предстоящего продукта, события или распродажи;
- тестирование новых продуктовых идей;
- сбор подписчиков;
- продвижение посетителей по воронке продаж;
- поднятие целевой страницы в рейтинге SEO;
- отслеживание успеха конкретного продукта;
- пропагандирует бренд.
Перед тем, как приступить к разработке целевой страницы, обязательно определитесь с целью.Четкая цель поможет создать структуру и контент, которые будут лучше всего резонировать с вашим целевым рынком.
Открытки
Основные элементы посадочных страниц
Поскольку целевая страница предназначена для превращения посетителей в квалифицированных потенциальных клиентов, у нее есть определенный набор основных элементов, которые помогают достичь этой цели. Хотя единого рецепта нет, ведь разные ниши, разные цели и разные ситуации требуют разных целевых страниц; тем не менее, независимо от того, интересуетесь ли вы лидами, кликами или продажами, этот набор основных элементов всегда остается неизменным.Все примеры целевых страниц с высокой конверсией имеют эти общие черты. Давайте внимательно их рассмотрим.
Уникальное торговое предложение
Первый ключевой элемент любой целевой страницы — это уникальное торговое предложение, также известное как УТП. Он устанавливает четкие ожидания для потенциальных клиентов и соперничает за сердца подходящих клиентов. В нем следует указать, кто вы и какую пользу ваше предложение принесет пользователям.
Это сложный элемент, состоящий из
- основной заголовок,
- вспомогательный заголовок,
- заключительный аргумент.
В общем, это должен быть рассказ, который ведет посетителей сверху вниз, повышая уровень взаимодействия с каждым шагом. Он должен производить впечатление и продвигать автора. Поэтому он должен быть продуманным и доставлять удовольствие. Рассмотрим каждый элемент отдельно.
Убийственный заголовок для целевой страницы
Заголовок должен быть коротким, понятным, но при этом ярким и запоминающимся. При поиске лучшей подачи можно использовать разные тактики.Он может обещать что-то выдающееся или отражать эмоциональное состояние посетителей. Однако главное — убедиться, что он подтверждает обещания, данные вашим брендом, и соответствует тому уровню приверженности, о котором вас просят.
Вспомогательный заголовок для целевой страницы
Вспомогательный заголовок может служить двум различным целям. С одной стороны, это может быть прямое продолжение заголовка, поскольку, если вам удастся найти короткую и интересную презентацию, вам понадобятся дополнительные детали, чтобы ваши клиенты могли их вовлечь.
С другой стороны, он может стать единственной единицей, которая расширяет сообщение и поддерживает основной оператор. Он также может перейти к делу и сразу же приступить к делу.
Ключ к каждому успешному заголовку поддержки — убедиться, что даже сканеры и скиммеры получают то, что делает ваш продукт, и то, что они получат в итоге.
Заключительный аргумент
Заключительный аргумент — это ваш последний шанс сообщить о преимуществах вашего предложения и привлечь внимание потенциальных клиентов.Вы не поверите, но каким бы впечатляющим ни был ваш заголовок и поддерживающий заголовок; тем не менее, вашим пользователям нужна последняя уверенность в том, что они делают правильный шаг. Как правило, это мощный призыв к действию, в котором используются слова-действия или какие-то дополнительные стимулы для покупок и приятные термины.
И последнее, но не менее важное: при создании УТП важно учитывать различные варианты страниц, поскольку они помогут определить версию, которая работает лучше всего. Чтобы создать несколько вариантов для одной кампании для обмена сообщениями A / B-тестирования или адресовать разным целевым аудиториям, вы можете использовать Startup.
Зона для визуального восприятия героя
«Люди едят глазами» и «упаковка продает» — все мы хотя бы раз в жизни слышали эти поговорки. Эти истины не только никогда не устареют, но и лежат в основе всех современных маркетинговых стратегий.
Дело в том, что в эпоху информационной перегрузки люди склонны к непродолжительному вниманию и быстрой смене фокуса. Вы не можете ожидать, что ваш клиент будет часами сидеть на целевой странице. У вас есть всего несколько секунд, чтобы доказать, что ваш товар достоин их драгоценного времени.Именно здесь вступает в игру «соблазнительная» упаковка, также известная как дизайн. В первую очередь, это означает, что область вашего героя должна продаваться.
ОбластьHero обычно фокусируется на визуальном представлении предложения, которое помогает вашим посетителям лучше понять ваш сервис. Правильная окраска и хорошая сцена могут ускорить процесс принятия решений и повысить мотивацию к приобретению продукта.
Например, вместо использования отраслевых изображений или изображений, относящихся к конкретному контенту, вы можете использовать изображение, изображающее действие, которое клиент должен предпринять, чтобы получить выгоду от вашего продукта.У этой тактики больше шансов получить высокий коэффициент конверсии. Поэтому придерживайтесь визуальных эффектов, которые сделают ваш продукт знакомым для покупателей.
Важные вещи, на которые следует обратить внимание при создании области героя:
- Помимо визуальной поддержки предложения или сообщения, оно также должно находить отклик у аудитории и помогать им лучше понимать его преимущества.
- Он должен занимать верхнюю часть страницы, чтобы пользователи мгновенно возвращали домой правильное сообщение.
- Если вы используете статические визуальные эффекты, такие как изображения, иллюстрации или художественные композиции, вы можете, и вам, безусловно, следует использовать направляющие сигналы, такие как линии глаз или стрелки, чтобы привлечь внимание пользователя к призывам к действию или заголовкам.
- Если вы используете анимацию, сделайте ее полностью посвященной взаимодействию с вашим продуктом.
- Если вы используете видеоролики, убедитесь, что они короткие и по сути.
Запуск
Особенности и преимущества
Когда вы привлекаете клиентов с помощью визуальных средств, пора предоставить немного больше контекста, чтобы усилить общий эффект. Для этого вам понадобится хорошо продуманный раздел о функциях и преимуществах.
Цель этого блока — принести пользу пользователям и показать им, как ваш продукт может решить их проблемы.Чтобы сделать эту часть целевой страницы эффективной, вам нужно превратить сложные функции в ситуативные преимущества. Более того, следуйте этим рекомендациям:
- Будьте краткими и милыми, потому что никто не прочитает длинную историю вашего продукта, даже если она увлекательна.
- Выберите функции и преимущества, которые наиболее ценны для ваших клиентов.
- Выделите особенности, которые выделяют вас среди конкурентов.
- Используйте форматирование, чтобы избежать стен текста.
- Используйте визуальные ресурсы в виде значков или небольших иллюстраций, чтобы контент можно было легко и быстро сканировать.
Раздел количественной оценки и квалификации вашего бренда и продукта
В 2021 году, когда все будут сидеть в цифровом мире, вы просто не сможете обойтись без раздела, который дает количественную оценку и квалификацию вашего бренда. Люди должны знать, почему вы лучший, не от вас, а от их друзей, коллег, сверстников и соседей. Для этого вам понадобится либо социальное доказательство, либо впечатляющая статистика.
Хотите верьте, хотите нет, но обзор продукта — мощный инструмент убеждения, особенно когда он охватывает не только голые факты или безвкусные комментарии, но также видео, личное мнение о продукте и, возможно, даже некоторые личные, но не резкие минусы, поскольку есть всегда есть возможности для улучшения.
Согласно последним исследованиям, средний потребитель тратит почти 15 минут на чтение отзывов, прежде чем обратиться к вам. Поэтому, чтобы он или она не заходили в Google в поисках альтернативных комментариев о вашем продукте, которые могут все испортить, предоставьте отзывы самостоятельно и спасите день для вас обоих.
Итак, что вы можете использовать на целевой странице для определения и количественной оценки вашего бренда и продукта? Есть ряд социальных доказательств, таких как:
- Список известных брендов, использующих вашу продукцию;
- Награды авторитетных организаций;
- Впечатляющая статистика о вашем бренде: подсчитайте, сколько у вас клиентов или сколько продуктов было продано;
- Отзывы и видеообзоры.
Некоторые компании используют их все, в то время как другие нанимают только лучших из лучших. В зависимости от вашей кампании вы должны выбрать способ количественной оценки и квалификации бренда.
Отзывы в грамматике
Стоимость
Ценообразование — одна из тех вещей, которые не должны удивлять. Вы не поверите, но нет смысла скрывать цены, как это делали предприниматели десять лет назад. Перспективы рано или поздно это узнают. И если это их разочаровывает, они отворачиваются не только от вашего продукта, но и от вашего бренда.
Политика честной игры всегда приносит бренду дополнительные очки и помогает укрепить доверие. Это гарантирует, что потенциальные клиенты будут заинтересованы в вашем бренде и согласятся с вашими условиями. Вы можете поработать с ними позже, продвинуть их по воронке и получить достоверные результаты.
Более того, мы живем в эпоху, когда люди ценят прозрачные условия. Все должно быть на поверхности. Люди не хотят тратить время на майнинг. Они хотят получить важную информацию прямо здесь, прямо сейчас.Ценник имеет решающее значение: он влияет на весь процесс принятия решений. Поэтому должна присутствовать чистая и аккуратная таблица цен.
Призыв к действию
Призыв к действию, пожалуй, самый важный элемент на целевой странице. Он принадлежит к трио, в которое входят такие соратники по группе, как USP и Hero Area. Это похоже на завершение: каждая история должна радовать читателей, а не разочаровывать их. Это та часть целевой страницы, где происходит конверсия.
Это может быть часть формы лидогенерации или просто отдельная единица, которая завершает путешествие посетителя.Он должен быть четким и прозрачным. Чтобы сделать его эффективным, он должен не только содержать слова с действиями или некоторые другие маркетинговые уловки, но, прежде всего, он должен прояснять, что посетитель получит в обмен на свой щелчок.
Что касается дизайна, то призывы к действию обычно имеют поразительный внешний вид, который помогает им выделиться из потока чтения и привлечь внимание потенциального покупателя. Есть пять вещей, которые вам нужно учитывать
- Он должен быть значительным и заметным.
- Он должен иметь некоторые эффекты, с которыми будет приятно взаимодействовать.
- Он должен быть не только внизу страницы, но и «над сгибом».
- Он должен быть в два раза больше основного текста.
- Следует использовать основной цвет. Лучшими вариантами цвета являются синий и зеленый, поскольку они добавляют кнопкам некоторые дополнительные психологические черты, такие как чувство доверия или безопасности. Однако это не означает, что нельзя использовать фирменные цвета. Напротив, если у вас смелый и привлекательный оттенок, дерзайте.
Как создать успешную целевую страницу
Поскольку не существует универсального решения, отличный маркетинг заключается в нахождении правильного баланса между шаблонным форматом целевой страницы и деталями, которые обертывают ваше сообщение и выделяют пользовательский интерфейс из общей массы.
Успех целевой страницы во многом зависит от вашей способности произвести незабываемое впечатление о покупателях и доказать покупателям, что им нужен ваш продукт. Конечно, ваше главное оружие — это персонализация. Однако, если вы нацелены на новых клиентов, у вас нет удовольствия использовать предпочтения подписчика и историю покупок, чтобы получить опыт, отвечающий вашим требованиям. Хотя это не означает, что вам нужно снимать в темноте, следуйте рекомендациям на этих целевых страницах, чтобы улучшить свой маркетинговый актив.
- Ставьте четкие цели.
- Проведите исследование ключевых слов.
- Определите целевой рынок. Адаптируйте свою целевую страницу для индивидуальной аудитории.
- Персонализируйте каждый важный аспект, если это возможно.
- Не упускайте из виду силу сигналов доверия. Добавьте характеристики, обзоры, отзывы, награды, похвалы или любые другие полномочия.
- Сделайте дизайн удобным для мобильных устройств. Согласно статистике, мобильные пользователи с большей вероятностью совершат конверсию, чем настольные, особенно если у вас есть мгновенный чат с членом команды или номером телефона.
- Сделайте дизайн доступным. Укажите альтернативные значения для изображений, добавьте информацию для AT, выберите оптимальный контраст, используйте пробелы и форматирование, чтобы сделать копию легко читаемой и сканируемой.
- Избегайте неряшливых маркетинговых словечек и терминологии. Придерживайтесь содержания, понятного широкой публике.
- Используйте язык, который подчеркивает желания и потребности потенциальных клиентов.
- Используйте «сильные слова», чтобы незаметно манипулировать страхами потенциальных клиентов.
- Используйте короткие и компактные формы.
- Запрашивайте минимальный объем информации.
- Сделайте навигацию чистой и простой.
- Текст в хорошем формате, чтобы аудитория оставалась сосредоточенной на содержании.
- Придерживайтесь обещаний по всем каналам СМИ. Синхронизируйте целевую страницу и рекламу.
- Оптимизируйте для SEO.
- Используйте индивидуальную анкету или несколько форм, каждая из которых соответствует индивидуальным потребностям посетителя.
- Сделайте целевую страницу быстрой. Оптимизируйте все важные элементы интерфейса: сценарии, изображения, видео, анимацию и даже крошечные взаимодействия.
- Найдите инструмент автоматизации маркетинга, чтобы получить всю необходимую информацию о ваших новых клиентах и их взаимодействиях с интерфейсом. Эта информация помогает вырастить лида, чтобы превратить его или ее в квалифицированного лидера, который, скорее всего, пройдет через маркетинговую воронку.
- A / B Тест. Проверьте все: заголовок, шрифт и цвет, призыв к действию, положение форм и даже текст. Всегда есть возможности для улучшения. Найдите лучший вариант целевой страницы для вашего целевого рынка.Если вы не хотите тратить свое время на создание всего с нуля, вы можете использовать Startup, где вы можете собрать шаблон за считанные минуты и изменить детали за секунды, тем самым мгновенно создав различные версии одной и той же целевой страницы.
Lyft Business
Тенденции в целевых страницах
Эстетические суждения реальны. Первое впечатление о вашем бренде происходит за доли секунды. Если это неправильно или если дизайн старый и несвежий, у вас не будет никаких шансов.Ваши пользователи закроют вкладку и больше никогда не вернутся — дизайн имеет значение.
Целевая страница с высокой конверсией предназначена для того, чтобы согласовать все ключевые элементы и идти в ногу с ведущими тенденциями, применяя их везде, где это необходимо.
Рассмотрите эти три основных тенденции, которые необходимо принять, чтобы ваша следующая целевая страница выглядела актуальной.
Пользовательские иллюстрации
В 2021 году пользовательские иллюстрации заменят стоковые фотографии и привлекут всеобщее внимание.Это огромная тенденция в веб-дизайне, дизайне электронной почты и, конечно же, целевых страницах.
Хотя пользовательские иллюстрации бывают всех форм и размеров, в этом году бренды будут влюблены в сюрреалистические иллюстрации, человеческие иллюстрации и абстрактные художественные композиции, которые представляют собой не что иное, как примитивные геометрические формы.
Основная причина растущей популярности этой тенденции заключается в том, что она предлагает множество экономичных и экономящих время вариантов, в которых вы можете дать волю своему воображению.Он ликвидирует разрыв между полами и поколениями; при правильном применении он может легко способствовать инклюзивности. Наконец, это помогает общаться с вашим брендом на новом уровне и делает аспекты продукта чистыми и прозрачными.
Чтобы сделать эту тенденцию еще более выгодной, вы можете приводить иллюстрации в движение, превращая их в короткие анимации.
Абсурдные иллюстрации
Неоморфизм
Преемник скевоморфизма, неоморфизм — это компромисс, который был так необходим, чтобы положить конец спорам между поклонниками плоского стиля и теми, кто жаждет некоторых графических деталей в интерфейсе.Он сочетает в себе лучшие качества этих двух подходов, которые в свое время вызвали огромный резонанс.
Нейоморфизм имитирует телесность, но в то же время остается чистым и аккуратным. Он упрощает концепции, добавляя эстетике изысканности.
Подход набирал обороты в прошлом году; это, конечно, не намерено останавливаться сейчас. Используйте его в значках, небольших иллюстрациях и, конечно же, в кнопках. Благодаря тиснению или удалению, используемому в этом подходе, вы сделаете любую деталь интерфейса естественной.
Freebie Neumorphic UX UI Elements от Emy Lascan
Взаимодействия
2020 был посвящен свитку. Мы просматривали истории из Instagram, новости в онлайн-журналах, продукты на Amazon, цифровые книги и просто страницы Google в поисках свежих обновлений о Cyberpunk.
Однако прокрутка целевой страницы делает гораздо больше, чем просто навигацию; он используется для взаимодействия и получения положительных отзывов от пользователей. Это увеличивает вовлеченность, придает продукту ультрасовременный вид и приносит дополнительные баллы вашей компании, будучи ультрасовременным и сложным.
Параллакс-анимация, прокрутка трансформации, небольшие игровые площадки и увлекательные анкеты — в прошлом году мы стали свидетелями роста популярности различных взаимодействий. 2021 год не будет исключением. Поэтому будьте готовы украсить свою целевую страницу некоторыми взаимодействиями, которые выведут пользовательский опыт на новый уровень и сделают рассказ о продукте более приятным и запоминающимся.
Самостоятельное взаимодействие с дизайном домашней страницы Тарасом Мигулко
Если претворение тенденций в жизнь кажется реальной проблемой, вы всегда можете обратиться с этой проблемой в Startup.Его команда разработчиков регулярно обновляет стили в своей коллекции, чтобы помочь пользователям создавать современные целевые страницы за считанные минуты.
Примеры идеальных посадочных страниц
Просмотр различных примеров целевых страниц становится все более важным, поскольку именно здесь вы можете получить некоторые действительные и, что самое главное, работающие решения. Давайте погрузимся в нашу коллекцию свежих примеров целевых страниц, созданных известными брендами, или командами настоящих профессионалов, чтобы найти подсказки для улучшения вашей целевой страницы.
Dropbox
Мы начнем нашу коллекцию примеров целевых страниц с одного из лидеров отрасли — Dropbox. У него есть несколько целевых страниц для разных целевых рынков.
Целевая страница, которую мы выбрали, решает одну из самых популярных проблем пользователей: хранение всех важных инструментов и ресурсов в одном месте.
Здесь главное — USP спасти положение. Несмотря на то, что основной заголовок довольно длинный, а подзаголовок выглядит как «TL; DR;» с первого взгляда; тем не менее, он по-прежнему работает, поскольку огромный размер и контрастные цвета творит чудеса, делая основной заголовок абсолютно привлекательным.
Что касается других основных элементов, целевая страница имеет мощную область героя со снимком экрана продукта, таблицей цен, разделом функций и преимуществ, разделом социальных доказательств и, конечно же, баннером с призывом к действию. Каждая деталь идеально сочетается и преследует одну цель — превращать посетителей в клиентов.
Обратите внимание на одно. Здесь вы можете увидеть навигацию в верхнем и нижнем колонтитулах. Хоть это и моветон, но здесь смотрится органично. Дело в том, что эта целевая страница является частью основного веб-сайта.Таким образом, вы можете использовать обычную навигацию и даже давать ссылки на другие целевые страницы.
Нулевое голодание
Zero Fasting — один из традиционных примеров целевых страниц, используемых для продвижения мобильных приложений. Однако это не выглядит устаревшим. Команда умело следит за современными тенденциями, превращая микро-сайт в настоящий шедевр.
- Он получает похвалу за то, что он структурно правильный.
- Он рассказывает историю вместо того, чтобы слепо вести посетителей сверху вниз, оставляя в значительной степени положительное впечатление.
- Умно использует движение. Здесь нет ошеломляющих видеороликов или анимаций: все просто, но элегантно и тонко.
- Каждый раздел похож на полноценную главу, которая поддерживает интерес пользователя и продвигает продукт.
- Антураж безупречный. Целевая страница эстетически приятна для просмотра. Это производит сильное первое впечатление, которое напомнит о себе даже позже.
Убер
Домашняя страница Uber — это уникальный вид примеров целевых страниц.Это идеальный источник вдохновения и подсказок для всех, кто хочет обслуживать различные целевые рынки.
Итак, основные выводы вы можете найти здесь.
- Это многофункциональная зона героя. Благодаря классическому элементу пользовательского интерфейса, вкладкам и компактным и однозначным ответам пользователи с различными потребностями могут быстро найти необходимую информацию. Если вы собираетесь зарабатывать деньги, заказывать поездку или открывать для себя вкусные блюда, вы можете сделать это без дополнительных ходов.
- Каждая такая вкладка достаточно эффективно решает проблему: предлагает форму или ссылку для получения дополнительной информации.Такой подход усиливает мотивацию потенциальных клиентов с самого начала и держит их на крючке.
- Существует социальное доказательство, позволяющее количественно оценить ценность бренда.
- Есть красивые иллюстрации, которые придают эстетике приятную привлекательность и показывают различные ситуации, знакомые клиентам.
- Он довольно компактен, режет, чтобы преследовать и доставлять сообщение сразу.
Хотя он не попадает в примеры традиционно созданных целевых страниц, поскольку имеет два призыва к действию, тем не менее, как платформа, которая должна соответствовать различным типам рынка и конвертировать пользователей в потенциальных клиентов из различных ниш, она, безусловно, работает.
Food by Bolt
Bolt занимает ту же нишу, что и предыдущий пример. Как и Uber, он предоставляет услуги для различных рынков: водители, пассажиры, едоки, рестораны и т. Д. Однако каждая страница имеет одну цель, даже домашняя страница, задача которой — продвигать приложения и увеличивать их загрузку.
Рассмотрим один из примеров целевых страниц, посвященных еде. Как мы уже говорили, каждая страница на веб-сайте может быть целевой страницей. Это яркое тому подтверждение.
Итак, что же выделяет его из толпы?
- Он встречает пользователей мощной областью героя. Здесь вы можете увидеть «вкусное» изображение, жирный заголовок и две кнопки для загрузки приложения.
- Включает полезный контент для всех, кто интересуется этим приложением.
- Он минимален и компактен, предлагая невысокую цену.
- Имеет хорошее завершение с призывом к действию, продублированным для большего удобства.
Обратите внимание, хотя эта целевая страница не может похвастаться ультрасовременными функциями, такими как взаимодействие или анимация, тем не менее, благодаря красивой окраске, прекрасным изображениям и некоторым абстрактным формам, установленным на заднем плане, она кажется свежей и актуальной. .
TF карта
В отличие от предыдущих примеров целевых страниц, TF Card выигрывает у потенциальных клиентов благодаря опыту рассказывания историй. Используя анимацию прокрутки, крошечные взаимодействия и иллюстрации, он довольно увлекательно продвигает продукт. Благодаря разделенному экрану вы можете читать не только текст, но и использовать интеллектуальные визуальные эффекты. Все эти крошечные дизайнерские решения эффективно увеличивают вовлеченность и улучшают конверсию.
Это еще не все; команда также придерживается лучших практик:
- Целевая страница имеет мощное УТП.
- Призыв к действию находится над сгибом и внизу страницы, что является хорошим началом и удовлетворительным завершением.
- Красивая короткая анимация поддерживает все преимущества и возможности.
- Дизайн удобен для мобильных и адаптивен.
- Копия хорошо отформатирована, поэтому пользователи могут быстро ее отсканировать.
Squadesy
Squadesy выделяется из толпы своим неповторимым антуражем. Это выглядит экстравагантно и изысканно, хотя все, что он делает, — это просто продвигает приложение.Однако первое впечатление всегда имеет значение. Помните об этом, когда стремитесь создать целевую страницу с высокой конверсией.
Дизайн построен с помощью нескольких ультрасовременных уловок. Их
- Анимации и взаимодействия, активируемые прокруткой, переплетаются с контентом.
- Красивая типографика, усиливающая заявление.
- Смелый и дерзкий цвет, подчеркивающий важные детали.
- Талисман, который приводится в движение, чтобы удерживать внимание пользователя на странице.
- Продуманный выбор основных компонентов.
И последнее, но не менее важное: обратите внимание, как традиционные элементы были перенесены на новый уровень. Раздел социальных доказательств безупречен: бренды и награды представлены в виде модных новых наклеек, отзывы и цифры, которые количественно определяют ценность бренда, представлены в виде токсичных карточек. Впечатляющий.
Присутствие
Presence — один из типичных примеров целевых страниц, которые сильно зависят от воздействия видео.Здесь правят короткие и длинные видео. Они приветствуют пользователей прямо с порога; они следят за пользователем во время его перехода по странице; они используются в качестве вспомогательного материала.
С одной стороны, они производят впечатление; с другой стороны, они проясняют особенности продукта и делают его более знакомым для целевого рынка.
Обратите внимание на другие важные вещи.
- Заголовок и подзаголовок хорошо продуманы. Они сильны; они смелые. Вы получаете сообщения, даже не вдаваясь в подробности.
- Преимущества приложения умело интегрированы в дизайн, занимая критически важную часть пути пользователя.
- Ценник указан справа внизу.
- Раздел с тренерами повышает доверие и квалифицирует ценность приложения.
- Несколько призывов к действию преследуют одну и ту же цель. Они используют слова действия и слова силы.
- И последнее, но не менее важное: целевая страница выглядит ультрасовременной. Он покоряет пользователей своим стильным внешним видом и некоторыми новаторскими функциями, которыми можно восхищаться.
Whirly Birdie
Whirly Birdie — типичный пример целевой страницы, используемой для рекламного шрифта. Это направление становится все более популярным. Многие дизайнеры пробуют свои силы в этой сфере.
Чтобы дать своему продукту прочную основу, они используют компактные, но все более креативные целевые страницы, пропитанные художественным характером продукта. Этот не исключение. Это похоже на безупречное произведение искусства, где красивые иллюстрации сочетаются со шрифтом, создавая превосходную эстетику.
Обратите внимание: хотя эта целевая страница относится к определенному бизнес-сектору, она имеет все необходимое для высококонверсионных целевых страниц из других ниш. Здесь есть впечатляющая область героев с яркими и яркими заголовками, функциями и преимуществами, реализованными в виде небольших игровых площадок, где вы можете увидеть шрифт и значки в действии, таблицу цен и, конечно же, CTA.
Обозначения
Подобно нескольким предыдущим примерам целевых страниц, этот также представляет продукт, созданный дизайнерами.Это типичная промо-страница для премиального набора иконок. Опять же, здесь мы видим все основные детали, но с некоторыми особенностями.
Рассмотрим область героя. Заголовок частично анимирован. Команда использует несколько слов, чтобы утверждение было убедительнее. Справа вы можете увидеть набор иконок. Однако, в отличие от других целевых страниц, где область героя статична, эта интерактивная. Вы можете навести указатель мыши на значки и получить реальный ответ. Также есть призыв к действию и даже ценник.
Область героя безупречно сочетает в себе все важные детали. Это мощный инструмент, который пробуждает интерес, привлекает внимание и продвигает пользователей вперед.
Карман
Скоро можно будет рассматривать как уникальный тип примеров целевых страниц, если все сделано правильно. Эта ультра-минимальная, компактная и почти капсульная страница преследует одну цель — привлечь подписчиков для заполнения базы данных потенциальными клиентами. В конце концов, это целевая страница.
Обратите внимание: удалось использовать важные элементы, такие как USP, область героя и CTA.Он также использует некоторые современные конструктивные особенности, которые делают его эстетичным и даже заслуживающим доверия. Хотя на первый взгляд посадочная страница кажется немного скудной, тем не менее, ее достаточно для выполнения своей миссии.
Fast This Way
Мы собираемся закончить нашу коллекцию примеров целевых страниц чисто традиционным решением. Если вы хотите увидеть, как это было сделано, скажем, пять лет назад, вам стоит взглянуть на это. Это похоже на взрыв из прошлого. Однако он не выглядит тупым и безвкусным.Дело в том, что в нем было проведено множество обновлений, которые помогли ему соответствовать текущим требованиям и тенденциям.
Итак, что можно найти в этой отремонтированной версии?
- Он упакован современными функциями: крошечные динамические эффекты, иллюстрации, жирный цвет, анимация с запуском прокрутки и взаимодействия.
- Он предлагает читаемые, но описательные заголовки.
- Социальное доказательство вверху.
- Имеются отзывы из авторитетных источников.
- Имеет личную биографию с портретом, повышающим доверие.
- Имеет несколько блоков с призывом к действию.
- Для каждого преданного клиента есть специальное предложение.
Хотя целевая страница довольно длинная, она по-прежнему интуитивно понятна и проста в навигации. И благодаря современному подходу это доставляет удовольствие.
Заключение
Поскольку целевая страница является тактикой быстрой стрельбы, которая дает результаты прямо сейчас, она прошла долгий путь. Десять лет назад это было похоже на безвкусный трактат, а сегодня это короткий, но увлекательный интерактивный рассказ.
Как и все остальное в секторе веб-дизайна, ему также не чужды тенденции. Он постоянно претерпевает изменения, чтобы соответствовать современным тенденциям, чтобы идти в ногу с быстро меняющимся миром. Таким образом, если пять лет назад целевая страница была строгим термином без исключений; сегодня он стал намного шире. Это может быть любая страница на веб-сайте, если она преследует только одну цель. Таким образом, это может быть ваша домашняя страница.
Ключ к высокой конверсии целевой страницы заключается в различных деталях: персонализация, правильная сегментация, сильные УТП, красивая эстетика, которая лучше всего резонирует с аудиторией, и текст, который приносит реальную пользу потенциальному клиенту.Поэтому придерживайтесь основных элементов, следуйте лучшим практикам и получайте полезные подсказки из примеров целевых страниц со всего мира, чтобы создать платформу, которая превратит пользователей в квалифицированных потенциальных клиентов.
Нравится то, что вы читаете? Подпишитесь на наши главные новости.
16 впечатляющих примеров целевых страниц, оптимизированных для высоких конверсий в 2021 году
У всех этих примеров целевой страницы одна задача, которую они делают очень хорошо: убедить посетителя завершить следующий шаг маркетинговой воронки.
Хорошая целевая страница привлекательна, убедительна и проста. Это должно побуждать людей, которые нажимают на эту страницу, совершать определенные действия , такие как подписка на информационный бюллетень, становление членом или совершение покупки.
Дизайн целевой страницы отличается от стандартного веб-дизайна. Например, многие целевые страницы имеют упрощенную навигацию, чтобы побудить пользователей нажимать на призыв к действию, а не переходить на другую страницу веб-сайта.
Главная домашняя страница вашего веб-сайта также может быть вашей главной целевой страницей.Но вы часто можете получить более высокие конверсии, создав целевую страницу для определенной кампании или целевого рынка и перенаправив трафик с рекламы или электронного письма на эту конкретную страницу.
Если вы ищете вдохновение для собственных целевых страниц, мы собрали несколько лучших примеров целевых страниц, которые мы нашли в 2021 году.
Скопируйте эти целевые страницы для своего собственного сайта или комбинируйте идеи, которые вы найдете на нескольких, чтобы создать свою собственную уникальную, высоко конвертируемую целевую страницу, и наблюдайте, как растет ваш коэффициент конверсии!
1.Airbnb
Airbnb имеет несколько целевых страниц с привязкой к местоположению, которые отображаются в результатах поиска, когда пользователь ищет жилье для отдыха в определенном районе.
В этом примере целевой страницы, посвященной Гавайям, посетителей побуждают вводить даты, когда они хотят остаться, но если они прокрутят мимо, то увидят некоторые из недавно забронированных отелей с самым высоким рейтингом.
Почему это работает
- Привлекательные изображения означают, что обычные браузеры сразу же начнут представлять себя в этом месте и собственности.
- Простая форма наверху побуждает пользователей находить краткосрочную аренду, соответствующую их потребностям.
- Ограниченная навигация со ссылками только для входа в систему, регистрации, становления организатором или получения помощи.
- Отображение оценок и обзоров избранных объектов недвижимости является важным социальным доказательством.
- Четкое перечисление трех основных функций платформы помогает повысить доверие к бренду.
2. Кодекадемия
Codecademy — это набор онлайн-курсов для обучения программированию.Целевая страница отвечает потребностям людей, которые готовы сразу приступить к работе (с формой регистрации в верхней части страницы), и тех, кто не уверен, что они находятся в нужном месте, со ссылками на интерактивную викторину и визуальным представлением. пошагового процесса Codecademy проведет вас через путь от выбора курса до получения работы вашей мечты.
Почему это работает
- Главный CTA (зарегистрироваться как новый пользователь) понятен и первое, что вы видите.
- Четкое ценностное предложение («Присоединяйтесь к миллионам людей, обучающихся программированию с Codecademy») поощряет доверие к бренду.
- Наглядный нумерованный список показывает посетителям, как именно работает веб-сайт и какие преимущества они получат на каждом этапе.
- Самые популярные курсы представлены на странице.
- Кнопка «Начать» фиксирует тех, кто прокрутил страницу до конца, не предприняв никаких действий.
3. Shopify
За последние пару лет произошел огромный всплеск новых предприятий электронной коммерции, и конкуренция между платформами электронной коммерции высока.
На целевой страницеShopify просто и ясно изложено, что они предоставляют, и почему вы должны выбрать их, а не другую платформу.
Почему это работает
- Простая форма захвата электронной почты для подписки на бесплатную пробную версию — эффективный способ захвата потенциальных клиентов с минимальным трением.
- Четкое изображение показывает, что Shopify предоставляет (сайт и приложение электронной коммерции).
- Четко отображаются основные функции и преимущества.
- Логотипы и отзывы клиентов приносят социальную выгоду.
- Вторая кнопка «Начать бесплатную пробную версию» внизу страницы предназначена для тех, кто прокрутил страницу вниз.
4. Aweber
Компания Aweber, занимающаяся разработкой программного обеспечения для электронного маркетинга, разработала эту целевую страницу, специально предназначенную для пользователей, которые ищут одного из своих основных конкурентов — GetResponse.
Вверху — привлекательное изображение и привлекательное предложение — «получите в 2-3 раза меньшую комиссию». Когда пользователь прокручивает страницу вниз, каждая часть информации усиливает сообщение о том, что Aweber лучше, чем GetResponse
.Почему это работает
- Яркая кнопка «Get AWeber Free» в главном меню
- Привлекающая внимание цветовая схема и основное изображение
- Четкое ценностное предложение
- Отзыв клиента с фотографией добавляет социальное доказательство
- Таблица сравнения, указывающая на дополнительные функции, которые вы получаете бесплатный план AWeber делает его явно лучшим выбором.
- На странице всего 2 призыва к действию — один для бесплатного тестирования AWeber для новых клиентов и один для бесплатного перехода от другого поставщика.
5. HelloFresh
HelloFresh — это служба доставки комплектов питания по подписке, предназначенная для людей, которые хотят готовить здоровые и вкусные блюда дома. Бренд осознал, что цена услуги является основным препятствием для привлечения новых клиентов, и немедленно преодолел этот барьер с помощью первого призыва к действию, предлагающего обещание «Получите 10 бесплатных обедов».
Почему это работает
- Нет основной навигации. Вместо этого есть только кнопка «Получить 10 бесплатных обедов» — очень привлекательное предложение для обычных браузеров.
- Привлекательные изображения блюд, которые вы получите, а также свежие ингредиенты.
- Четкое отображение преимуществ — экономия времени и денег, сократить количество пищевых отходов и вести более здоровый образ жизни, у каждого есть кнопка CTA
- Фотографии пар с 5-звездочными рейтингами и отзывы показывают, что это проверенная и испытанная услуга
6.Gleem
Пример целевой страницы электрических зубных щеток Gleem демонстрирует переднюю и центральную часть продукта с заметной кнопкой «Купить сейчас». Характеристики продукта четко отображаются вместе с отзывами клиентов в простом дизайне целевой страницы с большим количеством белого пространства.
Почему это работает
- Основная навигация скрыта — первое, что вы видите, это кнопка «Купить сейчас».
- Характеристики и преимущества отображаются рядом с четким изображением продукта.
- 15% всплывающих окон при прокрутке страницы.
- Отзывы и фотографии клиентов служат социальным доказательством.
7. Полоса
Платежная платформаStripe имеет очень эффективную целевую страницу, которая отражает высочайшее качество ее продуктов. На изображениях продуктов четко показано, как система выглядит как спереди, так и сзади, и вы можете сразу увидеть основные функции.
Почему это работает
- Основной заголовок и изображение четко объясняют, что делает продукт
- Логотипы основных клиентов бренда показывают, что это признанный и пользующийся большим доверием поставщик
- Четко отображены основные характеристики
- Числа и данные, показывающие, насколько широко Stripe используется предприятиями во всем мире мир.
- Несколько призывов к действию в разных точках страницы, чтобы удовлетворить пользователей на разных этапах пути к покупке.
8. Ферма долины Орегона
Oregon Valley Farm — это семейный бизнес, продающий высококачественную говядину, свинину и курицу из травяного откорма. Поскольку люди, которые покупают эти продукты, часто хотят узнать больше о компании и быть уверенными в своих полномочиях перед покупкой, некоторые из CTA на целевой странице ссылаются на информационный контент, а также непосредственно на магазин.
Почему это работает
- Четкий заголовок, описывающий продукт и почему он лучше других вариантов.
- Изображения животных и мяса показывают, что благополучие является приоритетом.
- Четкие ссылки на каждый доступный вид мяса, а также на услугу подписки.
- Прямые ссылки на полезные рецепты вдохновляют обычных пользователей на поиск новых способов приготовления с мясом.
- Отзывы клиентов добавляют социальные доказательства и повышают доверие к бренду.
9. Sugarwish
Sugarwish — это служба подарков конфет, которая отправляет персонализированные электронные открытки и позволяет получателям выбирать свои любимые вкусы. Эта целевая страница выгодна тем, что нацелена на пользователей, ищущих подарочные карты в Интернете, и продвигает эту услугу как уникальную альтернативу.
Почему это работает
- Привлекательное изображение продукта + ценностное предложение («пусть они выбирают то, что им нравится» + четкая кнопка CTA над сгибом.
- Упоминания в СМИ и отзывы крупных корпоративных клиентов показывают, что этому бренду доверяют.
- Четкие ссылки на различные категории продуктов с аппетитными изображениями.
- Визуальное пошаговое представление о том, как работает служба.
10. Wix
Конструктор веб-сайтов с перетаскиванием и перетаскиванием Wix использует минималистичную целевую страницу, чтобы продемонстрировать основные функции своего продукта с единственным выходом для пользователей.
Почему это работает
- Несколько кнопок CTA для захвата пользователей в любой момент их прокрутки, но только одно желаемое действие — «Начать сейчас».
- Никакой другой навигации, которая отвлекала бы от CTA.
- Элементы, перечисленные четко, наряду с простой графикой и большим количеством белого пространства.
- Пользователи, доходящие до конца страницы, видят, что сама целевая страница была создана с помощью Wix, что демонстрирует возможности конструктора.
11. Lyft
Служба Rideshare Lyft разработала эту целевую страницу, ориентированную на людей, которые хотят зарабатывать деньги с помощью вождения. На странице есть форма для сбора потенциальных клиентов, базовое описание того, как работает служба, и преимущества для водителей, а также ответы на часто задаваемые вопросы для получения дополнительной информации.
Почему это работает
- Этот пример целевой страницы очень прост в верхней части страницы — нет изображений или навигации, которые отвлекали бы от формы захвата потенциальных клиентов.
- Преимущества работы с Lyft наглядно показаны
- Привлекательное слайд-шоу с изображениями объясняет, как работает система
- В липком нижнем колонтитуле спрашивается у пользователей, готовы ли они начать движение с Lyft, и предлагается 2 варианта: «Да» или «Еще нет» ». Те, кто нажмет кнопку «Да», будут перенаправлены непосредственно к форме захвата лидов, а те, кто нажмет «Еще нет», спросят, почему они не готовы подать заявку.Собранная информация может быть использована для улучшения целевой страницы в будущем.
- FAQ отвечает на общие вопросы и проблемы, уменьшая препятствия для регистрации.
12. Свободное пространство
Приложение для медитации Headspace должно идти менее прямым путем для продаж, чем многие другие продукты или услуги. Большинство пользователей захотят опробовать приложение перед покупкой, а другим потребуется дополнительная информация о преимуществах медитации, прежде чем они даже попробуют.
Имея это в виду, целевая страница Headspace в большей степени действует как портал для пользователей, где они могут узнать больше о медитации, при этом тонко указывая на такие преимущества, как улучшение сна.
Почему это работает
- Липкий баннер предлагает скидку только в течение ограниченного времени, что вызывает чувство срочности.
- Кнопка на главной панели навигации предлагает браузерам попробовать приложение бесплатно.
- Ссылки на информационные статьи помогают обучать браузеров и укреплять доверие к бренду.
- Пользователи могут предварительно просмотреть треки для медитации прямо с целевой страницы.
- Отзывы пользователей, рейтинги и количество загрузок являются социальным доказательством.
13. Звуковой
АудиокнигаAudible использует очень простую и простую целевую страницу, чтобы побудить пользователей зарегистрироваться бесплатно. Вместо того, чтобы создавать длинную страницу, объясняющую все функции и преимущества, она просто объясняет предложение и предлагает один призыв к действию, поэтому нет другого выбора, кроме как щелкнуть или покинуть страницу
Почему это работает
- Очень простой пример целевой страницы без навигации и только с одной точкой выхода
- Кнопки CTA выделяются и делают привлекательное предложение (попробуйте услугу бесплатно в течение 30 дней)
- На изображении показано, что услугу можно использовать на планшете, телефон, умные часы или умный динамик.
- Фоновая графика показывает диапазон доступных аудиокниг.
14. Принстонский обзор
Подготовка кSAT — это конкурентная отрасль, поэтому для Princeton Review важно фиксировать потенциальных клиентов непосредственно перед тем, как они уйдут на другой сайт. Он делает это, внося ощущение срочности, четко отображая различные варианты и цены и предлагая чат с консультантом.
Почему это работает
- Таймер обратного отсчета с кодом скидки привносит ощущение срочности.
- Чат-бот отвечает на часто задаваемые вопросы или позволяет браузеру напрямую общаться с консультантом по обслуживанию клиентов.
- Видео убедительно объясняет услугу и ее преимущества.
- Гарантированные результаты на видном месте.
- Все функции пакета и цены четко отображаются, поэтому есть несколько вариантов, среди которых выделен самый популярный вариант (средняя цена).
- Несколько отзывов клиентов и звездных оценок демонстрируют социальное доказательство.
- Часто задаваемые вопросы и дополнительная информация на странице означают, что нет необходимости просматривать сайт в поисках нужной информации.
15. Argaux
Argaux — набор для слепой дегустации вин, который позиционирует себя как забавный подарок или развлечение для пар. Целевая страница объясняет концепцию и то, что входит в нее, со ссылками на различные доступные варианты продукта.
Почему это работает
- Четкое изображение продукта со ссылкой прямо на магазин над сгибом
- Анимированная визуализация, показывающая, что входит в комплект.
- Фотографии в Instagram от клиентов не только несут социальное доказательство, но и делают продукт более привлекательным.
- Логотипы, упоминаемые в высококлассных СМИ, помогают повысить доверие к бренду.
- Полноэкранное видео демонстрирует продукт и принцип его работы.
- Прямые ссылки на различные варианты пакетов предлагают цены для разных бюджетов.
16. WorldRemit
Существуют десятки приложений, предлагающих международные денежные переводы, и пользователи, как правило, останавливаются на одной услуге, когда находят работающую. WorldRemit понимает, насколько важно привлечь потенциальных клиентов до того, как они начнут исследовать другие услуги, поэтому они используют эту целевую страницу, чтобы сделать привлекательное предложение об отсутствии комиссии за первые три перевода.
Почему это работает
- Выдающееся и привлекательное предложение в верхней части страницы
- Форма позволяет пользователям искать страну, в которую они хотят отправить деньги. Это приведет их прямо на страницу с тарифами и сборами.
- Отображаемые высокие рейтинги в различных магазинах приложений укрепляют доверие к бренду и демонстрируют социальное доказательство.
- Кнопки двух самых популярных магазинов приложений побуждают пользователей, просматривающих страницы на своих телефонах, загрузить приложение напрямую.
Идеи для собственных лендингов
Если вы создаете свои собственные целевые страницы, любая из них может стать отличным примером для создания вашего дизайна.Вы также можете использовать готовые темы целевой страницы, чтобы предоставить шаблон для начала.
Большинство этих целевых страниц придерживаются некоторых основных принципов, о которых вы обязательно должны помнить:
- Будьте проще — не перегружайте пользователя, представляйте релевантную информацию в ясной форме и ограничивайте возможности навигации.
- Изложите свою основную ценность и призыв к действию в верхней части страницы — упростите для пользователя преобразование
- Работайте над своей копией — копия целевой страницы сама по себе является искусством.Научитесь основам продажного копирайтинга и используйте понятный язык как можно меньшим количеством слов. Ни на одной из этих целевых страниц нет огромных абзацев текста.
- Включите социальное доказательство — отзывы и рейтинги являются важным свидетельством качества ваших продуктов и услуг.
- Постоянно тестируйте и оптимизируйте свои целевые страницы — вы никогда не знаете, что именно будет работать, пока не попробуете это, поэтому стоит поэкспериментировать с несколькими идеями, чтобы увидеть, что принесет пользу.
Обязательно ознакомьтесь с нашим обзором лучших плагинов для целевой страницы для WordPress, так как эти инструменты действительно могут ускорить процесс.
A / B-тестирование также необходимо для оптимизации коэффициента конверсии ваших целевых страниц и их улучшения с течением времени.
Похожие сообщения
12 лучших примеров посадочных страниц
Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам?
С точки зрения бизнеса, вам не следует идти ни на что.
Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией.
Потому что, если люди покупают, то это нравится им обоим, и вы можете безопасно и предсказуемо масштабировать свой бизнес.
Многие люди попадают в ловушку, создавая дизайн, который им нравится, в то время как их идеальный аватар клиента сильно отличается от того, что они могли себе представить.
И это легко заметить, нажав на рекламу в социальных сетях.
Вам может понравиться само объявление, но в большинстве случаев целевая страница на другой стороне — это не то, что вы хотите видеть.
Связь между вашим трафиком и целевой страницей называется точным сообщением для соответствия рынку .
Вы хотите, чтобы ваше сообщение идеально соответствовало вашему рынку, чтобы вы могли начать с выигрышной воронки, которая только оттуда пойдет вверх.
Потому что, если вы там напортачите, вы будете оптимизировать и настраивать небольшие компоненты, которые едва ли приведут к безубыточности.
Но если вы закрепите свое сообщение, вы будете получать клиентов направо и налево, даже не зная, почему и как они пришли к вам.
Это ваше самое мощное оружие, и большинство предприятий делают его совершенно неправильно.
Итак, чтобы помочь вам и гарантировать ваш немедленный успех, мы рассмотрим 12 лучших примеров целевых страниц, которые вы должны использовать для расширения своего бизнеса.
Мы рассмотрим сильные и слабые стороны каждого из них, и убедимся, что вы найдете тот, который подходит именно вашему бизнесу.
После этого поста вы сможете создавать целевые страницы с высокой конверсией, как по волшебству.
Но прежде чем мы это сделаем, мы должны пройти…
Что делает отличную целевую страницу?В общем, отличная целевая страница включает:
- сильный заголовок, включающий ваше основное ключевое слово
- — подзаголовок, поясняющий товарную позицию .
- копия, поясняющая предложение
- изображение, видео или иллюстрирование, которые поддерживают предложение
- форма или кнопка CTA, где пользователь может конвертировать
Вы также можете включить символы социального доказательства или доверия, такие как обзоры, отзывы или логотипы ваших прошлых клиентов.
Однако точный дизайн будет зависеть от ваших целей, вашего бизнеса и вашей отрасли.
Позвольте задать вам несколько вопросов, которые направят вас в правильном направлении.
Чего вы хотите достичь с помощью целевой страницы?Наиболее распространенные варианты:
- Заставить людей отказаться от участия в обмен на бесплатную информацию по теме.
- Прямая продажа недорогих товаров, таких как книга или мини-курс.
- Бесплатная пробная версия для ежемесячного обслуживания или программного обеспечения,
- Предложение Free + Shipping, в котором вы рассчитываете на дополнительные продажи, чтобы получить прибыль.
Вы должны точно знать, какое предложение вы хотите разместить на целевой странице, прежде чем создавать ее.
Конечно, вы можете сделать и другие предложения, но идея здесь состоит в том, чтобы уточнить, какое из них вы хотите использовать для своего бизнеса.
Если вы не уверены, есть несколько примеров ниже.
Вы привержены этому проекту или только пробуете предложение?Создание целевой страницы с высокой конверсией — это не малая суета.
Возможно, вам придется несколько месяцев оптимизировать неприбыльную целевую страницу, прежде чем она начнет приносить реальную прибыль.
Если вы не готовы к этому, я рекомендую вам бросить курить еще до того, как вы начнете.
Да, вы можете получить удачный выстрел и попасть в хоумран с первой попытки, но не рассчитывайте на это.
Будьте готовы к длительной игре, чтобы получить долгосрочные выгоды, которые намного слаще сиюминутного удовлетворения.
Какой у вас бюджет?Прежде чем вы начнете создавать свою целевую страницу с высокой конверсией, вам необходимо подготовить солидный бюджет.
Вы не можете ожидать, что все пройдет гладко на протяжении всего процесса.
Проблемы будут возникать, и в большинстве случаев самый простой и быстрый способ их решения — заплатить тому, кто является экспертом в этой области.
Это может быть разработчик, дизайнер / конструктор воронки, специалист по рекламе или консультант по CRO.
В любом случае, вы должны быть готовы заплатить кому-то, чтобы тот делал все правильно, чтобы не сталкиваться с одними и теми же проблемами снова и снова.
В маркетинге и в жизни существует эмпирическое правило, согласно которому вы должны закончить свою работу, а затем позволить кому-то другому судить об этом.
Очевидно, что для целевых страниц можно запустить рекламу и посмотреть, конвертируется ли трафик.
Если это так, вы увеличиваете рекламный бюджет и пытаетесь его увеличить.
Если изначально он не конвертируется, позвольте профессионалу взглянуть на него.
Даже если вы уже наняли кого-то, кто построит его для вас, не ждите, что он вам поможет.
Да, они могут оптимизировать вашу страницу, но вы должны помнить, что люди эмоционально привязаны к своей работе.
Вот почему вам нужна помощь третьего лица.
Когда дело доходит до оптимизации целевой страницы для конверсии, вы должны рассмотреть идею найма агентства.
В настоящее время у крупных маркетинговых агентств есть сотни, если не тысячи клиентов, которые были именно в вашей ситуации.
Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию.
Говоря о CRO (оптимизации коэффициента конверсии), нет лучшего выбора, чем NP Digital.
Это просто лучшее маркетинговое агентство как для SEO, так и для CRO.
Если вы находитесь на этапе, когда вы хотите оптимизировать существующую целевую страницу, но точно не знаете, как это сделать, то закажите быстрый звонок у профессионала, где вы раскроете секретные методы оптимизации конверсии, необходимые вашему бизнесу. .
Теперь давайте рассмотрим несколько примеров целевых страниц.
12 лучших примеров посадочных страницЭто 12 лучших примеров посадочных страниц, которые мы смогли найти.
Мы будем оценивать их по конверсиям, предложениям, дизайну и качеству обслуживания клиентов.
1. Получить ответGet Response — это простой, но интерактивный пример целевой страницы.
Как видите, команда Get Response выделена жирным шрифтом, поскольку это единственное программное обеспечение в отрасли, в котором используется интерактивный заголовок.
Желтый знак, который вы видите на изображении ниже, меняется между словами «рост», «лиды» и «продажи».
Таким образом, заголовок привлекает внимание и заставляет читать дальше.
Кроме того, они используют дружелюбное, позитивное лицо, которое мы не очень часто видим в бизнесе, не связанном с личным брендом.
Это, конечно, неплохо. Это автоматически вызывает доверие и упрощает подписку на программное обеспечение.
2. SlackSlack всегда на высоте, когда дело касается целевых страниц.
Они постоянно оптимизируют конверсии, и это лучший способ найти вашу успешную целевую страницу.
Текущая версия чрезвычайно интерактивна, имеет большой сногсшибательный заголовок, а также показывает, насколько легко использовать программное обеспечение с помощью быстрого пятисекундного gif-изображения.
С самого начала вы можете увидеть, что они ценят удовлетворенность клиентов, и если вы все еще не уверены, прокрутка вниз приведет к безостановочному доверию и результатам, доказывающим их авторитет на рынке.
3. Домофон Основная цельIntercom на этой целевой странице — заставить вас подписаться на их список рассылки.
Оставить его по электронной почте — отличный способ увеличить процент подписки.
Большой позитивный заголовок, который поможет вам действовать прямо сейчас.
Изображения, которые они используют, идеально представляют главное уникальное торговое предложение заголовка.
Вы можете видеть в целом дружественную среду, и вам просто нужно зарегистрироваться, если вы попали на эту страницу.
4. LyftLyft растет в последние годы, и его веб-сайт, целевая страница и общая онлайн-воронка продаж являются движущей силой.
Они сосредоточены на привлечении новых водителей, которые хотят контролировать свою жизнь.
Пообещать своим сотрудникам свободу во время работы на вас — лучший способ выделить лучших кандидатов среди конкурентов.
Lyft в прошлом использовала несколько целевых страниц, но их текущая показывает настоящий профессионализм.
И снова мы видим гигантский, привлекающий внимание заголовок. На этот раз с вопросом, чтобы предвосхитить любопытство и мыслительный процесс в их перспективах.
Проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ».Это означает, что нет 100-процентной уверенности в том, что вы сможете получить эту позицию.
Если ваши клиенты должны соревноваться, чтобы завладеть вашим вниманием, они заставляют их усерднее стараться в самой работе.
5. Zoho Целевая страницаZoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями.
Они используют больше текста, чем среднее программное обеспечение в отрасли, но это не обязательно плохо.
В их конкретном случае им необходимо убедить потенциального клиента начать бесплатную пробную версию, которая автоматически создает напряженность в потенциальном клиенте, потому что он знает, что придет время, когда ему придется заплатить.
Заставить кого-то платить намного сложнее, чем просто получить электронную почту.
Вот почему использование большего количества текста в их сообщениях делает их мощным копирайтерским ударом, который максимально увеличивает количество регистраций бесплатных пробных версий.
6. SquarespaceSquarespace возглавляет список с наименьшим количеством текста в дизайне целевой страницы.
Вы можете подумать, что одного копирования недостаточно, чтобы кого-то обратить.
Однако, как только вы увидите, что это конструктор веб-сайтов, вы поймете, что дизайн и быстрый и эффективный обмен сообщениями — все, что вам нужно для регистрации.
Они знают, что их потенциальные клиенты в основном борются со сложными кодами и хотят показать безопасное пространство, где они могут расслабиться и перетащить свой выигрышный дизайн веб-сайта.
7. ActiveCampaignActiveCampaign фокусируется исключительно на том, чтобы показать вам, как их программное обеспечение обеспечивает наилучшее качество обслуживания клиентов.
Если вы владелец бизнеса, вы оба хотите, чтобы к вам относились хорошо, и помогать своим клиентам в трудные времена.
Их заголовок поражает двух зайцев одним выстрелом, и, опять же, в нем нет бесполезного текста или дизайна.
Все приводит к большой зеленой кнопке, и вы запускаете бесплатную пробную версию.
8. HubspotHubspot — еще одна CRM, которая сегодня возглавляет список.
Как и ActiveCampaign, они показывают вам, что использование их программного обеспечения поможет вам и вашим клиентам чувствовать себя лучше на протяжении всего процесса.
Знание о том, что их идеальный клиент возражает главным образом о том, что изучение полностью новой CRM с нуля может быть трудным, утомительным и, возможно, даже невозможным, помогает им сузить свое сообщение до сути.
9. Shopify ПлюсShopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают.
По мере роста они смогли протестировать несколько дизайнов целевых страниц, чтобы найти тот, который принесет пользу.
И для него отображается целевая страница Shopify Plus.
Их основная цель — заказать консультацию со своими потенциальными клиентами, которая займет больше, чем пара слов.
У них есть бюджет, чтобы снимать профессиональные видеоролики для всех своих продуктов и услуг, которые помогают передавать ценную информацию потенциальным клиентам самым быстрым способом — видеомаркетингом.
Внизу вы видите мощный авторитет, и если вы потратите время на просмотр видео, вы, скорее всего, закажете им звонок.
Видео — смертельное оружие в руках правильного бизнеса, и Shopify доказывает это здесь и практически всем, что они делают.
10. WebflowWebflow показывает всю информацию о программном обеспечении сразу же, как только вы попадаете на их целевую страницу.
Вы можете мгновенно убедиться в авторитете крупных веб-сайтов, которые воспользовались их услугами, а также можете начать бесплатно.
Это снимает любое напряжение, которое может быть у потенциального клиента.
Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop.
Итак, если вы когда-либо пользовались продуктами Adobe, вы сразу понимаете, что эта работа будет для вас легкой задачей.
11. ClickFunnelsClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию.
Даже если вы настроены скептически, вы можете поиграть со страницами и кнопками воронки, чтобы увидеть, насколько быстро реагирует их инструмент.
Вы можете видеть, что они используют больше текста, чем средний веб-сайт / конструктор воронок.
Они снова пытаются убедить людей начать 14-дневную бесплатную пробную версию, что является непростой задачей.
Они также используют мощные видеоролики, которые продают напрямую своим идеальным клиентам.
Самое лучшее — это аналитика, которую они добавили на свою целевую страницу.
Это смелый и мощный ход, если все сделано правильно.
Эта аналитика создается благодаря тому, что она постоянно обновляется, и это не просто более 100 000 пользователей, как вы могли бы видеть на других платформах.
ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат.
Это один из самых сложных дизайнов целевой страницы, но если вы это сделаете, ваши конверсии резко возрастут.
12. Лаборатория конверсииConversion Lab уже много лет использует этот дизайн целевой страницы.
Мы заметили, что они проводят сплит-тестирование различных кнопок с призывом к действию, таких как «заказать звонок», получить бесплатную консультацию и многое другое.
Сохранение своего Основателя на главной странице веб-сайта способствует установлению долгосрочных отношений, которые сегодня упускают многие компании.
Они четко заявляют о своих услугах в убедительных заголовках, и даже если вы не готовы записаться на консультацию, появится всплывающее окно, в котором будет собрана ваша электронная почта.
Электронная почта — отличный способ гарантировать, что высокий процент потенциальных клиентов, которые попадают на ваш веб-сайт, в конечном итоге закажут вам звонок.
Примеры посадочных страниц: часто задаваемые вопросыЧто такое целевая страница и как она работает?
Целевая страница — это специально разработанная страница, предназначенная для поощрения пользователей к выполнению определенной задачи (т.e., convert.) Они работают, выделяя ключевые моменты, используя социальные доказательства или тематические исследования для построения доверия и предоставляя CTA для поощрения конверсии.
Что должна включать целевая страница?
Хотя точный формат может отличаться, целевые страницы должны включать:
- заголовок, содержащий основное ключевое слово
- — подсубпозиция, поясняющая товарную позицию .
- описание предложения
- изображение, видео или иллюстрация
- Кнопка CTA или форма
- (необязательно) элементы доверия, такие как логотипы клиентов, отзывы или характеристики
Кому нужна целевая страница?
У любой компании с веб-сайтом должна быть какая-то целевая страница, чтобы побуждать пользователей к действию, например, зарезервировать демонстрацию, запросить расценки, подписаться на список рассылки и т. Д.
Нужно ли мне проводить A / B-тестирование целевых страниц?
Совершенно верно. A / B-тестирование должно быть постоянным процессом, чтобы повысить производительность вашей целевой страницы.
Пример целевой страницы ЗаключениеЭти примеры могут послужить источником вдохновения для создания целевой страницы с высокой конверсией. Чтобы получить максимальную отдачу от целевой страницы, обязательно:
- Найдите то, с чем ваши лучшие клиенты борются больше всего, а затем сразу же опровергните это возражение с помощью короткого и резкого заголовка.
- По возможности используйте достоверность и видеоролики.
- Знайте свои цели — получить их электронную почту, телефон, позвонить, начать бесплатную / платную пробную версию или что-то еще?
- Используйте clear и, чтобы следовать призыву к действиям.
Наконец: всегда, всегда оптимизируйте целевые страницы.
Невозможно быть идеальным с первого дня. Каждый бизнес в этом списке проверяет свои страницы десятки, если не сотни раз, прежде чем найти победившую целевую страницу.
Даже тогда они все равно оптимизируются.
Вы пытались создать целевую страницу раньше? Как все прошло — хорошо ли было конвертировано и какие были ваши самые большие открытия?
Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт
- SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
- Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
- Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.
Заказать звонок
Neilpatel.com
6 выдающихся примеров целевых страниц
Целевые страницы являются важным элементом вашего веб-сайта, вашей маркетинговой стратегии и привлечения потенциальных клиентов. С их помощью вы собираете информацию о посетителях, когда они нажимают на результаты поиска, маркетинговые акции, рекламные объявления или маркетинговые электронные письма.
Целевые страницы иногда также называют страницей захвата потенциальных клиентов, статической страницей или целевой страницей.
У вас есть масса вариантов выбора, когда дело доходит до разработки целевых страниц для вашего сайта.Решение, которое вы принимаете, должно основываться на таких вещах, как отрасль, в которой вы работаете, контекст страницы, размер формы, которую вы размещаете на странице, и ваш бренд.
Честно говоря, не существует универсального дизайна целевой страницы, который всегда был бы «лучшим». Но есть несколько распространенных типов целевых страниц, о которых вам следует знать:
Standard Classic: Стандартная целевая страница имеет форму над сгибом и четкое ценностное предложение.Они должны быть простыми для понимания и быстро и без проблем удовлетворять намерения посетителя.
Длинная форма: Длинная целевая страница имеет большую ценность на самой странице, чем стандартная или классическая целевая страница. В то время как классическая целевая страница обычно закрывает предложение или отправку с помощью формы и очень ограниченного количества текста, целевая страница с полной формой может предлагать краткую информацию об активе или более контекстную информацию. В последнее время растет количество несвязанного контента, и в этом случае все предложение или загрузка могут быть предложены на странице без отправки формы, а затем обычно есть опция «получить копию этого актива» для отправки информации. .
Видео: Целевая страница видео очень похожа на стандартную классическую, но вместо размещения текста для контекста рядом с формой есть видео, объясняющее, почему вам следует загрузить предложение или отправить форму.
Но вам не обязательно придерживаться только этих стилей, всегда есть место для творчества и инноваций в том, как вы используете целевые страницы для взаимодействия с потенциальными клиентами и демонстрации своего бренда.
Вот шесть заслуживающих внимания примеров целевых страниц:
Целевая страницаSlack для загрузки их платформы предварительно выбирает для вас правильную версию своего программного обеспечения в зависимости от того, в какой системе вы работаете.Страница содержит минимум текста, что делает ее удобной и предлагает пользователю четкий призыв к действию.
Если вы просматриваете страницу с компьютера, на странице также есть возможность получить текстовую ссылку на мобильное приложение Slack, чтобы вы могли легко получить доступ к их мобильному продукту.
HubSpot как бренд делает несколько действительно крутых и экспериментальных вещей с помощью инструментов и интерактивных страниц на своем сайте. По иронии судьбы, мы выбрали эту страницу из-за ее простоты — иногда самый простой ответ — лучший ответ.Форма короткая, приятная и хорошо сочетается на странице с элементами бренда и цвета HubSpot.
Инструмент, для которого создается страница, имеет более короткую форму, потому что это средство оценки веб-сайта, а это означает, что наиболее важной частью информации, которую нужно собирать, является URL-адрес сайта посетителя. Вместо того, чтобы утомлять пользователя формами и текстом, они упростили задачу обеспечить посетителю ограниченное трение и выполнить действие, предусмотренное на странице.
Эта целевая страница от Wistia имеет довольно много элементов, которые попали в наш список.
Во-первых, они размещают видео на своей странице в верхней части страницы. Видео — отличный способ предоставить дополнительный контекст и может повысить вовлеченность на целевой странице.
Что действительно интересно на этой странице, так это то, что само предложение размещено на ней бесплатно. Он не связан, поэтому вам даже не нужно отправлять форму, чтобы увидеть его. Однако фактическая копия руководства находится под сгибом, а кнопка вверху с надписью «Загрузить руководство» доставит вам PDF-версию на ваш почтовый ящик для дальнейшего чтения в автономном режиме.
Хотя несвязанный контент или «бесплатный» контент — это не проблема, это просто показывает, что вы можете проявить творческий подход и попробовать что-то новое на своих целевых страницах. То, что работает для кого-то другого, может не сработать для вас. Вы можете обнаружить, что идете вразрез с лучшими практиками, которые подходят вашему бренду и на самом деле приносят вам больше конверсий или более высокую вовлеченность.
Эта страница от Salsify отлично справляется с согласованием намерений посетителей с содержанием на странице. Цель страницы — побудить посетителей предоставить свою информацию для демонстрации продукта.Однако пользователи могут не решаться отправить форму, потому что требуется довольно много информации.
Чтобы преодолеть это трение, Salsify разместила на странице карусель брендов, с которыми они работали, как социальное доказательство для пользователей. У них также есть две сильные статистические данные под каруселью, которые помогают установить доверительные отношения с посетителями и стимулировать отправку форм.
Независимо от того, для чего создается целевая страница, крайне важно, чтобы вы согласовали форму или предложение с реальной причиной, по которой пользователи находятся здесь, и с тем, что им нужно или чего они хотят в данный момент взаимодействия.
В то время как наиболее распространенным типом целевой страницы является загрузка или фрагмент контента, страница компании для связи с нами также является отличным местом для использования дизайна для улучшения взаимодействия с пользователем.
Одним из наиболее распространенных мест для трений на странице контактов часто является большая раскрывающаяся форма с множеством различных вариантов для выбора пользователем. Это происходит потому, что компании часто имеют посетителей на своей странице контактов по множеству разных причин и хотят иметь возможность соответствующим образом сегментировать представленные материалы.
Vidyard решает эту задачу, предлагая пользователям систему вкладок для выбора основной причины отправки формы: вопросы, цены, демонстрация или API. Это помогает изменить страницу, чтобы отображать только ту информацию, которая нужна пользователю, и в то же время позволяет Vidyard получать правильные ответы на вопросы посетителей, чтобы обслуживать их наилучшим образом.
Эта страница не только функциональна, но еще и чистая и гладкая, что всегда является бонусом в нашей книге.
Этот 101 способ использования Clickwrap Загрузка с PactSafe может выглядеть как обычная целевая страница с формой и текстом над сгибом.Но если вы продолжите прокручивать страницу вниз, вы найдете довольно много контекстной информации о предложении и теме.
Если пользователя не совсем убедила информация в верхней части страницы, он будет рад обнаружить, что ниже предлагается гораздо больше контекста. Но включение всей копии под сгибом не отвлекает посетителя от формы и не вызывает затруднений у пользователей, которые на самом деле готовы отправить и загрузить.
На вынос
Как маркетологи, мы иногда чувствуем необходимость следовать лучшим практикам или делать то, что сделали все остальные, потому что нам сказали, что это работает лучше всего.Но вы лучше всех знаете свой бренд, свое решение и свою аудиторию.
Целевые страницы — это огромный компонент вашей стратегии привлечения потенциальных клиентов и маркетинга, поэтому поэкспериментируйте с различными типами целевых страниц на своем сайте и посмотрите, какие из них работают лучше всего.
Примеры лучших целевых страниц сообщества брендов
Эти онлайн-сообщества привлекают клиентов вплоть до искусства
Поскольку популярность сообществ цифровых брендов стремительно растет, имеет смысл изучить несколько ярких примеров.Индустрия клиентского опыта переживает серьезный сдвиг в сторону мобильных и нишевых платформ в отличие от обычных социальных сетей. Но независимо от платформы, которую вы используете, хорошее взаимодействие с участниками всегда на первом месте — и начинается с целевой страницы.
Целевая страница сообщества — один из важнейших строительных блоков заинтересованного, растущего сообщества. Это то, что привлекает людей. Мы собираемся взглянуть на некоторые из лучших сообществ и обсудить, как вы можете черпать из них вдохновение.
Прежде чем углубляться в детали, давайте разберемся, что отличает целевую страницу сообщества от других.
Формула успеха
Успешная целевая страница сообщества сразу же демонстрирует ценность или выгоду для посетителей. Что сообщество сделает для них и почему они должны присоединиться и участвовать?
Когда дело доходит до удобства, «хороший» портал прост в навигации и понимании.Спросите себя, просты ли призыв к действию и процесс регистрации? Как быстро пользователи могут начать вносить свой вклад или получать выгоду после того, как присоединились к сообществу?
Чтобы привлечь к себе внимание любого рода, сообществу необходимо не только предоставлять значимый контент и идеи, но и немного… развлечься. Что-то другое. Этого можно достичь с помощью различных стратегий и средств массовой информации: видео, фото, аудио или даже действий.
Лучшие из лучших всегда получают удовольствие от участия.Успешные цифровые сообщества существуют для того, чтобы удовлетворять потребности пользователей и обеспечивать хороший опыт. Дело не в продажах. Не забывай этого.
Успешные целевые страницы сообщества: примеры
Если у вас уже есть страница сообщества или вы просто хотите начать, всегда полезно сначала провести сравнительный анализ. Вот наш список фаворитов:
1.Xbox
Конечно, вы знаете Xbox. Это огромная игровая платформа; а как насчет сообщества?
Страница сообщества Xbox может похвастаться одним из лучших приветственных видеороликов, которые мы когда-либо видели, в котором представлены реальные представители Xbox и игры, которые им нравятся. Вы не только присоединяетесь к «группе самых больших поклонников Xbox», но и присоединяетесь к сообществу, которое предоставит вам «эксклюзивные награды».
Иногда лучший способ рассказать свою историю — это позволить вашим клиентам (или участникам) сделать это за вас.
2. Лего
Бренд LEGO является синонимом творчества и строительства, поэтому их сообщество очень уникально.
Целевая страница сразу зацепляет пользователей фотографиями потрясающих творений Lego. Я имею в виду, что сборка солнечной системы классная, но Up! Дом потрясающий и красочный!
Членов также приглашают представлять идеи продуктов, участвовать в конкурсах и делать покупки.Идея конкурсов увлекательна и увлекательна — это золото цифрового сообщества.
3. Подчеркнутый
Подчеркнутый — обширное сообщество начинающих писателей.
Молодые творческие люди могут получить большую пользу от этого сообщества, факт, очевидный с самого начала. Целевая страница предлагает викторины, написание подсказок и видео с советами от профессионального автора. Полезные инструменты, такие как шаблоны творческих историй и помощь с блоком писателя, привлекают новых пользователей и заставляют возвращаться.
Поскольку аудитория по своей природе «креативна», компания Underlined смогла проявить творческую вольность с их макетом, визуальными эффектами и предложениями целевой страницы.
4. Оракул
Oracle — еще одна гигантская программная платформа. Поэтому им нужно иметь гигантские предложения для создания своего сообщества.
На целевой странице все, что вам нужно знать, выделено жирным шрифтом.Присоединяйтесь к крупнейшему в мире интерактивному сообществу, посвященному технологиям Oracle. Но если вам нужно больше, еще одним победителем станет приветственное видео, в котором представлены интервью с реальными пользователями.
Отзывы особенно эффективны, учитывая, что есть пользователи, которые говорят, что они были активной частью сообщества более 10 лет.
5. Alteryx
«Войдите. Компьютерщик!» Хорошо, я слушаю.
Alteryx предлагает одно из самых эффективных знакомств с сообществом, известных человеку.Зарегистрируйтесь, примите участие, и вы сможете пообщаться с целым сообществом «экспертов по науке о данных и аналитике».
Остальная часть страницы так же впечатляет. Другие элементы включают тему, решение и канал новых сообщений, а также социальные плагины, такие как активные в настоящее время и онлайн-пользователи. Интуитивно понятная навигация помогает визуально отображать контент, чтобы помочь участникам сосредоточиться на том, что они хотят знать.
6. GiffGaff
GiffGaff — компания мобильной связи, которая отказывается от традиционных элементов современных телекоммуникаций.Нет никаких контрактов, никаких телефонных ограничений, и клиенты называются «участниками».
На площадке
GiffGaff есть необычное видео, приветствующее новых пользователей в сообществе. Помимо неформального приветствия, оно демонстрирует очевидную ценность для посетителей, рассказывая им, почему они должны участвовать и что они от этого получат. И они хотят, чтобы их участники принимали участие! Они предлагают опросы, обсуждения и другие способы побудить людей оставить отзыв или даже смешной мем.
7. AirBnb
СообществоAirBnb сосредоточено вокруг «хозяев», тех самых людей, которые делают обслуживание возможным. На целевой странице представлены уникальные инструменты, которые организаторы могут использовать для улучшения своего опыта. Например, функция «Подключиться локально» позволяет пользователям организовывать встречи, находить местных участников и проводить обсуждения друг с другом, что сближает людей в разных городах и странах.
AirBnb использует локальный / глобальный подход с акцентом на качественный контент, связанный с путешествиями и хостингом.Кроме того, они позволяют легко выполнять поиск по темам. Темы помогают поддерживать линейность обсуждений и обсуждений, что является отличной тактикой для менеджеров сообщества.
8. SAP
SAP огромен. Просто колоссально. Их сообщество сосредоточено на пользователях, партнерах, поставщиках и типах интеграции. По сути, они создали сообщество вокруг продуктов / решений, чтобы держать людей в курсе всего, что связано с SAP.
В верхней части целевой страницы сообщества SAP находится панель поиска, напоминающая Google.Вы можете выполнить поиск по вопросу, задать новый вопрос или ответить на вопрос. Это просто, и пользователи могут сразу приступить к работе. Это позволяет пользователям фильтровать контент или впечатления, которые они ищут. Это делает опыт мгновенным!
9. Sephora
Sephora — крупный продавец косметики и косметики. Когда речь заходит о пользователях, поклонниках и членах сообщества, они прилагают все усилия, чтобы выйти за рамки поверхностных.
Дизайн сообщества Beauty Talks красочный и привлекающий внимание, с удобной кнопкой «начать разговор» прямо вверху.Он построен на идее «образов», созданных сообществом, где участники делятся своим лучшим макияжем и косметическим контентом.
Пользователи также могут обращаться в службу поддержки Sephora, искать отдельных участников и формировать подгруппы внутри сообщества. Что еще более важно, трендовые теги, ссылки на продукты и сообщения в социальных сетях — в комплекте с активным фидом — дополняют большую часть опыта пользователя, облегчая сортировку по сайту; идеальный комплект для красоты!
10.Саутвест Эйр
Southwest Airlines не нуждается в представлении. Сообщество бренда ориентировано на частых путешественников и ранее уже отмечалось хорошими историями об опыте клиентов. Обсуждения в сообществе направлены на то, чтобы помочь пользователям «делиться знаниями и учиться у таких же путешественников, как [они]».
Лучшие разделы целевой страницы посвящены последним действиям, историям брендов, обсуждениям и решениям по устранению неполадок. Бренд регулярно распространяет контент через блоги, что является хорошим практическим правилом.Юго-запад даже позволяет размещать гостевые посты… теперь это включено для крупной компании! Они хотят, чтобы их члены поднялись.
«Успешные цифровые сообщества существуют для того, чтобы удовлетворять потребности пользователей и обеспечивать хороший опыт. Дело не в продажах. Не забывай этого. @TheCXApp »
НАЖМИТЕ НА TWEET
Каждому сообществу нужна потрясающая посадочная страница
Целевая страница должна объединять все лучшие функции и преимущества сообщества в одном пространстве для быстрого доступа.Способ достижения этого будет немного отличаться в зависимости от того, какое онлайн-сообщество вы хотите создать.
Выбранные нами примеры выделяются тем, что они явно созданы с учетом потребностей пользователей. Каждый из них имеет ценность и имеет элемент развлечения для привлечения внимания, будь то приветственные видеоролики, отличные фотографии, привлекательная графика, конкурсы, мгновенное копирование, способы подключения участников в реальном мире или хорошие фильтры. Выбирайте элементы, которые работают на вас, а также вносите свои собственные новшества.Ваше сообщество будет вам благодарно.
Хотите узнать о сообществах? Ознакомьтесь с нашим полным руководством для бизнеса здесь
10 лучших успешных целевых страниц 2021 года | 10Web
Начнем с основ. Что такое целевая страница? Целевая страница — это первое впечатление. Он специально разработан для передачи ясного и точного сообщения и достижения высокого уровня конверсии. Есть целевые страницы, которые сразу отвлекают посетителей: иногда они слишком переполнены ссылками и информацией, иногда используют слишком много цветов или забывают указать цену.Есть также несколько очень успешных целевых страниц, каждая из которых преподает определенный урок. Давайте обсудим 10 отличных примеров целевых страниц, чтобы вы могли избежать ошибок при разработке своей.
- Какова цель целевой страницы?
- Какие бывают типы целевых страниц?
- Отличная целевая страница
- Как создать лендинг
- Что такое конверсия целевой страницы?
- Каков хороший коэффициент конверсии для целевой страницы?
- 10 примеров целевых страниц, конвертирующих
- Netflix
- Upwork
- Мастер-класс
- Airbnb
- Slack
- Гроккер
- Хвосты
- Яблоко
- edX
- 10 Веб
- Часто задаваемые вопросы
Итак,
Какова цель целевой страницы?
Цель целевой страницы — побудить людей, которые проявили интерес к объявлению и щелкнули по нему, выполнить заданное действие, будь то покупка, регистрация или подписка.Идеальная целевая страница минималистична, в идеале она содержит только одну ссылку, CTA (призыв к действию) повторяется несколько раз. Это особенно важно, если вы используете контекстную рекламу для привлечения трафика.
Какие бывают типы целевых страниц?
Согласно Unbounce, эксперту по целевым страницам, существует семь различных типов целевых страниц.
Целевая страница Click Through предназначена для очень быстрого предоставления вам подробной информации о предложении, на которое вы нажали, и перехода к кассе, где вы можете совершить покупку.Если вы нажмете на объявление и получите именно это, возможно, вы захотите погуглить компанию отдельно, чтобы узнать больше. Эта целевая страница эффективна, если предложение простое и нет серьезных опасений клиентов, которые нужно подавить.
Целевые страницы Lead Capture предназначены для сбора некоторого типа личной информации от посетителя: электронной почты, почтовых адресов, номеров телефонов, дней рождения и т. Д. И т. Д. Эти данные затем используются в маркетинговых целях. Посетителю обычно предлагают что-то в обмен на его данные, например бесплатную электронную книгу, онлайн-курс или сделку.
Кроме того, есть целевые страницы информационных рекламных роликов, длинные страницы, на которых используется расширенный язык и предлагаются эксклюзивные предложения, которые случаются только раз в жизни, но которые вы не можете не желать.
Существуют также вирусные целевые страницы, которые обычно содержат забавное видео, увлекательную игру или какой-либо другой забавный контент, которым можно поделиться. На этих целевых страницах редко отображается название компании, ставка делается только на контент.
Другой тип целевой страницы — это микросайт, полностью функционирующий небольшой временный сайт, созданный в дополнение к основному веб-сайту компании.Прекрасным примером этого являются сайты, созданные для продвижения предстоящего фильма или мероприятия.
Следующим типом целевой страницы является страница сведений о продукте, которая представляет собой страницу на главном веб-сайте компании, предназначенную исключительно для информирования об определенном продукте. Преимущество этого типа в том, что вам не нужно создавать отдельную страницу. Обратной стороной является количество отвлекающих факторов, возникающих при интеграции страницы в основной веб-сайт.
Наконец, есть домашняя страница как тип целевой страницы, тип, требующий наименьших усилий.Часто маркетологи создают тщательно продуманные кампании только для того, чтобы перенаправить их на домашнюю страницу веб-сайта своей компании. Это может быть хорошо, если компания небольшая и предлагает только один продукт или услугу, но в большинстве случаев домашняя страница представляет собой целый кластер информации и ссылок, который заставляет посетителей приходить через онлайн-рекламу.
Отличная целевая страница
Прежде всего, вы хотите, чтобы ваша целевая страница содержала краткие, но точные и оригинальные сообщения и убедительный призыв к действию, повторяемый пару раз.И все это с супер минималистичным дизайном!
Во-вторых, вам нужно быстро заработать хорошую репутацию, обратившись к авторитету, сославшись на партнерство, данные или отзывы.
В-третьих, попробуйте использовать человеческие лица в своих изображениях и по возможности включите видео на свою целевую страницу.
И, наконец, покажите, что вы заботитесь о своих потенциальных клиентах, устраняя их опасения и опасения по поводу следования призыву к действию.
Отметив все эти поля, вы можете поместить вашу целевую страницу в какой-то другой список замечательных примеров целевых страниц, которые конвертируются!
Как создать лендинг
Существует множество онлайн-инструментов для создания целевых страниц, но общепризнано, что Unbounce — лучший инструмент на рынке.Вы можете выбрать шаблон или начать с пустой страницы, установить мобильный макет целевой страницы, а затем URL целевой страницы. После этого все, что нужно, — это добавить отслеживание и пользовательские сценарии, интегрировать с вашим набором маркетинговых инструментов, предварительно просмотреть и опубликовать.
Это довольно просто, не правда ли? В качестве альтернативы, если вы можете себе это позволить, вы можете попросить дизайнера создать для вас индивидуальную целевую страницу.
Что такое конверсия целевой страницы?
Целевая страница создается с учетом поставленной цели, будь то подписка на информационный бюллетень, покупка плана или создание потенциальных клиентов.Конверсия — это когда пользователь попадает на целевую страницу после нажатия на объявление, а затем выполняет действие, для которого страница была создана.
Процент посетителей целевой страницы, которые совершили конверсию, и есть коэффициент конверсии.
Каков хороший коэффициент конверсии для целевой страницы?
Средний показатель по отраслям составляет около 2,4%, поэтому коэффициент конверсии 5,3% относится к 25% лучших. Но вы также должны проверить специфику своей отрасли, оценив коэффициенты конверсии целевых страниц ваших конкурентов.
В целом, вы должны знать, что самые лучшие целевые страницы имеют коэффициент конверсии около 10%, так что это, вероятно, лучшее, что может сделать ваш веб-сайт.
10 примеров целевых страниц, которые конвертируют
Вот список:
Netflix
Netflix уже является именем нарицательным и является половиной самого известного мема о современных свиданиях, поэтому неудивительно, что нигде на их целевой странице они не объясняют, что такое потоковое онлайн-телевидение, или не упоминают, или не упоминают цену своей премиальной подписки (вы прокрутите страницу до раздела часто задаваемых вопросов, чтобы узнать цену самого дешевого тарифного плана).Последнее не подойдет для большинства других целевых страниц: цена — это главный «слон в комнате», это то, что люди хотят знать заранее.
Netflix взял на себя еще один риск UI / UX: кнопка с призывом к действию красного цвета, который обычно отбрасывается как непригодный для маркетинговых целей из-за ощущения опасности, которую она несет. Однако, с другой стороны, красный цвет также указывает на срочность, и он может работать для 30-дневного пробного предложения. Теперь, когда мы замалчивали некоторые сомнительные решения Netflix, давайте обсудим, почему целевая страница все-таки работает.
Что делает эту страницу хорошим примером целевой страницы?
Во-первых, страница соответствует всем параметрам классически идеальной целевой страницы: она имеет четкий призыв к действию и в целом минималистичный гладкий дизайн.
Во-вторых, потенциальные клиенты должны заполнять максимально короткую форму: изначально Netflix запрашивает только электронное письмо. Если вы следили за эволюцией целевых страниц Netflix, вы, вероятно, заметили, что формы со временем становятся все короче и короче.Есть чему поучиться: разделите большую форму на несколько меньших страниц и никогда не запрашивайте информацию, которая вам не нужна.
В-третьих, текста не так много, и текст на странице выполняет очень точную функцию, отвечая на все возможные возражения, которые могут возникнуть у вас, чтобы попробовать Netflix. «Смотрите где угодно. Отменить в любой момент ». отвечает на все ваши вопросы двумя короткими предложениями: «Да, вы можете смотреть на всех устройствах, то есть везде». и «Да, ощутимого финансового риска нет.”
Как это помогает конверсии?
Тот факт, что сообщение настолько ясное и короткое, означает, что любой может быстро понять, что делать дальше. Простота формы позволяет посетителю сделать указанный шаг. В конце концов, это всего лишь электронное письмо.
И, наконец, весь остальной текст направлен на то, чтобы ответить на ваши возможные опасения и возражения против следующего шага. Это особенно важно в отрасли, к которой многие люди не верят, например в сфере кабельного телевидения.
Upwork
Upwork — это место, где фрилансеры могут найти работу, а авторы вакансий — фрилансеров. Сами вакансии укладываются в тысячи категорий и подкатегорий; Например, есть категория «Юридические услуги» с категорией «Паралегальные юридические услуги». Поэтому разумно, что Upwork создал отдельные целевые страницы для каждой категории и целевого рынка. Здесь, например, мы проанализируем целевую страницу для писателей, нацеленных на потенциальных вакансий.
Что делает эту страницу хорошим примером целевой страницы?
Эта целевая страница имеет много правильного, особенно с точки зрения структуры.Это первоначальное точное ценностное предложение, унифицированный призыв к действию «Начать работу» и фотография настоящего писателя Upwork Лиама А. Затем мы получаем список компаний, которые доверяют Upwork свои письменные задания. Прямо под плакатом с вакансией отображается список опытных писателей и редакторов на Upwork, некоторые из которых берут 40 долларов в час, а около 150 долларов, поэтому посетитель знает, что найдется кто-то для любой задачи, которая ему нужна, и по любой цене. Наконец, вы получите четырехэтапную инструкцию о том, как приступить к найму в Upwork, и вам нужно будет заполнить очень простую форму из трех полей, чтобы «Начать работу».«Это довольно популярная структура целевой страницы, и причина в том, что она работает.
Как это помогает конверсии?
Целевая страница предназначена для очень конкретной целевой аудитории — людей, желающих нанять писателей-фрилансеров онлайн. У этой целевой группы обычно одни и те же три проблемы: автор будет завышать цену, не доставит работу вовремя или работа будет недостаточно качественной. Upwork решает все эти возможные проблемы, представляя выборку людей, которые имеют ряд положительных отзывов, касающихся как качества их письма, так и их навыков управления временем, и взимают установленную сумму.
Целевая страницаUpwork, похоже, напрямую обращается к человеку, заинтересованному в приеме на работу в определенной категории. Он устанавливает авторитет, демонстрирует реальных и дружелюбных людей, работающих здесь, и представляет посетителю чрезвычайно простую форму. Работает как шарм!
Мастер-класс
MasterClass — это платформа, на которой самые известные люди в своих областях — например, Энни Лейбовиц в фотографии, Малкольм Гладуэлл в письменной форме и Гордон Рамзи в кулинарии — преподают онлайн-курсы.Самая странная особенность этой целевой страницы — это то, насколько хорошо MasterClass знает свой целевой рынок. Есть два призыва к действию — обычно это большой запрет, но не в этом случае — один говорит «Подарок», а другой — «Начать». Формы для заполнения нет, есть только цена: 15 долларов в месяц (оплата ежегодно). Эта целевая страница является образцовой, особенно потому, что продукт очень специфический. Давайте узнаем больше о том, почему и как.
Что делает эту страницу хорошим примером целевой страницы?
Давайте выделим два основных момента для любой целевой страницы: она минималистична и по существу, несмотря на два CTA.И почему работают два призыва к действию? Поскольку этот продукт явно разработан для того, чтобы дарить половину времени: у большинства людей есть хотя бы одно из увлечений, упомянутых на сайте, и они обращаются по крайней мере к одному из учителей, так что может быть лучше подарка, чем онлайн-мастер-класс? А видео на целевой странице делает уроки очень привлекательными благодаря отличному монтажу мастер-классов. Это тот тип вдохновляющей мотивационной неразберихи, который мы привыкли слышать от наших мам, но, вероятно, никогда не слышали от Серены Уильямс.
Как это помогает конверсии?
Посетителя сразу привлекает предложение: на видео знакомые специалисты в своих областях обещают научить зрителя быть великим.И цена стратегически написана как «15 долларов в месяц», хотя счет выставляется ежегодно: MasterClass не хочет, чтобы пользователь увидел сумму в 180 долларов и испугался покупки. В общем, акцент на этой целевой странице — эксклюзивное предложение получить совет от гуру и стать им самим.
Кроме того, если вы когда-либо видели рекламу MasterClass на Facebook или Instagram, вы, вероятно, заметили, что страница, на которой эта реклама приводит вас, в точности соответствует ожиданиям, созданным в рекламе, поэтому вы никогда не разочаровываетесь в впечатлениях от целевой страницы. .
Airbnb
Airbnb использует множество целевых страниц, каждая из которых специально предназначена для определенной целевой аудитории и целей. Пример на скриншоте направлен на то, чтобы посетитель стал хозяином Airbnb. Несмотря на то, что во многих аспектах страница работает хорошо, также существует вероятность того, что посетитель отвлечется тем фактом, что страница находится на главном сайте компании, или щелкнет одну из приведенных ниже ссылок, чтобы прочитать отзыв хозяина, вместо того, чтобы совершить конверсию. Но все равно:
Что делает эту страницу хорошим примером целевой страницы?
Сообщение на целевой странице, похоже, напрямую обращается к посетителю: есть человек Ярден, который хочет, чтобы вы специально «зарабатывали деньги в качестве хозяина Airbnb.«А кто не хочет заработать лишние деньги? Также есть калькулятор, с которым вы можете поиграть, чтобы узнать, сколько денег вы упускаете. Остальная часть страницы посвящена решению общих проблем потенциальных хозяев и предложению способов потратить лишние деньги, например, отремонтировать кухню или отправиться в путешествие самостоятельно. Кнопка CTA ярко-красная и выделяется на белом фоне.
Как это помогает конверсии?
Посетители страницы изначально соблазняются возможностью дополнительного дохода, но вскоре их мысли приносят все неприятности и хлопоты, которые могут возникнуть из-за того, что гости останутся ночевать.Отзывы и яркие теплые фотографии призваны решить эти проблемы и вдохновить пользователя нажать эту красную кнопку «Начать».
Slack
Slack, как и Airbnb, часто использует различные целевые страницы для достижения своих целей. Их текущее ценностное предложение кратко и по существу. «Slack заменяет электронную почту внутри вашей компании». Каждый, кто использовал электронную почту в качестве основного метода общения в компании, знает, какое облегчение — сменить формат на модель, основанную на чате.
Что делает эту страницу хорошим примером целевой страницы?
Заголовок простой и привлекательный. Кнопка CTA всплывает фиолетовым цветом. Есть демонстрация, если вы хотите ее посмотреть. Нет формы для заполнения. Вы можете найти список компаний, использующих Slack, и их отзывы ниже, что вызывает доверие. Это классически хорошо продуманная целевая страница.
Как это помогает конверсии?
У воронки трафика, поступающего на целевую страницу, есть только один вариант: попробовать Slack и перестать отправлять электронные письма туда и обратно.
Grokker
Многие целевые страницы пытаются получить подписку на бесплатную пробную версию. Grokker, решение для здоровья и хорошего самочувствия на рабочем месте, включающее тысячи видеороликов о питании, медитации и тренировках, не является исключением.
Что делает эту страницу хорошим примером целевой страницы?
Целевая страница начинается с интересного видео по теме, которая обязательно привлечет внимание посетителя. Кроме того, обратите внимание, что копия нацелена на потенциального HR-специалиста или работодателя: в заголовке говорится, что сотрудникам нравится программа и она делает их более счастливыми, поэтому потенциальный клиент также соблазнен получить ее для своего офиса.Нет формы для заполнения. Все, что нужно сделать, это нажать «Запланировать демонстрацию», чтобы попробовать его бесплатно.
Как это помогает конверсии?
Данные и отзывы сотрудников и работодателей под заголовком видео заставляют посетителя доверять бренду, не отвлекая внимание от призыва к действию. Дизайн гладкий; Даже если он кажется набитым опциями, здесь всего две реальные ссылки, и обе ведут к конверсии.
Хвосты
Tails — это услуга ежемесячной доставки корма для вашей собаки до дверей.Это такая милая идея, что неудивительно, что у концепции есть соответствующая целевая страница.
Что делает эту страницу хорошим примером целевой страницы?
Целевая страница имеет четкий заголовок, состоящий из коротких предложений, которые делают предложение очень понятным: ваша собака уникальна, поэтому и ее еда должна быть такой же. Есть большой призыв к действию «Попробуй бесплатно». Прямо под ними — более 19 000 положительных отзывов. Еще один приятный штрих — то, что вы должны рассказать о своей собаке, чтобы получить пробную еду, и какой владелец не любит говорить о ней или своем питомце?
Как это помогает конверсии?
Эй, это бесплатный корм, созданный специально для вашей собаки! Само предложение суда нравится большинству владельцев собак.Кроме того, каждый, кто прокручивает целевую страницу и видит всех счастливых собак рядом с их едой, будет соблазнен хотя бы попробовать это.
Яблоко
Целевая страница Apple, вероятно, уступает только Netflix по простоте. Хотя сообщение действительно становится немного запутанным, если вы прокручиваете вниз, верхняя часть страницы находится как раз в деньгах. «У нас есть телефон с тремя камерами, о котором вы так много слышали. Вы можете «Узнать больше» или просто «Купить».
Что делает эту страницу хорошим примером целевой страницы?
Если вы нажмете «Узнать больше», откроется страница, которая даст вам представление о том, что похоже на использование этой технологии.Веб-сайт соответствует всей эстетике, полюбившейся миру. Даже CTA — это просто подчеркнутое «Купить».
Как это помогает конверсии?
Это настолько просто, насколько возможно. Щелкаешь, видишь последние проекты и их хитрые страницы, «покупаешь».
edX
edX — это платформа онлайн-обучения, наполненная курсами, и у каждого курса есть собственная целевая страница. В качестве примера мы рассмотрим целевую страницу «Базовый испанский».
Что делает эту страницу хорошим примером целевой страницы?
CTA громкий и четкий зеленый.Сама страница имеет академический вид: вы видите все, разбитое по аккуратным столбцам и помеченное маркерами. Ценностное предложение четкое и краткое, в нем указывается целевая аудитория.
Как это помогает конверсии?
Академическое «ощущение» страницы — логотип университета, прозрачность того, что курс даст своим студентам, красивое видео справа от заголовка — обязательно побудит посетителей нажать эту зеленую кнопку «Зарегистрироваться» и получить обучение!
10 Веб
Мы допустили немало ошибок, прежде чем пришли к домашней странице, которая также выступает в качестве целевой страницы и имеет хороший коэффициент конверсии.Сначала мы думали, что людям нужно много информации о каждом продукте и услуге, которые у нас есть. Итак, мы решили написать блоки и блоки текста обо всех функциях, льготах и нововведениях. Нам потребовалось, может быть, 6 месяцев безуспешных попыток конвертировать посетителей, чтобы взять книгу о правильном структурировании целевых страниц. С тех пор это было намного лучше!
Что делает эту страницу хорошим примером целевой страницы?
Классическое строение. Начиная с четкого краткого сообщения и кнопки CTA «Начать 14-дневную бесплатную пробную версию», страница затем очерчивает все целевые рынки, зарабатывает авторитет, представляя статистику и упоминая о партнерстве с Google, а затем перечисляет все проблемы, с которыми обычно сталкиваются пользователи WP, и предлагает свои решения 10Web.Ближе к концу вы также получите несколько обзоров и отзывов; Для новичка важно завоевать доверие пользователей.
Как это помогает конверсии?
Главное сомнение посетителя, когда дело доходит до 10Web, заключается в надежности компании. В конце концов, это новый игрок в мире хостинга, создания сайтов и управления WP. Вот почему так важно, чтобы наша целевая страница содержала ссылки на опыт, партнерские отношения, отзывы и обзоры. Бесплатная 14-дневная безрисковая пробная версия — еще один фактор, способствующий конверсии: реального финансового риска нет, даже если это относительно новая компания.
Еще один важный момент — избегать длинных и подробных фрагментов текста и сохранять только ценностное предложение.
Часто задаваемые вопросы
Что такое целевая страница?
Google Реклама использует фактор «впечатления от целевой страницы», чтобы оценить, насколько ваше объявление соответствует целевой странице. То есть Google, используя комбинацию автоматизированных систем и человеческой оценки, выносит суждение от имени ваших потенциальных рекламодателей: найдет ли тот, кто щелкнул по этому объявлению, целевую страницу, которая откроется полезной и актуальной?
Восприятие целевой страницы вашего сайта может быть «средним» или «выше среднего».«Это означает, что с вашими целевыми страницами все в порядке. Вам следует беспокоиться, если качество вашей целевой страницы оценивается «ниже среднего». Это означает, что вам нужно обсудить несколько вещей.
Во-первых, убедитесь, что ваше объявление хорошо соответствует целевой странице. Например, если вы показываете кому-то рекламу об искусстве портретной фотографии, обязательно свяжите его с курсом портретной фотографии, а не с общим разделом всех предлагаемых вами курсов фотографии. И наоборот: если вы рекламировали общую подборку курсов фотографии, не берите их на курс пейзажной фотографии.
Во-вторых, проверьте, удобна ли навигация по вашей целевой странице. Чтобы упростить навигацию, делайте целевую страницу короткой и точной. Не давайте своим клиентам слишком много ссылок один раз. Фактически, рекомендуется иметь только один четкий призыв к действию. Так ваши посетители не отвлекутся и поймут, что делать дальше.
В-третьих, убедитесь, что ваша целевая страница прозрачна для посетителей: открыто делитесь информацией о том, чем занимается ваша компания и как с вами можно связаться, дайте информацию о ваших продуктах и услугах, прежде чем просить пользователей зарегистрироваться, и дайте им понять, почему вы нужна информация, которая вам нужна, и то, как вы собираетесь ее использовать.
Могу ли я иметь целевую страницу без веб-сайта?
Да, вы можете полностью создать и разместить только одну страницу, и есть много онлайн-программ, которые помогут вам в этом. Фактически, некоторые рекомендуют начинать с целевой страницы и создавать целый веб-сайт позже, в процессе развития вашего бизнеса. Как правило, отдельная целевая страница будет нацелена на сбор потенциальных клиентов: она будет запрашивать определенную информацию — электронную почту, почтовый адрес, номер телефона и т. Д. — в обмен на что-то полезное, например, электронную книгу, онлайн-курс или бесплатный испытание.В качестве альтернативы, целевая страница имеет точную цель — повысить коэффициент конверсии для выбранного продукта.
Целевая страница имеет ряд преимуществ. Во-первых, это высокооптимизированная страница, которая очень информативна, но не вызывает путаницы. Фактически, многие люди утверждают, что многим компаниям нужны просто целевые страницы, а не веб-сайты, потому что последние, как правило, содержат много бесполезной информации, которая отвлекает клиентов.
Во-вторых, для создания, размещения и запуска веб-сайтов требуется больше времени.Прежде чем переходить на веб-сайт, опробуйте свое бизнес-предложение на целевой странице. Если предложение хорошее и люди конвертируются, вы можете подумать о создании полноценного веб-сайта и использовании других методов продвижения, таких как контент-маркетинг.
Но если ваш бизнес уже находится на более продвинутой стадии, вы можете создать полноценный веб-сайт со страницами с внутренними ссылками, содержащими ключевые слова SEO, чтобы более активно присутствовать в вашей нише в Интернете.
В чем разница между веб-сайтом и целевой страницей?
Во-первых, эти два отличаются по устройству и назначению.Веб-сайт — это набор взаимосвязанных веб-страниц, каждая из которых освещает определенный аспект или преимущество вашего бренда, информируя и развлекая посетителя. Целевая страница — это всего лишь одна страница, предназначенная для того, чтобы посетитель сделал одно конкретное действие: подписался, совершил покупку или зарегистрировался. На веб-сайте могут быть сотни целевых страниц, каждая из которых предназначена для определенной целевой аудитории или для продажи определенного продукта или услуги, а именно каждая адаптирована для конкретной рекламы, ведущей на эту целевую страницу.
Что такое целевая страница Unbounce?
Это целевая страница, созданная Unbounce, самым популярным конструктором и платформой целевых страниц.
Что такое адаптивная целевая страница?
Адаптивная целевая страница — это страница, которая хорошо выглядит на всех экранах и типах устройств, будь то смартфоны, планшеты или настольные компьютеры. Вы должны принять во внимание, что в настоящее время люди просматривают Интернет с мобильных устройств чаще, чем когда-либо, и разработать версию целевой страницы для каждого устройства и разрешения экрана. Неудивительно, что отзывчивость мобильных устройств занимает первое место в нашем списке основных требований к дизайну веб-сайтов.
Что такое многоэтапная целевая страница?
Многоэтапная целевая страница не требует от пользователя заполнить огромную форму, которая, вероятно, будет напугать его, вместо этого она разделяет форму между двумя или тремя страницами формы.Статистика показывает, что чем меньше форм пользователь видит на первой целевой странице, тем больше у него шансов продолжить конверсию.
Как связать целевую страницу с веб-сайтом?
Несмотря на то, что рекомендуется ограничивать количество ссылок на целевой странице, исследования показывают, что большинство целевых страниц фактически ссылаются на свою домашнюю страницу, обычно через логотип. Таким образом, можно связать свою целевую страницу с главной страницей вашего сайта, но не перегружайте страницу ссылками на другие сайты.
Сколько времени нужно на создание целевой страницы?
Конечно, это зависит от сложности, но в целом, если у вас есть вся информация о вашей целевой аудитории, вы определились с сообщениями и цветовой схемой страницы, а также с полями данных формы, создание целевой страницы может занять всего за 15 минут, если вы используете один из общих шаблонов, доступных в Интернете. Если вы решили создать уникальный дизайн и доверить рассылку копирайтеру, это может занять около двух недель.
С помощью классного конструктора сайтов и шаблонов 10Web вы можете создать отличную целевую страницу или даже полностью новый веб-сайт за час или около того. Попробуйте бесплатно сегодня!
Устали кодировать?
Создавайте свои веб-сайты за считанные минуты с помощью искусственного интеллекта!
Как я могу провести A / B-тестирование целевой страницы?
Сомневаетесь в каком-либо аспекте вашей целевой страницы? Не думай об этом слишком много. Просто создайте две версии — A и B — и посмотрите, что вам скажут коэффициенты конверсии.Рассмотрите возможность A / B-тестирования заголовка, ценностного предложения, изображений и призывов к действию. Всегда лучше иметь данные, на которых можно основывать свое решение. Имейте в виду, что вам понадобится значительный объем трафика, прежде чем вы сможете сделать обоснованные выводы.
Как я могу оптимизировать целевую страницу?
Есть несколько передовых практик, которым вы должны следовать, чтобы максимально эффективно использовать свою целевую страницу. Во-первых, сделайте ваше предложение и CTA четкими и лаконичными, а дизайн страницы максимально простым.Во-вторых, добавьте обзоры и характеристики и устраните потенциальные проблемы, которые могут возникнуть у посетителей на вашей странице. В-третьих, проведите A / B-тестирование всего, в чем вы сомневаетесь. Лучше получить данные, чем пригласить образованного гостя.
Может ли домашняя страница быть целевой страницей?
Да, в некоторых случаях, когда цель вашего веб-сайта строго определена и вы не можете придумать других возможных сообщений, которые вы могли бы передать на своей домашней странице, ваша домашняя страница также может быть целевой страницей. Например, представьте, что я — веб-сайт, продающий только один тип рождественских гирлянд.В этом случае я мог бы направить весь трафик, который я получаю через рекламу, на мою домашнюю страницу, и сделать так, чтобы моя домашняя страница соответствовала всему, что требуется целевой странице, например точному обмену сообщениями и CTA. Но если я продаю рождественские огни и костюмы Санта-Клауса, я могу сделать свою домашнюю страницу объединением всех ссылок и информации и создать отдельные целевые страницы для фонарей и костюмов соответственно.
Могу ли я изменить свою целевую страницу?
Конечно, как только у вас появится идея, что, по вашему мнению, коэффициент конверсии повысится, продолжайте и проводите A / B-тестирование изменения.Если окажется, что это работает лучше, обязательно внесите изменения. Но также имейте в виду, что качество клиентов так же важно, как и их коэффициент конверсии.
Надеюсь, вы нашли анализ этих замечательных примеров целевых страниц полезным для самостоятельного создания отличного. Расскажите нам в комментариях ниже, какую стратегию или структуру вы использовали для своей целевой страницы и хорошо ли она сработала!
8 лучших и худших примеров посадочных страниц
По сценарию Стефани БарнсВходящий маркетинг, CRO | 3 минуты на чтение
Создание целевых страниц — ключевая часть оптимизации конверсии веб-сайта, потому что они отвечают за преобразование ваших онлайн-посетителей в контакты.Если люди нажимают на ваш призыв к действию, но не заполняют контактную форму, вероятно, что-то не так со страницами, на которые переходят ваши посетители. Для вашего вдохновения мы собрали лучшие и худшие целевые страницы, с которыми мы сталкивались, чтобы вы могли создавать успешные страницы, которые конвертируются.
Начнем с НАИЛУЧШИХ примеров посадочных страниц …
1. Grosvenor House Publishing Limited
В наше время важно иметь современный веб-дизайн.В противном случае потенциальные клиенты будут думать, что ваш бизнес — это старые новости.
Этот веб-дизайн устарел. По первому впечатлению может показаться, что этот сайт не обновлялся годами. В качестве целевой страницы у нее есть соответствующие предложения, которые будут привлекать их идеальных клиентов, но на ней нет формы регистрации. Контактные формы необходимы на целевых страницах, чтобы конвертировать посетителей в потенциальных клиентов, без них ваша целевая страница не даст результатов.
2. Офисная мебель
После того, как я попал сюда по платной рекламе, я почти забыл, что искал.Здесь так много беспорядка, что я понятия не имею, куда мне смотреть.
Эта целевая страница серьезно нуждается в пустом пространстве, чтобы сделать контент и изображения более удобоваримыми. На этой странице отсутствует четкое направление для зрителя.
Из положительных моментов — в правом нижнем углу у них есть отзывы клиентов, которые являются социальным доказательством! Но я нашел обзоры только потому, что пытался найти полезную функцию.
3. Nouvm Publishing
Опять же, еще один устаревший веб-дизайн.
Свежий и современный дизайн жизненно важен для целевых страниц. Первое впечатление имеет значение, когда речь идет о коэффициенте конверсии вашего сайта.
Для этой страницы было бы полезно, если бы контактная форма была выше. В содержании верхнего абзаца нет ничего плохого, но он должен быть ниже, потому что это отвлекает от формы регистрации.
Может быть, немного сурово включать это в список худших примеров целевых страниц, но здесь есть реальные возможности для улучшения.
Во-первых, слишком много контента, и страница кажется загроможденной. Выделенный жирным шрифтом заголовок «Загрузить полное руководство …» объясняет, что такое загрузка, а пункты списка отражают загружаемый контент, однако это должно быть дальше на странице. Большинство онлайн-посетителей начнут читать сверху, поэтому им, скорее всего, станет скучно. прежде чем они достигнут пункта маркированного списка.
Форма обратной связи очень напряженная. Как упоминалось ранее, контактные формы должны запрашивать только необходимую информацию, такую как адрес электронной почты и имя.Наличие большого количества разделов для заполнения является трудоемким процессом и, скорее всего, отпугнет людей от регистрации, если они не закончат его.
Давайте взглянем на некоторые из лучших примеров, чтобы увидеть, что эти ребята должны делать!
Вот ЛУЧШИЕ примеры посадочных страниц!
1. Базовый лагерь
Целевая страницаBasecamp делает свое дело.
Их основное изображение подчеркивает болевую точку, которую испытывают их идеальные клиенты; они хотят быть в курсе того, что делает их команда.Контент ограничен, но больше всего говорят об их изображении.
Форма регистрации тоже очень проста. Вы можете создать учетную запись или войти в систему с помощью Google, в целом это должно занять менее 15 секунд, чтобы превратиться из посетителя в клиента.
Эта целевая страница могла быть забита изображениями бесплатных продуктов и контента, но это не так. Наличие нескольких хорошо известных продуктов, сопровождаемых обещанием, что вы будете получать бесплатные образцы каждый день, является сильным стимулом для регистрации.Использование белого пространства выделяет контент и изображения, не отвлекая внимание.
Кнопка «Отправить мне халяву» в контактной форме тоже очень заманчива и лучше, чем традиционные «Отправить сейчас» или «Зарегистрироваться».
3. Parcel2Go
При быстром поиске курьерской службы целевая страница Parcel2Go отвечает потребностям их идеального клиента. Сразу на целевой странице раздел отправки находится вверху, через 30 секунд потенциальный клиент может отправить свою информацию и получить расценки.
Эта целевая страница могла содержать подробное описание каждого шага, но три приведенных ниже карикатуры объясняют это прекрасно.
4. RSPCA
Emotion используется в изображениях и контенте для создания мощной целевой страницы. Животные смотрят в камеру и на потенциального жертвователя, что делает изображения более привлекательными.
Это пример успешной целевой страницы, потому что она вызывает действие.
5.Zoho
Целевая страница Zoho, использующая одно основное фоновое изображение хорошо работающей команды, показывает, что их программное обеспечение для управления проектами является эффективным инструментом.
Добавить комментарий