Vsv-fin.ru

Финансовая грамотность
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Топ лучших лендингов

25 примеров крутого оформления лендинга

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

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

Сегмент авиакомпаний

«Однажды далёкой-далёкой галактике. » Мечтали покорить космические дали? S7 предлагает осуществить мечту, добавляя некую свою изюминку. Запоминающийся лендинг, в котором красиво оформленная космическая тематика подана с толикой юмора — и все на одной странице. Советуем ознакомиться — не пожалеете!

Сегмент E-commerce

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

Что тут еще добавить — хорошее фото всегда «решает»:

Уникальная графика выделяет сайт на фоне конкурентов. Продукт ярко и сочно выглядит на черном фоне — сразу хочется отведать экзотических фруктов. Заголовок — простой и понятный — ничего лишнего.

Несомненный плюс — проиллюстрирован процесс заказа:

Как можно обойтись без котиков в интернете? Эта страница выделяется не только дизайном, но и классным текстом, который бьёт точно в ЦА. Копирайтер постарался: текст органичный и без перебора с «ми-ми-ми» — словом, браво! Хозяева домашних хищников, думаем, оценили подачу.

Сегмент электронной техники

«Дизайн должен быть функциональным» — на это и ориентировались специалисты Apple при создании гаджетов. Так и здесь — ничего лишнего, только самое главное.

Ещё один А-бренд в мире электроники не отстает от яблочной компании: выпускает качественные устройства и классно их представляет. Страница простая и понятная.

7. «Топ за свои деньги!» — https://www.mi.com/ru/

«Инновации для каждого» — заявляет Xiaomi, и действительно продолжает удивлять даже гиков новыми решениями. Строгость и сдержанность проявляются и в данной странице. Компания как бы напоминает всем, какими семимильными шагами она идет по рынку — и скоро окончательно его захватит.

Сфера услуг

Как показать продукт со всех сторон, если не в видео. Ролик хорошо играет на эмоциях покупателя. В этом случае очень хорошо отражена основная идея товара — быстрота, динамика, веселье. Тому, кто посмотрит, тоже захочется прокатиться с ветерком.

Юзабилити страницы — отличное: сразу после просмотра ролика вам предлагают скачать приложение в AppStore и Play Market.

Минимум текста — только основная информация. Несомненный плюс — формат F.A.Q., пользователь сразу видит ответы на все вопросы:

Финансовые продукты и страхование

Согласитесь, не всегда хочется читать большой текст о «сложном» продукте. Вот отличный пример лендинга: минимум текста, удачный дизайн, грамотное юзабилити. Информация воспринимается легко и просто.

Понятная визуализация тарифов:

Строительный сегмент

Так сложилось, что строительные компании не экономят на хороших digital-проектах. Красивая js-анимация, калькуляторы, дизайн проекты — всё привлекает клиента и удерживает на странице.

Словно высеченный из цельного камня — так позиционируется представленный жилой комплекс. Необычное здание и правда достойно всех похвал, ну и сайт, посвященный ему, не отстаёт. Строгий дизайн с хорошей подачей.

«Лёгкая» страница без лишнего контента — а что необычного? Калькулятор выбора квартиры, крутой настолько, что хочется просто его «потыкать», даже если жилье не нужно. Дизайн, к слову, запоминающийся и интересный.

Офлайн-услуги

Красочная страница, где есть всё: матрешка, шапка-ушанка, собор Василия Блаженного — во всех деталях чувствуется русский колорит. Классно обыграны стереотипы о нашей стране. Понятный заголовок, который показывает, куда попал пользователь.

Меню в верхней части закреплено и сопровождает вас при скролле.

В блоках оптимальное количество текста, красивая графика — словом, лаконичное оформление очень к месту.

Страница для продаж: все внимание уделено конверсии. Первый экран сразу же демонстрирует оффер, которым можно воспользоваться в течение 15 минут — часики-то уже тикают.

Скидочное предложение и меню расчета стоимость преследуют вас все время: на первом, втором и даже третьем экранах.

Ну купите: цена сразу со скидкой.

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

Фотооборудование

Продумано до мелочей, отличный дизайн — такая страница должна быть у компаний, которые существуют в мире фотоиндустрии. Ну не может быть плохая «картинка» на лендинге, который продаёт камеры — логично.

Чёткая картинка со вкусом. Смотришь — и не можешь оторваться, сайт классный по всем параметрам.

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

Профессиональные фотографы не могут не знать это имя. Все страницы оформлены, будто обособленные проекты. Всё в лучших традициях компании.

Связь

Чем проще — тем лучше. Здесь это правило отработало на все сто. «Лёгкий» дизайн, информация подана ненавязчиво — словом, смотреть приятно и интересно.

Понятный блок с дополнительными опциями — разберется любой:

18. «Поздравляем, Вы нашли ещё одну рекламу YOTA» — https://www.yota.ru/#promo

Эта компания славится своим необычным подходом во всем. Небанально поданная информация — всего один экран с 4 ссылками, классический голубой баннер. Одним словом — минимализм. Смело и неординарно, это и цепляет.

HR-сфера

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

Читать еще:  Шаблоны лендинг сайтов html

Яркий броский лендинг, пример хорошей подачи для определённой ЦА: творческие натуры мимо не пройдут точно. На странице есть все нужные блоки: преимущества, позиции на рынке, портфолио, вакансии и т. д.

Модно, молодежно, хайпово

Приверженцам классических дизайнерских решений лучше не смотреть. Предлагаем несколько ярких, местами даже «диких» страниц с грамотным юзабилити, кучей иронии и современным оформлением.

Иронии — хоть отбавляй, хватит еще на несколько текстов. Хоть страница и специфическая, не показать ее публике — грех.

Главная идея: мемы, больше мемов. Каждая «картинка с надписью» круто обыграна, хочется смотреть ещё и ещё.

Всё, что нужно для классного лендинга, здесь есть. Блоки, кнопки, иконки, описания, отзывы и т. д. Отдельного внимания заслуживает копирайтинг: всё подано с уместной иронией — чувство юмора у автора на высоте.

Сладости на десерт

Подавайте десерт! Страницы, посвященные вкусняшкам. Оригинальная анимация, яркие цвета отрабатывают на все сто. Лендинги выполнены в стилистике упаковки продукта — все так же, как и на полке магазина.

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

Конструкторы лендингов: лучшие платформы для создания одностраничников

Конструкторы лендингов с русскоязычным интерфейсом

Конструктор uKit подходит представителям малого и среднего бизнеса, у которых нет опыта веб-разработки или желания тратить деньги на услуги веб-студий. Здесь есть все для создания одностраничного сайта: от библиотеки шаблонов до инструментов SEO-оптимизации.

Плюсы:

  • Понятный интерфейс: нет сложных опций, которые отвлекают и затягивать процесс создания лендинга.
  • Безлимитное хранилище файлов.
  • Бесплатный SSL-сертификат для домена. Он необходим, если вы планируете принимать платежи на сайте.
  • Галерея из более чем 400 шаблонов под разные тематики и сферы деятельности.
  • SEO-настройки для каждой страницы.
  • Запрет индексации. То есть когда вы переделываете страницу, ее можно закрыть от индексации в поисковых системах, чтобы неготовая страница не попала в выдачу.

Минусы:

  • Отсутствие бесплатного тарифа.
  • Шаблонов много, но они мало чем отличаются друг от друга. Поэтому приходится многое настраивать под себя вручную.

Платформа uCoz предоставляет широкие возможности. На ней можно создавать любой сайт — от лендинга до полноценного интернет-магазина.

Плюсы:

  • Премиум-шаблоны под разные тематики в платном тарифе.
  • Опытные ребята могут править код шаблона, а для новичков — визуальный редактор.
  • Широкие возможности для SEO-оптимизации, контроль контекстной рекламы и сбор статистики прямо в панели управления.
  • Доступ к API, что позволяет изменять функционал модулей и создавать новые панели управления сайтом для клиентов.
  • Интеграция с amoCRM.
  • Подключение SSL-сертификата к домену.

Минусы:

  • Шаблоны в бесплатном тарифе — это «привет из прошлого». Поэтому их надо править через код, что может вызвать сложности для новичков.
  • Ограничения в бесплатном тарифе: неполный модуль для SEO, только 400 Мб дискового пространства.

Flexbe

Благодаря простому и понятному интерфейсу Flexbe понравится начинающим веб-мастерам. Но он может вызвать и негатив из-за дорогих тарифов и примитивного визуального редактора.

Плюсы:

  • Бесплатный конструктор логотипов.
  • Интуитивно понятный интерфейс.
  • Интеграция со сторонними сервисами и приложениями.
  • Большая база знаний с обучающими материалами и гайдами по конструктору.

Минусы:

  • Нет автосохранения.
  • Ограниченность визуального редактора: страницы наполняются контентом сугубо вертикально.
  • Есть встроенная CRM, но она слабая.
  • Можно использовать только готовые блоки.

Tilda

Конструктор Tilda позволяет собрать красивый и работающий одностраничник для любой сферы деятельности. Простота и широкий набор шаблонов делают сервис «фаворитом» в создании коммерческих лендингов.

Плюсы:

  • Плагин интеграции с WordPress.
  • Подключение Google Analytics и Яндекс.Метрики.
  • Интеграции с Google Forms, Typeform и Timepad.
  • Вставка HTML-кода со скриптами.
  • Блочный редактор с 28 категориями: обложка, магазин, о проекте, услуги, контакты, форма и кнопка и другие. Также в каждой категории есть разные варианты дизайна.
  • 180 готовых адаптивных шаблонов.
  • Библиотека форм для сбора контактов.
  • SSL-сертификат.
  • Встроенная CRM-система.
  • Интеграции со сторонними сервисами, в том числе с SendPulse.
  • Встроенная статистика сайта: количество просмотров, конверсий, доля мобильного трафика.
  • Графический редакторе Zero Block доступен на бесплатном тарифе.

Минусы:

  • Вкладки внутри вкладок иногда могут не работать.
  • Для стандартных блоков недоступно управление стилями в бесплатном тарифе.
  • Однотипность шаблонов.

LPgenerator

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

Плюсы:

  • Широкий набор шаблонов для разных ниш бизнеса.
  • Интеграция с сервисами email маркетинга, оптимизации рекламы, загрузки файлов и CRM-систем.
  • CallbackKiller — функционал, который позволяет добавить на сайт кнопку заказа обратного звонка.
  • Сбор статистики, анализ трафика и источников конверсий.
  • Покупка домена прямо в интерфейсе.

Минусы:

  • Нельзя создать только один лендинг, нужно оплачивать полный тарифный пакет.
  • Сервис больше ориентирован на разработчиков, простому пользователю будет тяжело сразу в нем разобраться.
  • Личный кабинет перегружен опциями.
  • Нельзя править код шаблона.

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

Плюсы:

  • Удобный визуальный редактор: добавить, переместить или удалить элемент можно при помощи мыши.
  • Адаптация под дисплеи мобильных гаджетов.
  • Интеллектуальная система Wix ADi, которая подбирает подходящий макет лендинга исходя из информации от пользователя.
  • Можно добавлять других пользователей в команду, чтобы вместе работать над лендингом.
  • Мобильное приложение для Android и iOS.
  • Более 500 бесплатных шаблонов под разные типы сайтов, видеовставки на фон страницы и 3D эффекты.
  • Пошаговый мастер настройки параметров для SEO-оптимизации.
  • Полная статистика по сайту: позиция в выдаче, источники трафика, просмотры страниц.

Минусы:

  • Перегруженный опциями интерфейс. Это может стать проблемой для неопытных пользователей.
  • Некоторые приложения из встроенного магазина могут работать с ошибками.
Читать еще:  Услуги юриста лендинг

Nethhouse

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

Плюсы:

  • Бесплатный домен, почта на корпоративном домене и SSL-сертификат.
  • Удобная панель администратора, где все настройки поделены на разделы.
  • Интеграция с соцсетями, виджетами и сервисами.
  • Можно подключить Яндекс.Кассу для приема онлайн-платежей.

Минусы:

  • Небольшой выбор шаблонов и ограниченные возможности кастомизации.
  • Ограниченный бесплатный тариф — на нем нельзя создать полноценный лендинг.

Конструкторы лендингов с англоязычным интерфейсом

Weblium

Конструктор лендингов Weblium

Конструктор лендингов Weblium от компании TemplateMonster позволяет выбрать подходящий шаблон сайта, воспользоваться услугой регистрации домена, хостингом и SEO-продвижением.

Плюсы:

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

Минусы:

  • Ограниченные возможности интеграции.
  • Нет модулей для ecommerce.

HubSpot Landing Page

Конструктор лендингов HubSpot Landing Page

Hubspot предоставляет различные инструменты автоматизации интернет-маркетинга для бизнеса. В их числе есть и конструктор для создания лендингов.

Плюсы:

  • Хостинг для домена.
  • Широкий набор инструментов: А/В тестирование, настройка контента на основе местоположения, создание форм подписки и призывов к действию.
  • Адаптивность.
  • Большие возможности в дизайне, можно настроить практически все — от изображений и шрифтов до внешнего вида кнопок.
  • Сбор статистики в панели управления HubSpot и подключение Google Analytics.
  • Наличие встроенной CRM-системы.

Минусы:

  • Доступен только в пакете Marketing Hub, приобрести HubSpot Landing Page отдельно нельзя.

Instapage

Конструктор лендингов Instapage

Еще один инструмент для создания целевой страницы с drag-and-drop редактором — Instapage. Он подходит для тех, кто практически не имеет опыта в программировании или веб-дизайне.

Плюсы:

  • Простой и понятный редактор целевых страниц.
  • Можно создавать собственные блоки.
  • Интегрированная статистика для лендинга.
  • Подключение SSL-сертификатов.
  • 200 готовых шаблонов.
  • Можно дублировать уже созданный контент на других лендингах с помощью функции Instablocks.
  • Доступно более 40 интеграций: Google Ads, Facebook Ads, LiveChat, Zendesk, Zoho, Salesforce и другие.

Минусы:

  • Отсутствие интегрированного провайдера доменных имен.
  • Ограничение на количество уникальных посетителей до 30 тысяч в месяц.

Unbounce

Конструктор лендингов Unbounce

Unbounce — один из самых дорогих сервисов в нашей подборке, ведь цена тарифа стартует от 99 долларов в месяц. Но это также один из лучших конструкторов лендингов с богатым выбором функций.

Плюсы:

  • Создание 75 лендингов с неограниченным количеством посетителей в самом доступном тарифе.
  • А/В тестирование посадочных страниц.
  • SSL-сертификаты.
  • Более 100 шаблонов, оптимизированных под конверсию.
  • Гибкий и удобный редактор, который позволяет кастомизировать шаблоны.
  • Галерея всплывающих окон Unbounce Convertibles.

Минусы:

  • Сложный для новичков.
  • Мало обучающих материалов по работе с сервисом.

Landingi

Конструктор лендингов Landingi

В сравнении с Unbounce и HubSpot Landing Page, Landingi — это более доступный по цене инструмент для создания целевых страниц. Но по набору функций почти ничем не уступает дорогим конкурентам.

Плюсы:

  • Нет ограничений на количество созданных лендингов.
  • Drag-and-drop редактор и более 100 шаблонов.
  • Быстрый экспорт лидов в CSV-файл или Google Sheets.
  • Встроенная аналитика и построение отчетов.

Минусы:

  • Мало опций для настройки всплывающих окон.
  • Дизайн не всегда корректно работает в мобильной версии.

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

Создавайте лендинги, собирайте лиды и превращайте их в клиентов с помощью SendPulse!

Лучшие лендинги

  • 0 Дизайн
  • 0 Контент
  • 0 Удобство

  • 4.2 Дизайн
  • 4.6 Контент
  • 4.5 Удобство

  • 4.8 Дизайн
  • 4.9 Контент
  • 4.9 Удобство

  • 4.7 Дизайн
  • 4.7 Контент
  • 4.7 Удобство

  • 4.5 Дизайн
  • 4.5 Контент
  • 4.5 Удобство

  • 3 Дизайн
  • 3 Контент
  • 3 Удобство

  • 3 Дизайн
  • 3 Контент
  • 3 Удобство

  • 4.2 Дизайн
  • 4 Контент
  • 4.4 Удобство

  • 4 Дизайн
  • 4.4 Контент
  • 4.4 Удобство

  • 3.9 Дизайн
  • 4.1 Контент
  • 4.1 Удобство

  • 4.1 Дизайн
  • 4.4 Контент
  • 4.4 Удобство

  • 4.7 Дизайн
  • 4.5 Контент
  • 4.7 Удобство

  • 4.5 Дизайн
  • 4.3 Контент
  • 4.5 Удобство

  • 4.4 Дизайн
  • 4.2 Контент
  • 4.4 Удобство

  • 3.4 Дизайн
  • 3.9 Контент
  • 3.3 Удобство

  • 4.1 Дизайн
  • 3.8 Контент
  • 3.9 Удобство

  • 4.8 Дизайн
  • 4.7 Контент
  • 4.8 Удобство

  • 4.7 Дизайн
  • 4.7 Контент
  • 4.7 Удобство

  • 4.3 Дизайн
  • 4.3 Контент
  • 4.4 Удобство

Сегодня успешный интернет-маркетинг не обходится без такого уникального эффективного инструмента как посадочные страницы, или landing pages (лендинги). Это сайты-одностраничники, создаваемые в рамках проведения рекламных кампаний (контекстная реклама, переход по клику по баннеру и т.д.) под конкретную цель:

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

Какие они — лучшие лендинги, создаваемые отдельно от основных сайтов (корпоративных ресурсов крупного бизнеса, веб-визиток мелкого и среднего бизнес-звена, онлайн-магазинов) и показывающие высокую эффективность работы при грамотном подходе к их созданию? На этот вопрос ответит подведение итогов конкурса среди посадочных страниц в рамках ежегодной Национальной интернет-премии «WEB AWARDS UA» в номинации «best landing pages».

Лучшие лендинги 2018

К критериям оценки в номинации «Лучшие лендинги 2018» можно отнести следующие:

  • привлекательное, цепляющее оформление, тенденции в дизайне посадочных страниц, создаваемых под конкретную нишу и преследуемые цели;
  • качество используемого графического текстового контента и стиль его подачи;
  • грамотная структура страничек, подпадающих под звание best landing pages 2018 – расположение блоков, баланс графики и текста;
  • наличие повышающих имидж и доверие компонентов, а также элементов, побуждающих к требуемому действию, их оформление и подача.
Читать еще:  Лендинг натяжные потолки

В оценивании представленных на конкурс многочисленных лендинг пейдж смогут принять участие все желающие пользователи, заинтересованные в развитии сферы IT в Украине, что в итоге позволит достичь двух основных целей:

  • повышение комфорта пользователей, на которых рассчитано использование лендингов;
  • повышение эффективности бизнеса путем увеличения эффективного трафика и конверсии.

Как сделать крутой лендинг: 13 небанальных идей

Время чтения: 6 минут Нет времени читать? Нет времени?

Мы уже делали подборку крутых лендингов для вдохновения. Эта статья – своеобразный ее сиквел. Все лендинги в этой подборке отличаются небанальными дизайнерскими решениями и способами подачи информации. Их нельзя назвать уникальными – ежедневно дизайнеры разного калибра выдают сотни новых лендингов, и где-то эти решения уже встречались. Больше подойдет слово «незатасканные». Миксуйте несколько идей в одной посадочной странице – и ваша работа выгодно выделится на фоне конкурентов.

Текстовые и визуальные лайфхаки

Обращайтесь напрямую к клиенту

Речь идет не о банальном «Здравствуйте, мы компания Х и работаем на рынке с бородатого года». Это скучно и никого не цепляет. А вот парень из подмосковного Солнечногорска сделал удачный оффер и вынес контактную информацию в начало лендинга. Никаких заумных фраз и козыряния многолетним опытом. Человек обращается к читателям точно так же, как общался бы с ними «вживую».

Обыграйте название продукта или услуги в тексте лендинга

Как сделали ребята из строительной компании «Меритон». Новый жилой комплекс сам рассказывает о себе потенциальным клиентам. Креативная подача сразу цепляет, а название бренда повторяется от экрана к экрану и точно отложится в памяти после закрытия страницы.

Обыграть можно почти любое название бренда, даже аббревиатуры и сокращения, если копирайтер – профи. Мы советуем работать только с такими – профессионализм всегда конвертируется в прибыль.

Внедряйте символику и отсылки

Лендинг – это «лицо» товара или услуги в интернете. Ассоциации с устойчивыми и всем знакомыми символами (историческими, социокультурными и т. д.) сделают это лицо узнаваемым. Ева Кац использовала в продвижении школы личного продюсирования эстетику советских транспарантов: большие белые буквы на красном фоне, печатный шрифт.

Чувственная подача инфы на грани фола

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

Подайте информацию в формате квеста

99 % лендингов начинаются с оффера. Туроператор Grand Tour пошел другим путем – он не стал раскрывать выгоды для клиента в первом экране, а вовлек посетителей в мини-квест, где с каждым скроллом открывается новая информация об услуге. На главной странице Grand Tour, оформленной в виде лендинга, реализованы сразу несколько удачных примочек для захвата внимания. Здесь и всплывающий текст, и интерактивная анимация, и звуковые эффекты.

Поиграйте со шрифтами

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

Придумайте креативный футер

Весь лендинг «Котофабрики» пестрит креативом, но их футер просто огонь. Ребята беззлобно простебались над стереотипными блоками о гарантиях (в самом деле, кто читает те мелкие тексты?) и сделали убедительное предложение.

Задействуйте юмор

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

Технические лайфхаки

Анимация при скролле

Создатели лендинга-презентации iPhone X использовали технологию Canvas, позволяющую рисовать прямо на странице. Готовых плагинов под нее нет, вся эта красота реализуется через JavaScript.

Видео во всплывающем окне

Видео без автовоспроизведения не всегда красиво вписываются в дизайн посадочной страницы. Поэтому создатели лендинга для сервиса Evernote спрятали видеоролики в картинки. Сделать такое можно любым плагином для создания модальных окон, в которое встраивается видео. Например, LightBox или Easy Modal.

Интегрированные в лендинг инвойсы

Веб-сервис управленческого учета «Финолог» предлагает удобный и лаконичный счет на оплату, с заполнением которого разберется любой. Сделать подобное можно любым хорошим плагином для создания форм: Contact Form 7, JS Forms или через онлайн-сервис JBCallme.

Прелоадер (анимация при загрузке лендинга)

Яркий пример такого решения – посадочная страница компании Piratecode. Анимация при загрузке реализуется через JavaScript или через плагин Preloader.

Визуальный конструктор товара в лендинге

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

Итак, что в итоге:

  • Не бойтесь креативить. Лендинг – это не операция на сердце, его всегда можно исправить. Пробуйте разные варианты, оценивайте конверсию посредством АБ-тестирования.
  • Вдохновляйтесь идеями конкурентов. Вдохновляться ≠ плагиатить. Любую идею можно переработать, улучшить и дополнить.
  • Познакомьтесь с возможностями разных плагинов и задействуйте их в работе.

Напоследок напомним, что у нас работают крутые дизайнеры, верстальщики и копирайтеры. Если нужен лендинг с огоньком – обращайтесь, сделаем!

Ссылка на основную публикацию
Adblock
detector