Бизнес лендинг пейдж – как заработать на создании Landing Page

Содержание

как заработать денег с Landing page в кризис, создание посадочных страниц и их особенности

Будущее – в твоих руках

Раздел сайта, посвященного лендингам, поможет после его изучения в итоге создать, протестировать и запустить рабочий сайт-одностраничник, научит правильной конверсии лендингов и подскажет, как быстро продать товар на сайте в году.

Как заработать с помощью landing page? На этот вопрос отвечает рубрика, посвященная посадочным страницам и вариантам заработка на них. Способов заработка в интернете на самом деле очень много, и хотя одностраничник отличается от полноценного сайта рядом пунктов, есть общие правила, следуя которым можно быстро добиться успеха. Монетизация сайта обычно осуществляется посредством размещения рекламы, Landing Page помогает продажам.

Как сделать лендинг пейдж (Landing Page) своими руками с помощью бесплатных сервисов? Используем для этого WordPress, Joomla и ряд других бесплатных CMS. Как работает лендинг для бизнеса и каким образом он превращает “холодных посетителей” в полноценных клиентов, принося доход.

В чем заключается суть и преимущества лендинг пейдж как маркетингового приема

Лендинг пейдж (посадочная страница) – это особый метод маркетинга, который призван сделать коммерческое предложение лиду (представителю целевой аудитории). При этом отказаться от такого предложения пользователю будет очень сложно.

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

  1. Четкая.
  2. Краткая.
  3. Мотивирующая.
  4. Убедительная.
  5. Максимально эффективная.

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

Преимущества лендингов:

  • Деятельность направлена непосредственно на ЦА.
  • Конверсия зависит от вида ниши и типа одностраничника.
  • Подписная база создается довольно легко.
  • Средства, вложенные в лендинг, окупаются очень быстро.
  • Создание Landing Page обойдется значительно дешевле, чем создание полноценного сайта, особенно при использовании готовых шаблонов.

Как сделать лендинг самому и что для этого нужно знать

Советы

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

Правила создания эффективного лендинга

Чем должна быть наполнена страница?

  1. Если вы продаете бренд, обязательно должен быть логотип.
  2. Привлекательный заголовок: он может даже игнорировать потенциального клиента, тем самым заставляя полностью изучить предложение. Заголовок должен кратко отвечать на вопрос: «Что я здесь могу получить?». Уникальное торговое предложение предоставляется так, чтобы как можно более полно познакомить клиента со всеми своими плюсами и в то же время не утомить излишней информацией. Размер заголовка в идеале не должен превышать 10 слов.
  3. Призыв купить чаще всего проявляет себя в виде активной кнопки. Пользователь после прочтения информации должен узнать, какую проблему он сможет решить, купив предложенный ему товар или услугу. Calltoaction или “призыв к действию” – обязательная составляющая любого успешного лендинга. Кнопки с надписями – мотиваторами типа «Купить», «Заказать», «Подписаться». Призывы вроде «Отправить», «OK», «Готово» могут ввести потенциального клиента в заблуждение. Наиболее эффективные цвета для оформления кнопки: красный, оранжевый, синий или такой, который подходит под общую цветовую концепцию сайта лендинга. Уникальное Торговое Предложение должно быть единственном в своём роде, такого клиент больше не найдёт нигде.
  4. Отзывы должны быть живыми и настоящими, в идеале написаны клиентами. Отзывы на заказ выглядят слишком ненатурально, поскольку рассматривают только положительные стороны продукта и пестрят эйфорией. Реальный человек так не напишет.
  5. Ссылайтесь на авторитетные источники, которые также являются вашими клиентами (видеоподтверждения, публикация логотипов известных компаний-партнеров и прочие).
  6. Клиент должен быть уверен, что приобретает продукт с гарантией и его финансовые средства надежно защищены – обещайте возврат платежа, если товар по каким-то причинам не подойдет клиенту. Хорошо себя зарекомендовал в этом случае тестовый период и предложение пробных версий товара.
  7. Наличие футера на одностраничнике еще один шаг к успешным заработкам.
  8. Дублирование «шапочки», ссылки на группы в соцсетях и наличие разрешительной документации.

На видео: Эффективные продажи с Landing Page

Тактики создания лендинг пейдж

Общее понятие

Одностраничный сайт имеет ряд основных функций, среди которых:

Зачем нужен одностраничник?

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

Каково предназначение одностраничника?

Его основные маркеры:

  1. Эффективный диалог между ресурсом и потенциальным клиентом.
  2. Хорошая конверсия ЦА на сайте.
  3. Поток продаж.
  4. Финотчеты.

Необходимые исследования перед стартом создания лендинга самостоятельно с нуля:

  • Изучение проблемы потребителя, предоставление возможности приобрести желаемое

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

  • Изучение спроса

Разработка одностраничника предварительно требует изучения спроса на определенный товар. Здесь придет на помощь сервис Яндекс.Вордстат. Большее число запросов – больший спрос.

Три основных акцента для лендинга

Как составить продающий лендинг

Каждая из составляющих частей страницы призвана добиться цели: а именно – получить отклик на call to action. Если есть сомнения, что тот или иной элемент привлечет Целевую Аудиторию, сократите объем одностраничника. Дайте пользователю понять, что предлагаемый товар дефицитен и редок. Установка таймера, отсчитывающего время до окончания выгодного предложения, действует поистине магически. Постоянно обновляйте число продаж.

Пример таймера для сайта:

До конца предложения 16 часов 12 минут 27 секунд

Вы можете скачать и установить скрипт такого таймера бесплатно.

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

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

Если вы впервые создаете лендинг – используйте контрастные цвета

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

Также, не стоит смешивать тёплые тона с холодными. Тёплые и холодные цвета разделены в круге горизонтальной линией.

Выбранные вами тона должны иметь разную яркость, но примерно одинаковую насыщенность. По мнению известного дизайнера Роджера Блека, идеальным сочетанием будет совмещение белого с чёрным, при необходимости – с добавлением красного. Именно чистые белый и чёрный цвета являются предельно отстоящими друг от друга, максимально контрастными, но при этом отлично совместимыми. Поэтому чёрно-белая гамма рекомендуется для создания быстрого и простого дизайна. Однако, чтобы получить действительно высокий результат и сделать дизайн заметным, придётся постараться и придумать что-нибудь поинтереснее.

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

Цвета текста и фона

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

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

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

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

Это своего рода  GIF-анимация, но несколько более глубокая и качественная.

Пример синематографики для одностраничника

Выбираем инструмент для создания готового лендинга

  • Для того чтобы создать посадочную страницу с нуля бесплатно, в сети есть множество специальных сервисов.
  • Заранее стоит позаботиться об адаптации вашего лендинга на мобильных гаджетах.
  • Один из лучших сервисов для этой цели – PageSpeedInsights.

biznes-prost.ru

Landing page с гарантией конверсии до 37% за 7 дней

Глубокий анализ
рынка и конкурентов

Определение
целевой аудитории,
ее сегментация
и анализ

Выявление болей
и потребностей
целевой аудитории

Разработку
уникального
товарного
предложения
(УТП)

Внедрение
комплексного
А/Б тестирования
и глубокой
аналитики

Профессиональную
разработку

технического
задания

Мультилендинг
и геотаргетинг

Применение
динамических
заголовков и
реферальных
хвостов

Настройку
Яндекс метрики
и вебвизора

8 вариантов
Landing Page для А/Б
тестирования

Профессиональный
хостинг и домен,
подключение к CRM

Адаптивную верстку
под мобильные
устройства

Профессиональную
настройку
контекстной
рекламы в Yandex
Direct и Google
Adword

Кроссбраузерную
верстку под все
браузеры

Мы не
штамповочный цех
по производству
«кривых» Landing Page,
мы работаем индиви-
дуально и берем
всего 20 проектов
в месяц

Все проекты
реализуют ведущие
специалисты под
руководством
основателей
LandingPage.bz

Возможность работы
над вашим проектом
лично Артемом
Поповым и Дмитрием
Борисовым

molodost.bz

Landing Page и Бизнес Молодость: шаблоны, техники

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

Содержание

Общие положения
Цели/конверсии
Исследования
Изучение продукта
Изучение спроса
Создание УТП
Анализ трафика
Сплит-тесты

Общие положения

В понятие landing page Бизнес Молодость вкладывает уже привычные большинству постулаты. Он создается, чтобы продавать, имеет определенную структуру, приводящую пользователя к конверсии, считается мощным маркетинговым инструментом.

Сегодня не станем перечислять главные составляющие одностраничника. Вы можете прочитать подробнее о структуре здесь.

Унифицированный шаблон «работающей» landing page известен многим. Разберем скорее важнейшие моменты, техники БМ, обязательно требующие внимания.

Назад к содержанию

Цели/конверсии

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

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

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

Вот, собственно, сайт БМ под примерами лендинг пейдж демонстрирует основные показатели, но они без определенной цели не имели бы никакой ценности.

Назад к содержанию

Исследования

Глубокий анализ позволит узнать, чего хочет потребитель, каким образом дать ему желаемое.

Изучение продукта

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

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

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

Убедитесь.

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

Пример бренда, предлагающего оптом школьную форму.

Назад к содержанию

Изучение спроса

Следующая важная составляющая, требующая внимания перед разработкой одностраничника — раскрытие вопроса, есть ли спрос. Показатель можно легко отследить, воспользовавшись статистикой Яндекс.Вордстат. Чем больше количество запросов, тем выше спрос — зависимость очевидна.

Если выдается больше брендовых запросов (когда покупатель ищет сразу название компании/ вписывает в строку поиска конкретные характеристики), то продавать надо «стоимость». Говорить, почему товар важен, бесполезно, ведь его уже хотят купить.

Кстати, относительно стоимости. Рассмотрим любопытный сплит-тест бренда из Нидерландов Fietsvoordeelshop (дисконтный центр, где предлагают велосипеды). Специалисты провели эксперимент: изменили поле цены продукта.

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

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

Победил второй вариант, где так изящно «поиграли» цифрами.

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

Например, так делают создатели следующего веб-ресурса от Бизнес Молодости, посвященного реализации пластиковых окон.

Создание УТП

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

Здесь очень яркое УТП: 10 минут от центра столицы за минимальную цену.

Назад к содержанию

Анализ трафика

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

  • горячий;
  • теплый;
  • холодный.

Опишем каждый.

«Горячий» трафик, обычно, приходит с контекстной рекламы, когда посетителя интересует конкретная услуга. Нет времени объяснять, нужно продавать прямо сейчас!

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

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

Этот одностраничник предлагает решить проблему.

Есть еще один тип трафика, стоящий обособленно, так называемый type-in. Эти посетители вбивают в поисковую строку именно название портала, приходят туда после разговора с представителем компании. Им важно понять — бренд заслуживает уважения.

Назад к содержанию

Сплит-тесты

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

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

Сервисов для проведения тестирования предостаточно. А вдохновиться идеями можете на сайте whichtestwon.com.

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

Нужна посадочная страница? Ознакомьтесь с готовыми шаблонами или зарегистрируйтесь, чтобы создать свой лендинг!

Высоких вам конверсий!

Назад к содержанию

Image Source:Ilaria Luciani 

29-10-2015

lpgenerator.ru

8 примеров лендингов из сферы инфобизнеса

Сфера инфобизнеса требует серьезного психологического подхода и хорошего понимания целевой аудитории. Здесь от качества лендинг пейдж зависят не только продажи, но репутация и имидж самого заказчика. Предлагаем рассмотреть landing page для инфобизнеса на 8 различных примерах, русских и зарубежных.

1. Официальный сайт Jens Lehmann

Прекрасный лендинг пейдж с современным минималистичным дизайном для бывшего футболиста, ставшего спикером. Прекрасно реализована идея показать 5 разных аспектов 20-летней профессиональной деятельности заказчика для различных аудиторий на одной целевой странице. Йенс Леманн показан в роли:

  • Тренера
  • Спортивного комментатора
  • Профессионального голкипера
  • Посла
  • Спикера

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

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

Лендинг мастерски показывает Йенса Леманна настоящей культовой персоной, у которой так и хочется взять автограф. 

2. Корпоративный консалтинг Keegan & Donato

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

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

Читайте также: Как фотография основателя компании влияет на степень доверия пользователей?

3. THIS is диджитал консалтинг

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

Разработчики постарались улучшить визуальное восприятие каждой секции страницы различными мелкими визуальными деталями, что придало ей еще больше стиля и оригинальности. На последнем развороте небольшое видео на фоне офиса и 2 кнопки для обратной связи по email и телефону, но самое интересное здесь — это карта. Здесь она даже просчитывает время поездки и оптимальный маршрут прямиком к офису студии в Дюссельдорфе — очень мило 🙂

4. VVS — швейцарская консалтинговая группа

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

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

Читайте также: Зачем маркетологу панорамное видео?

5. Инновационный дизайн Kaber Technologies

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

Весь объем лендинга отведен под кейсы компании, снабженные видеороликами, большими качественными 3D-визуализациями продуктов и подробными описаниями. Прекрасная подача материала и грамотная работа со шрифтами.

6. Скромный цифровой консалтинг Pepck

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

Минимум информации, максимум информативности. Прекрасный пример того, как рассказывать о сложном просто. Радует правильное позиционирование и грамотные призывы к действию в тексте.

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

Пятая кнопка якорная и служит для начала скроллинга, на протяжении которого предлагаемых целевых действий меньше не становится. Здесь можно зарегистрироваться на сайте, в Бизнес Академии, получить доступ к самым различным закрытым и условно бесплатным материалам, тренингам, к профилям членов команды, кейсам учеников. Радует большая красивая инфографика GM.

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

8. МЗС-программа Бизнес Молодости

Еще один длинный лендинг компании, которая стояла у истоков разработки landing page в русскоязычном сегменте Интернет. Сайт продвигает ВИП-программу БМ «Миллион за сто». Здесь очень много дополнительной информации, в том числе и в видеоформате. О новых тренингах и людях, что их проводят, рассказывается во всех подробностях. Используется несколько всплывающих окон для обратной связи.

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

Главные минусы этого одностраничника — неадаптивность и слабая оптимизация.

Читайте также: Landing Page и Бизнес Молодость: шаблоны, техники

Выводы

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

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

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

Высоких вам конверсий!

07-12-2016

lpgenerator.ru

Каждому по Landing Page. Наболевшее / Habr

То ли с подачи Бизнес Молодости, то ли по иным причинам, сейчас только ленивый не предлагает разработку Landing Page. И на то есть причины. Согласно глобальной идее, лендинг – эта такая особая страница, которая технично должна превращать посетителей в лиды со значительно большей вероятностью, чем это умеет делать сайт в привычном понимании.


Сатира на большинство «лендинг пейджей»

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

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

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

Особо находчивые продают пачки шаблонов «эффективных landing page», а кто-то пошел еще дальше и так рынок получил универсальные онлайн-сервисы для самостоятельного «проектирования» landing page.
Все ли так просто, как 1-2-3?

Все больше и больше «специалистов» пытаются нас уверить, что знают как сделать конверсию в 40%, объясняя это магией правильными технологиями убеждения, особой последовательностью изложения и пониманием боли клиента (дословная фраза).

К сожалению, обычно, все это сводится к таймеру конского размера, в период действия которого нам предлагают 20-30-50-100% скидку, сковородку и доставку снегурочкой в бикини.

Из доброй сотни просмотренных лендингов о лендингах, лишь малая часть хоть что-то говорила о непосредственно самих объектах влияния – нас с вами, тех самых таинственных потребителей, которые должны легко и непринужденно оставить свой контакт или выполнить другое желаемое действие.

Помешательство на техниках

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


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

Давайте вспомним о пользователях

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

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

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

Весь секрет кроется в том, чтобы правильно понять целевую аудиторию продукта или услуги и дать соответствующие ответы, которые просто не оставят другого выбора как обрадоваться и нажать вожделенную кнопку конверсии.

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

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

Как «родить» персонаж?

Как и в случае с обычными родами, персонаж является результатом предварительной работы, в нашем случае – исследований.

Сперва необходимо провести серию интервью со всеми ответственными сторонами. Такими сторонами могут быть:

  • директора
  • менеджеры
  • консультанты
  • продавцы
  • итд

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

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

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

Подробные нюансы интервьюирования бизнеса отложим до следующего материала (если такой захотите).

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

Теперь дело за картой эмпатии (Empathy Map). Она необходима для формирования полноценного образа каждого персонажа и выглядит примерно вот так:

Заполнить ее после интервью будет довольно просто и лучше это делать вдвоем.

Формируем потребности

В итоге, в карте эмпатии будут записаны те самые потребности, которые и нужны для создания крутого лендинга. Если проектируется полноценный сайт, то работу следует продолжить, создав карту идеального пути (Customer Journey Map). Но в лендинге ведь одна страница, так что опустим.

Теперь остается только приоритезировать потребности (самые важные закрываем сразу, остальные по ходу) и сопоставить им интерфейсные решения.

Что со всем этим делать?

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

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

Например, проектируя лендинг для сервиса СМС-рассылки мы обнаружили, что ни один из множества конкурентов не предлагает ничего большего, чем просто сервис рассылки. Вместе с тем, из интервью с бизнесом четко прослеживалась необходимость помощи клиентам в обучении правильному СМС-маркетингу. Такое обучение не только повысило бы лояльность клиентов, но и увеличило бы прибыль самого бизнеса за счет более частных рассылок. По этому мы предложили заказчику составить руководство по эффективному СМС-маркетингу и давать его каждому клиенту, пополнившему счет на некую минимальную сумму. Таким образом мы сформировали УТП (уникальное торговое предложение). Далее были спроектированы две версии лендинга. В первой версии руководство транслируется как одна из особенностей сервиса, во второй – как УТП с таймером. По окончании технической реализации мы запустим A/B-тест и определим какой вариант оказался наиболее успешным.

В данном примере применение таймера вполне оправданно, потому что акция не высасывается из пальца, а транслируется предложение имеющее реальную ценность.

Главный инсайд этой статьи – думайте! Перестаньте штамповать шаблонные решения без какой либо аналитики и предварительной работы. Уважайте себя и бизнес клиента.

habr.com

Лендинг пейдж по БМ пошаговый алгоритм и структура

Главная » Blog » Landing page all in one » Каким должен быть лендинг по триггерам бм (Бизнес Молодости)

автор Станислав Цыс

руководитель компании Uni Consulting

 43845

Если Вы читаете эту статью, то есть несколько вариантов почему это происходит:
1. Вы проходите коучинг или интенсив от Бизнес Молодости и вам дали задание на создание лендинга.
2. Недавно, Вы узнали через видео или семинары от БМ о том ,что такое лендинг пейдж.
Как бы там ни было, Вы хотите узнать, что такое лендинг пейдж по БМ.

3. Вам в принципе интересна тема создания посадочных страниц и интересны технологии БМ

Давайте пройдёмся по основным триггерам, которые должны присутствовать на landing page с точки зрения Пети и Миши:

  • Первый разворот экрана – в левом верхнем углу логотип, снизу которого есть так называемый «Дескриптор», слова которые помогают пользователю понять где он находится. Вот пару примеров «Дескрипторов»: оптовая продажа шуб из натурального меха по всей России или продажа туров в Египет в Киеве и т.д.
  • В правом верхнем углу Блок с контактами, а именно: ваши телефоны, кнопка заказать звонок, и опционально карта проезда. Карта проезда — может быть как всплывающее окно, в котором есть яндекс.карты и/или это может быть якорь, который перекидывает вниз на карту.
  • Дальше, большая сочная картинка с визуализацией вашего товара или услуги.
  • Следующие триггеры: Заголовок и подзаголовок и цепляющая акция для Вашей целевой аудитории.

 

бм лендинг пейдж структура по блокам

Дальше в landing page бм идут остальные блоки лендинга:
• Блок компания в цифрах, который должен закрывать возражения ваших клиентов.


  • • Блок с презентацией Ваших товаров или услуг
    • Блок в котором,вы укажите проблемы вашей целевой аудитории (для погружения её в состояние страха)
    • Блок «решения» после проблем Вы плавно предлагаете Ваши решения
    • Отзывы/кейсы/готовые работы
    • Как мы работаем
    • Блок о компании
    • Блок с сертификатами и/или логотипами с которыми вы работаете
    • Футер с контактами – укажите все телефоны которые вы имеете, скайп, почта. Также в футере размещают юр. данные они добавляют доверия.

Важно понимать!

1. После каждого разворота должна быть форма или так называемая точка захвата (кнопка с pop-up окном, форма, призыв и т.д).
2. Последовательность может меняться в зависимости от ниши и предпочтений Вашей целевой аудитории.
3. Если вы будете заниматься рекламой своей посадочной страницы, то было бы не лишним в футере разместить ссылку на политику конфиденциальности.

Что я могу сказать об этом: в принципе это рабочая структура лендинга по БМ можно брать и использовать. Единственное есть пару комментариев.

Первое – всегда думайте головой, эта структура подходит не ко всем бизнесам.
Второе – модель этих разворотов отлично подходит для продажи в формате push, поэтому Вы можете получать не очень чистые заявки со своей посадочной страницы.
Третье – повторюсь, структура рабочая, поэтому если вы находитесь на старте своего бизнеса, то пожалуй с этого стоить начать!

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

Какая структура подойдет для услуги на landing page по БМ?

Рассмотрим структуру лендинга по продаже услуги на примере нашего кейс-стади.

Продажа интенсивного курса по подготовке к экзамену IELTS для украинского предпринимателя.


Разворот 1: Презентационная страница


  • 1. Логотип и подстрочник, телефон и возможность заказать звонок.
  • 2. Главный заголовок, на котором указывается:
  • 2.1. Что мы продаем?
  • 2.2. Где мы это продаем?
  • 2.3. В чем преимущество?
  • 3. Общая информация о курсах, «упакованная» в клипарты

Разворот 2: Видеоприглашение на курсы


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


Разворот 3: Доказательство профессионализма с помощью фактов и цифр


В верхней части разворота мы видим кнопку «Записаться со скидкой». Чуть ниже в легком дизайне показаны цифры и факты, которые убеждают посетителя сайта в том, что обратиться сюда — это рациональный шаг, ведь у преподавателя 16 лет опыта преподавания английского языка, 7 лет работы в качестве эксперта IELTS, более 10 000 часов преподавательской практики и так далее. 


Разворот 4: История


Это что-то вроде текста «О компании». Маркированным списком (так легче воспринимается информация) тут указаны и расписаны все навыки и знания эксперта. Часто в подобных текстах применяются приемы сторителлинга для создания эмоционального отклика у целевой аудитории.


Разворот 5: Отзывы клиентов


Один из самых мощных видов социального доказательства. Более 10 отзывов в видео-формате от клиентов.


Разворот 6: Форма захвата 


У нас есть:

  • 1. Скидка в 900 гривен (порядка 42 долларов).
  • 2. Указание полной стоимости и акционной цены.
  • 3. Счетчик обратного отсчета.
  • 4. Открытая форма захвата.

Разворот 7: Алгоритм работы


На этом развороте показаны и описаны этапы работы. Попутно снимаются все возражения клиента и проясняется то, как будут вестись занятия.


Разворот 8: Процесс сдачи теста и форма захвата


На этом развороте показана информация о том, как сдается тест IELTS и завершается это выгодным УТП и открытой формой захвата. 

Какая структура подойдет для товара

Продажа товара:

Рассмотрим на примере нашего кейса по продаже кровати-трансформера.


Разворот 1,2: Презентация+ключевые преимущества


Обратите внимание на то, что уже в заголовке и подзаголовке мы видим следующую информацию:

  • 1. Продвигаемый товар — кровать
  • 2. Кровать раскладная и инновационная
  • 3. Кровать трансформируется в шкаф
  • 4. Кровать экономит более 4 метров в комнате

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

Мы сразу же «упаковываем» рациональные преимущества продукта.


Разворот 3,4: Презентация+ключевые преимущества


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


Разворот 5,6: Форма захвата+механизм работы+отзывы


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


Разворот 7: Характеристики и цвета изделия


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

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

И, конечно же, футер в конце:

Полный лендинг Вы можете посмотреть здесь: http://test.uni.co.ua/tehnohouse.php

Какая структура подойдет для инфобизнеса?

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


Разворот 1: Презентация


Первый разворот — презентация услуги. Мы видим название мероприятия, его продолжительность, дату начала и цель (начать зарабатывать онлайн). Уже на первом развороте есть вся основная информация, которая позволяет нам сформировать общее представление о событии.


Разворот 2: Видео-презентация


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


Разворот 3: Мотивация


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


Разворот 4: 5 причин, почему клиент еще не достиг успеха


Типичный блок с «болью» и ее усилением. Перед Вами ставятся реальные трудности, 90% которых — повседневные. Каждый сталкивался хотя бы с одной из этих проблем. Далее логически вытекает следующий блок.


Разворот 5: Сторителлинг


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


Разворот 6: Новый виток презентации услуги


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


Разворот 7: Преимущества курсов


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


Разворот 8: Подробно о курсе


Далее следует много разворотов с данными по коучингу. Указана вся основная информация: название темы, общие вопросы, которые будут затронуты, основные цели. Таких разворотов много и они перемежаются отзывами:


Разворот 9: Цены


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

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


Разворот 10: Форма обратной связи


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


Разворот 11: Алгоритм работы


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


Разворот 12: Видео отзывы


Мы уже видели разные видео- и текстовые отзывы. Тут нас дополнительно «добивают» социальным доказательством. В блоке разные видеоролики от предпринимателей, которые продвинулись благодаря этим курсам.


Разворот 13: F.A.Q.


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


Разворот 14: Результаты


Следующий блок — результат. Мотивация продолжается, и на этом развороте клиенту подают реальные результаты, который он добьется. 

Более того, ниже предлагается вернуть деньги, если что-то не сработает.


Разворот 15: Истории успеха


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


Разворот 16: Форма обратной связи, футер


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



Вместо вывода

Мы рассмотрели популярные триггеры и разные структуры лендинг пейдж: и классический лендинг по БМ, и продажу реального товара, и продвижение инфобизнеса. Главное, к чему я Вас призываю — это не идти на поводу у шаблона и создавать уникальный, ценный продукт, который будет нравиться целевой аудитории. Ну и заветное ВДГ — «Всегда думай головой».

Рекомендую к просмотру мою презентацию на тему landing page

P.S. Напишите в комментариях, как выглядит Ваша структура лендинг пейдж и, возможно, Вы получите хороший и полезный совет.

P.P.S Советую так же прочитать Как измерить эффективность landing page или главный показатель?

Видео которое я записал для Вас, на эту тему:

landing.uni.co.ua

14 вдохновляющих примеров товарных лендингов для eCommerce-бизнеса

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

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

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

 

Твитнуть цитату

1. Отзывы пользователей. Важнейший компонент современных сайтов eCommerce.

2. Качественные изображения продукта. Профессиональные фото с высоким разрешением создают сильное впечатление и подают товар в наиболее выгодном свете.

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

4. Видео о продукте. Это может быть лучшим способом презентации продуктов, особенно тех, которые не были представлены на рынке и незнакомы аудитории.

5. Прозрачные условия доставки/возврата. Скрытые расходы на доставку, как известно — одна из главных причин «брошенных корзин».

6. Подробные описания товаров. Просто дайте людям всю необходимую информацию.

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

Итак, начинаем.

1. Fitbit

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

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

2. Sofa.com

Страница выгодно контрастирует со многими другими eCommerce-сервисами по торговле мебелью, часто использующими раздражающе-яркие СТА в стиле «Купить сейчас», или «Беспроцентный кредит».

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

3. Victoria’s Secret

Здесь товарные страницы также хорошо продуманы. Размеры и цвета одежды легко корректировать.

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

4. notonthehighstreet.com

Магазин разнообразных креативных товаров из Великобритании. У товарных страниц сервиса хороший дизайн, со множеством элементов, не конфликтующих между собой.

Здесь и качественные фотографии, и текстовый контент, разбитый на 5 вкладок, и даже довольно объемная форма заказа.

5. B&O

Бренд по продаже техники радует высококачественным дизайном. Товарные страницы B&O — сами по себе высокотехнологичные ресурсы с преобладанием визуального контента. Просмотр таких страниц создает крайне интересный опыт — словом, это надо видеть 😉

6. Modcloth

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

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

7. Glasses Direct

Бренд представляет собой пример «взрывного роста» и взлома рынка, казалось бы, прочно занятого оффлайн-ритейлерами. Но во многом, именно Glasses Direct научили людей покупать очки через интернет в свое время, показав, что это быстро и удобно.

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

8. Betabrand

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

А концепция бизнес-модели доносится новым пользователям на первом окне сайта (см. выше).

9. Nest

Если целью товарной страницы является объяснение потенциальным пользователям новой концепции и утверждение выгод аудитории, то Nest справляется с этим первоклассно.

10. Made.com

Грамотная работа с изображениями и пустым пространством выгодно выделяет визуальный контент и текстовую информацию.

11. Spicely

Бренд, продающий травы, специи, чаи и шоколад ручной работы. О продуктах на сайте написано достаточно много, но главное преимущество ресурса — простота и элегантность дизайна.

12. Indochino

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

13. Airbnb

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

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

14. Sonos

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

Высоких вам конверсий!

По материалам: econsultancy.comImage source: Jaime López 

02-03-2016

lpgenerator.ru

Leave a Reply