Рис.3 Карта просмотра страницы в соответствии с F-паттерном

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

3.«Исследователи» — где-то 1/3 ваших посетителей, в зависимости от ниши. Просмотр по схеме «заголовок + пара первых предложений», а затем последняя треть ленда, где должно быть резюме полученной информации. По исследованиям Гутенберга, такие персонажи концентрируют внимание в нижнем правом квадрате — конечном пункте вашего лендинга.

Рис.4 Диаграмма Гутенберга

Как удержать? Не пренебрегайте последней СТА – пропишите четкий и конкретный призыв к действию, продублируйте оффер в «вы-ориентированной» форме, чтобы они гарантированно прокрутили лендинг вверх еще раз.

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

Второе правило

Каждый элемент должен работать на стимулирование конверсии.

1. Четко обозначьте главные элементы.

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

Рис.5 Черно-белое спокойное решение дизайна подчеркивает красную кнопку

2. Не допускайте конкуренцию главных элементов, влияющих на конверсию.

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

Рис.6 Противоречащие друг другу призывы к действию

Посетитель теряется, не знает куда ему нажимать, не знает, что получит, и в итоге совершает отказ.

3. Уберите отвлекающую графику.

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

Рис. 8 «Перегруженное» во всех смыслах предложение

4. Избавьтесь от ссылок на другие ресурсы.

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

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

Третье правило

Контент и дизайн должны усиливать друг друга. Работа с дизайном — это, прежде всего, работа с текстом!

1. Не перегружайте страницу.

Работает правило как и с контрастом: «свободное пространство» лучшего всего фокусирует внимание на контенте.

2. Увеличьте шрифт.

Мелкий шрифт читается ПЛОХО. Вся действительно важная информация должна быть читаема. Не надо пытаться вместить максимальное количество информации в один экран. Если хотите получить ровную верстку — либо сократите объем, либо разбейте текст на абзацы.

3. Чередуйте порядок текстовых блоков слева направо.

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

4. Ошибки и ляпы убивают.

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

Не издевайтесь над собой и над своими пользователями — продумайте сценарий страницы! Конверсия точно будет выше, а вам не придется ставить на а/б тест любой элемент, вызывающий сомнение.

Выводы

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

Упрощенно, сценарий можно представить как порядок следующих действий:

• Генерация (или «продумывание идей»).
• Фильтрация — или стадия критического подхода к идеям. Отбрасываете слабые, оставляете только стоящие. Что хотите видеть в итоге на лендинге?
• Разработка персонажей. Достоинства, недостатки, мысли, желания, боли?
• ВАЖНО! Все как в настоящем сценарии – представьте, кем станет ваш главный персонаж к концу «истории»? Что изменится в его жизни после покупки? Станет ли он счастливым от приобретения? Именно это нужно передать как конечную цель.
• Проработка концепции. Разбираетесь со своим УТП и описываете его одним предложением. Думаете, как будет выстроена подводка к покупке.
• Отбор и сравнение. Выбираете 4-6 главных ваших преимуществ по продукту и сервису. Определяете важные и второстепенные элементы.
• Структура. Накидываете структуру прототипа.
• Контентная часть. Выстраиваете ЛОГИЧЕСКУЮ цепочку взаимосвязанных и работающих друг на друга блоков. Наполняете структуру элементами.
• Копирайтинг. Прописываете тексты для каждого элемента
• Проверка. Все ли блоки на своём месте? Расставлены ли акценты? Что можно выбросить без потерь для общей идеи?
• Проверка 2. Исправляете стилистические и грамматические ошибки.
• Дизайн. Прописываете ТЗ для дизайнера в соответствии с концепцией. Расставляете графические акценты там, где в ТЗ они смысловые.
• «Шлифовка». Вебвизор в помощь. Следите за поведением посетителей на странице. Внимательно смотрите, что можно улучшить, передвинуть, убрать.

Интеллектуальных сценариев для лендингов с высокой конверсией вам!

Создание лендинга (цена на фрилансе)

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

На Юду можно заказать:

• создание лендинг пейдж (стоимость ниже среднерыночной)
• качественную оптимизацию и продвижение готовых лендинг пейдж (цена договорная)
• разработку сайтов любого направления: продающих, визиток, развлекательных (стоимость зависит от сложности заказа – премиум, стандарт, бюджетные услуги)
• web верстку любой сложности
• хорошую техническую поддержу любых web ресурсов
• создание интернет-магазинов и многое другое

При создании пейдж страниц и сайтов, мастера, зарегистрированные на Юду, используют современные графические инструменты: видеоэффекты, фотоколлажи, 3D графику, flash технологии. Посадочные страницы получаются яркими, динамичными, уникальными по своему контенту.

Сроки и стоимость

Если вам необходим качественный и уникальный сайт премиум класса, созданный не по готовому конструктору из сети, а по индивидуально разработанному дизайну, рассчитывайте примерно на месяц работы специалиста. Лендинг создается быстрее – в среднем его сверстают за 7-15 дней.

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

Сколько стоит работа мастера, в каждом конкретном случае рассчитывается индивидуально. Стоимость зависит от:

• сложности веб дизайна
• сроков и других условий разработки и изготовления web страниц
• их количества

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

• создания сайтов на основе конструкторов из сети
• оптимизации готовых посадочных страниц
• верстке одностраничных web ресурсов и так далее

Более дорого стоят такие услуги, как:

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

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

Преимущества заказа на Юду

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

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

• сделать в течение месяца
• изготовить по индивидуальному дизайну
• рассчитать предполагаемое количество пользователей и так далее

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

В профиле мастера можно найти следующую информацию:

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

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

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

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

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

Заказать лендинг пейдж | Разработка от 52 000 руб. и 10 дней

Сайт для клиента — Производство гуминовых препаратов

Разработка лендинга для продажи батончиков FORTEX

Создали сайт для ОФИЦИАЛЬНОГО ДИЛЕРА МОТОЦИКЛОВ BAJAJ

для компании V-energy — продажа франшизы

Прототип, дизайн-макет, верстка css+html — кухни на заказ

Разработка лендинга дляРесторана AVIV

Сделали маркетинговый анализ. Разработали прототип и написали текст. Задизайнили и сверстали.

Новая персона на рынке криптовалюты. Также в рамках проекта нами был разработан логотип.

Третий проект для корпорация ТЕХНОНИКОЛЬ. Так обычно всегда бывает — начав с нами работать, Вы забываете о существовании других студий =))

одностраничного сайта — Получение денег под материнский капитал

«РИТ» — КОМПЛЕКСНОЕ ПРОЕКТИРОВАНИЕ котельных, энергоцентров и газоснабжения

КПК «АЛЬФА СБЕРЕЖЕНИЯ»
г. Москва

Одни из лидеров рынка Санкт-Петербурга в области строительства каркасных домов.

промо страницы для компании icl-services

К нам обратился Газпром за срочной разработкой Лендинга.
А к кому же еще они могли обратиться =))

Второй проект для adidas — это наверное о чем то говорит))
Сверстали сайт, запустили регистрации, сделали брендированную email-рассылку

Корпорация ТЕХНОНИКОЛЬ — ведущий международный производитель надежных и эффективных строительных материалов и систем.

Партнер из Санкт-Петербурга всегда нам дает интересные проекты, как этот.

Об опыте разработки сайтов в сфере ресторанного бизнеса мы писали уже выше.

Не знаем почему, но этот Лендинг нравится почти всем из сферы недвижимости.

ТУРНИР TANGO LEAGUE
adidas, г. Москва

ГАЗПРОМ СТРОЙТЭК САЛАВАТ
г. Москва

ПРОМО-САЙТ LOGICROOF
Технониколь, г. Москва

РАЗРАБОТКА ИНТЕРФЕЙСА ДЛЯ ИНТЕРАКТИВНОГО СТОЛА
АО «Газпром СтройТЭК Салават», г. Москва

КРИПТОВАЛЮТА TL COIN
г. Москва

БЕСПЛАТНЫЙ МАСТЕР-КЛАСС
г. Санкт-Петербург

РЕСТОРАН «СО СВОИМ»
г. Москва

ИНВЕСТИЦИИ В НЕДВИЖИМОСТЬ
г. Санкт-Петербург

РАЗРАБОТКА ДИЗАЙНА БРОШЮРЫ — 30 СТРАНИЦ
Минпромторг России, г. Москва

СТРОИТЕЛЬСТВО ДОМОВ
г. Санкт-Петербург

ПОЛИМЕРНЫЕ МЕМБРАНЫ
Технониколь, г. Москва

Здесь только часть из более чем 100 оригинальных проектов, созданных нами

ИНВЕСТИЦИОННАЯ КОМПАНИЯ
г. Москва

КОРПОРАТИВНЫЙ САЙТ ДЛЯ КОМПАНИИ PRIMATERRA
г. Москва

ПРОФЕССИОНАЛЬНАЯ ОКЛЕЙКА
г. Москва

ДЕКОР МЕРОПРИЯТИЙ
г. Москва

ОФОРМЛЕНИЕ ПЕРЕПЛАНИРОВКИ
г. Москва

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

ПРОЕКТ ADIDAS
г. Москва

ЛЕНДИНГ — ADIDAS X HSE FOOTBALL CLUB
adidas, г. Москва

ОШЕЙНИК ОТ БЛОХ
США

6 рискованных лендинг пейдж концепций

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

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

1. Лендинг в один экран

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

Jive, облачный SaaS-сервис, показывает хороший пример: яркий лендинг с качественным СТА, который сразу бросается в глаза.

Другим хорошим примером реализации подхода «лендинг в один экран» является посадочная страница мобильного переводчика Languages.

На странице размещено фоновое изображение, слайдер с 3 скриншотами, заголовок «Languages. Мгновенный оффлайн переводчик» и призыв к действию (кнопка для покупки приложения в App Store).

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

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

2. Лендинг для сбора подписной базы

Идентична предыдущей концепции, однако СТА кнопка заменяется формой подписки с одним единственным полем.

Mixergy (ресурс с рекомендациями для стартаперов от опытных предпринимателей) является хорошим примером реализации этой стратегии.

Ценность оффера донесена максимально коротко и ясно («Обучайтесь у успешных бизнесменов. Более 1125 интервью в 164 курсах»), а заголовок подписной формы («Подпишитесь и получите топовые интервью») эффективен с точки зрения конверсии.

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

3. Лендинг с длинной лид-формой

Идея проста — страница с лид-формой и коротким описанием оффера.

Нил считает, что страницы с формами скучные и пресные, но все же иногда они работают. Примером здесь может стать Optimizely, один из ведущих CRO-сервисов.

Аналогичный тип лендинга использует компания Salesforce, также лидирующая в CRM-сфере.

Многие крупные B2B-компании, капитализация которых превышает отметку в 1 000 000 000 долларов, используют этот подход к лидогенерации. Однако странным является то, что подписная форма на каждой из них состоит из множества полей — форма Netsuite (облачное решение для менеджмента бизнес-процессов) состоит из 11 полей и 2 чекбоксов!

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

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

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

4. Видео-лендинг

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

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

Рассмотрим несколько примеров:

Mailchimp (ведущий провайдер email-услуг) использует короткое (5 секунд) демо-видео своей платформы, размещенное на привлекательном лендинге, выполненном в стиле рабочего стола.

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

Знаменитая GoPro разместила широкоэкранное HD-видео на продающей странице камеры Hero 4, что помогает клиентам оценить качество съемки и представить, сколько интересных роликов они могут создать с помощью камеры.

5. Лендинг с огромным выбором

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

SaaS-сервис Workday применяет этот подход. Их клиенты из HR используют решение для управления финансами, человеческими ресурсами и для анализа крупных объемов данных. Лендинг дает всю информацию, которая может понадобится потенциальному клиенту.

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

Concur (сервис для менеджмента расходов на путешествия) размещает на лендинге 4 варианта своего приложения, каждое из которых выполняет различные функции.

6. Интерактивный лендинг

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

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

ParkMe (сервис поиска парковочных мест в Лос-Анджелесе) используют для привлечения клиентов поисковое поле с текстом: «Куда вы собираетесь?».

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

Вместо заключения

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

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

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

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

По материалам blog.crazyegg.com, image source technodean2000 

18-06-2015