View
213
Download
5
Embed Size (px)
Citation preview
Лендинг пейджОружие массового поражения
1. Как увеличить продажи с помощью мультилендинга
2. С чего стоит начинать разработку лендинга
3. Как построить правильную структуру лендинга
4. Как писать убойные заголовки
5. Как дизайн поможет вам продавать
6. Что такое UX и UI. Проблемы и решения
7. Как увеличить конверсию на лендинге на 300-500%
Что вы узнаете
Кликобилие ©
лендинг?Что есть
Кликобилие ©
Лендинг это одностраничный сайт,который нацелен на продажу одного конкретного продукта/услуги.
Кликобилие ©
Основные элементы:
Продающий оффер
CTA-кнопки
Лид-формы
Кликобилие ©
мультилендинг?Что есть
Его особенность – это динамическая подстановка
релевантных скроллов в зависимости от
поискового запроса. То есть это своеобразный
конструктор, который может как угодно менять
расположение скроллов для большего удобства
пользователя.
Более сложная модель лендинга – это
мультилендинг.
Кликобилие ©
Как это работает?Для примера давайте возьмем пакет услуг Казахтелекома «iD Home VIP».
Кликобилие ©
В пакет входят 9 различных услуг: интернет, ТВ, караоке, сериалы и т.д.
Этот именно тот случай, когда просто лендингом не обойтись. Нужен мультилендинг.
Кликобилие ©
Первоначальный вариант.
Кликобилие ©
Мультилендинг позволяет показать пользователю на первом скролле именно то, что он искал.
Кликобилие ©
РезюмеНа обычном лендинге вы не можете
подставлять разные офферы и вижуалы
в зависимости от запроса пользователя.
Это возможно только на
мультилендинге.
Кликобилие ©
КонцепцияЭтап I. Разработка лендинга
Процесс разработки лендингаРаботу над продающей страницей условно можно разделить на несколько этапов:
Маркетинговый
анализ
Разработка
концепции/идеи
Создание
прототипа
Написание
продающего текста
Разработка
дизайнаПрограммирование
аудит/тестирование
Кликобилие ©
Маркетинговый анализ
Задача маркетингового анализа — определить все
ключевые моменты, необходимые в написании лендинга:
Кликобилие ©
1. Целевая аудитория, ее ожидания, проблемы и
«боль», возражения;
2. Продукт, его характеристики и выгоды для
целевой аудитории;
3. Конкуренты с их продуктами, плюсы и
минусы их продуктов, преимущества
рекламируемого продукта перед ними, УТП
(конкретного продукта или компании).
Правильный бриф-фундамент успехаПод понятием «правильный» я имею ввиду не просто
набор шаблонных фраз, аля «надежный, качественный,
10 лет на рынке» и прочую чушь, а конкретные
отличительные черты и плюсы вашего продукта от
продукта конкурентов. То есть то, что позволит
потенциальному клиенту выбрать именно вас, а не
вашего конкурента.
Кликобилие ©
Мониторинг конкурентовГугл в помощь!
Кликобилие ©
Тело лендинга
Кликобилие ©
Разработка лендинга начинается с его скелета,
или тела (мокап).
Есть определенный порядок стандартных
элементов, которые выстраивают логическую
цепочку и приводят клиента к совершению
целевого действия.
Кликобилие ©
Структура лендингаВыстраивание последовательности
называется блочность или структура лендинга.
Проводя анализ продукта и бренда, его
представляющего, нужно изначально
создавать цепочку доверия к бренду, описание
истории или же подкрепление с помощью
лицензий, сертификатов и отзывов.
Call To ActionКонечно же, не забываем о CTA - элементах. Это
неотъемлемая часть любого лендинга и от их
расположения зависит 50% успеха. После каждого
уникального предложения должна стоять СТА- кнопка.
После прочтения блока, которым заинтересуется клиент,
у нас есть всего несколько секунд, чтобы этот огонек не
пропал, и если он не найдет СТА-кнопку за этот короткий
промежуток времени, можно упустить лид, который
скорее всего найдет альтернативное решение его
проблемы у конкурента.
Кликобилие ©
Стиль
При создании структуры мы также обдумываем
основной стиль сайта, который должен отражать род
деятельности клиента. Будет это flat, material, или же
больше лиц и реальных фотографий. Все зависит от
тематики и, конечно же, фирстиля заказчика.
Основные элементы лендинга
для малоизвестных брендов
УТППервое - это УТП.
Для максимального удобства пользователя
необходимо на первом же скролле наглядно
указать ваше УТП, чтобы ваш клиент понял,
что нашел именно то, что искал.
Кликобилие ©
Рассказать о товареДалее желательно рассказать подробнее
о вашем товаре.
Ёмко, эффектно и по делу.
ПреимуществаПлавно переходим к преимуществам
и отличиям от конкурентов.
Кликобилие ©
Доверие к брендуЗатем стоит повысить доверие клиента к бренду.
Есть множество вариантов, как это сделать.
Можно начать с небольшого брифа компании,
рассказать, кто вы и в чем специализируетесь,
подчеркнуть вашу уникальность на рынке,
ваши качества и т.д.
Я была не просто удивлена а шокирована, это то что нужно мне и моей семье. Доставка
привезла товар в течении дня, мне даже не пришлось искать время на поездку в магазин.Служба доставки все привезла как я заказала.Спасибо вам вы сделали мою жизнь лучше!
“”
Кликобилие ©
ПлюшкиПосле подробного описания товара или услуги,
желательно подсластить клиента приятным
бонусом, подарком или выгодным предложением.
Здесь может быть все, что угодно - любая скидка
или подарок всегда приятны, и для малоизвестных
брендов это необходимо, как воздух.
У каждой компании есть то, что они делают
бесплатно, или же это входит в ваш перечень услуг.
Кликобилие ©
ЗакрепляемЕсть много вариантов, как максимально повысить
доверие потенциального клиента к бренду, чтобы
привести его к целевому действию:
• отзывы
• бэкграунд компании
• успешные кейсы
• сертификаты
• лицензии и так далее
Кликобилие ©
ФутерЗакончить лендинг необходимо футером с
контактными данными и, возможно, картой,
в том случае, если у клиента будет
необходимость приехать к вам в офис.
Если же вы занимаетесь, например, мытьем
окон, клиенту просто незачем знать,
где вы находитесь.
Желательно карту заменить на схему проезда,
так как карта очень сильно грузит сайт.
Кликобилие ©
Копирайтинг
Основные задачи копирайтераРабота копирайтера над продающей страницей
сводится к решению четырех основных задач:
1. Собрать максимум информации (о товаре,
аудитории, конкурентах и т.д.)
2. Разработать концепцию (продающую идею,
отвечающую на вопросы “Что продаем?”,
“Кому?”, “Как выделяемся и убеждаем?”, «Какие
возражения обрабатываем?», “Какие блоки
используем для донесения информации?” и т.д.)
3. Реализовать концепцию за счет текста для
каждого из блоков.
4. Проанализировать эффективность и внести
корректировки.
Кликобилие ©
Сбор информацииСамое главное в копирайтинге – это понимать продукт.
В самом начале проекта необходимо запросить
максимум информации у клиента. Любые презентации,
листовки, буклеты и т.д. В общем,все, из чего вы можете
почерпнуть хоть какую-то полезную информацию. Бриф,
конечно, по умолчанию.
SWOT-анализВыявляем все плюсы и минусы продукта,
все преимущества и выгоды для
потребителя. Иными словами, изучаем
продукт вдоль и поперек.
Кликобилие ©
Пишем УТПУТП – уникальное торговое предложение (основа основ любого рекламного сообщения),
которое должно удовлетворять трем условиям:
• Каждое рекламное объявление должно содержать конкретное предложение для
потребителя: купи именно этот товар и получи именно эту специфическую выгоду.
• Предложение должно быть таким, какого конкурент либо не может дать, либо просто не
выдвигает. Оно должно быть уникальным. Его уникальность должна быть связана либо с
спецификой товара, либо с утверждением, которого еще не делали в данной сфере рекламы.
• Предложение должно быть настолько сильным, чтобы оно могло привлечь новых
потребителей
Кликобилие ©
Разберем примерыКлиент: ОА “Казахтелеком”
Продукт: тарифный план “Семейное решение”
Задача: формирование спроса на новую услугу и
привлечение абонентов
Семейное решение - это неотключаемая
мобильная связь для всей семьи.
Разработанное УТП:
“Счастье семьи в заботе о каждом”
Кликобилие ©
Разберем примерыКлиент: ОА “Казахтелеком”
Продукт: тарифный план “Твой Казахстан”
Задача: формирование спроса на новую услугу и
привлечение абонентов
Твой Казахстан - это бесплатные звонки с
городского по всей стране
Разработанное УТП:
“Заговори всю страну”
Кликобилие ©
Определяем ЦАОчень важно понимать, для КОГО вы пишите.
Будет ли это обращение на Вы или на Ты. Будет ли
это профессиональный язык общения или простой
и доходчивый. Копирайтинг без понимания ЦА –
это все равно, что стрельба из пушки по воробьям.
Шуму много, толку ноль.
Кликобилие ©
Изучаем инсайтыИнсайт – это истинное и кристально
точное понимание потребителя.
То есть, что им движет, его ожидания и
боль. Только определив все это, можно
разработать по-настоящему
конверсионный лендинг.
Оружие массового поражения.
Кликобилие ©
Инсайт помогает разработать хороший продукти сделать рекламу, которая продает товар
Инсайт помогает достучаться до потребителяи привлечь его внимание к товару компании
Инсайт помогает сделать бренд более близким потребителю
Инсайт помогает объяснить потребителю, зачемнужен товар и как его использовать
Закрепляем
Кликобилие ©
Оффер!“По статистике, люди читают заголовки в пять
раз чаще, чем основной текст.”
Дэвид Огилви
Работа начинается с оффера. По статистике,
человек определяет полезность материала на
сайте в течение первых 5 секунд. В первую
очередь на его решение влияет заголовок.
Заголовок страницы читают примерно 95%
посетителей, если он смог их заинтересовать,
тогда они переходят к изучению текста, если нет,
то закрывают вкладку с Вашим сайтом.
Написание оффера – самый сложный и самый
важный момент.
cpc.kz/landing
Используем формулыНе стоит изобретать велосипед каждый раз,
когда вы делаете лендинги. Рассказываем
вам, как можно быстро и эффективно
составить продающий оффер.
Вариант 1. Выпишите отдельно офферы
ваших конкурентов, выберите из каждого
самое лучшее, правильно скомпонуйте и,
вуаля, ваш продающий оффер готов!
(Привести примеры хороших и плохих
офферов)
Вариант 2. Используйте формулы!
Кликобилие ©
Существует более 27 методик по
написанию продающих офферов.
Их задача – экономия вашего
времени на копирайтинге.
Рассмотрим самые популярные:
1. До-после-мост
2. 4U
Кликобилие ©
До-После-Мост
До — Вот твой мир.
После — Представь, что было бы, если бы все существующие в твоем мире проблемы были
решены.
Мост — Вот как попасть в мир без проблем.
Пример:
Создание изображений для соцсетей отнимает у вас много времени?
Представьте, что час можно сжать до 15 минут. Вот, как можно это сделать.
Кликобилие ©
4U
Useful — полезный.
Urgent — вызывающий у читателя чувство срочности, скоротечности действия оффера.
Unique — уникальность главной выгоды маркетингового предложения.
Ultra-specific — заострите внимание на конкретных особенностях, перечисленных в 3 первых
пунктах.
Кликобилие ©
Пример 4U
Давайте создадим заголовок по 4U для маркетингового агентства. Первоначальный вариант:
"Комплексный интернет-маркетинг".
1U (полезность). Увеличение продаж с вашего сайта.
2U (ультра-специфичность). Увеличение продаж с вашего сайта на 200%.
3U (срочность). Увеличение продаж с вашего сайта на 200% за 28 дней.
4U (уникальность). Увеличение продаж с вашего сайта на 200% за 28 дней с помощью
комплексного маркетинга.
Кликобилие ©
Призываем к действию (CTA)Знаете ли Вы, что конверсия одной и той же
продающей страницы может отличаться в 5 и более
раз? При одном и том же трафике. Разница
заключается лишь в том, на что лендинг “закрывает”
посетителя.
Допустим, страница продает станки. Эти станки стоят
от 400 тыс до 2 млн. тг. И если продавать их “влоб”, то
конверсия будет очень низкой. В то же время, если
страница “закрывает” на получение коммерческого
предложения или каталога станков, то конверсия
возрастает многократно.
Кликобилие ©
Такой подход справедлив для
большинства продающих страниц:
Вызвать бесплатного замерщика
гораздо легче, чем заказать окна ПВХ.
Оставить заявку на бесплатный аудит
проще, чем заказать услугу
продвижения сайта.
Запросить ознакомительный каталог
проще, чем сделать покупку.
Сделать запрос на примерку проще,
чем купить товар “вслепую” и т.д.
Кликобилие ©
И напоследок...список самых высококонверсионных фраз:
КАК…
10 Способов, Секретов, Ошибок…
СЕКРЕТЫ Быстрого, Легкого…
Узнайте Как
Внимание!
Наконец-то!
Если вас беспокоит…
Быстрый путь..
Проверенная ФОРМУЛА
ШОКИРУЮЩАЯ ПРАВДА о…
Кликобилие ©
Дизайн
Каким должен быть дизайн?В этом вопросе у каждого своя правда, но для нашего дела есть
только один правильный ответ - “Дизайн должен работать”.
Многие дизайнеры сейчас вдохновляются из самых
популярных источников, таких как Dribbble, Pinterest, Behance и
т.д. На этих сайтах размещаются самые именитые ребята и
выкладывают свои умопомрачительные работы, с
невероятными вижуалами и презентацией продуктов
НО!
Эти лендинги не работают!
Кликобилие ©
Дизайн должен работать на вас и на ваш продукт
Кликобилие ©
С чего начинается рабочий дизайн?
Все начинается с анализа рынка и конкурентов.
В каждый продукт нужно постараться
преподнести что-то новое, что-то, что будет
отличать вас от конкурентов, и, не проделав
анализ, начинать нельзя.
Вероятность того, что вы придумаете что-то
новое, что еще никто не смог реализовать,
равняется нулю. Но это не говорит о том, что вам
нужно делать все под копирку, всегда нужно
преподнести что-то новенькое, или как минимум
комбинировать идеи.
Кликобилие ©
Что для России хорошо...Что для России хорошо, европейцы делали 5 лет
назад. Есть такая поговорка.
Перефразировав, можно получить “Что для
Казахстана хорошо, россияне делали 5 лет назад”
Иными словами, мы очень сильно отстаем от
западных коллег, и здесь проблема не столько в
квалификации наших дизайнеров, сколько в
пользователях и UX.
Кликобилие ©
Пробуйте что-то новоеОчень много новшеств мы не можем
использовать из-за того, что пользователь
просто не поймет, как это работает.
Но нужно пытаться и пробовать
преподносить что-то новое, и заставлять
пользователей привыкать к более
продвинутому дизайну и UX
Кейс KAZKOMСвоим дизайном и подачей мы хотели
донести до клиентов банка, что “кредит” -
это ни есть что-то страшное и плохое, а это
способ реализовать свои мечты и желания,
на которые у вас не хватает денег.
И у нас получилось!
Кликобилие ©
Не забывайте про фирстильКонечно, не для всех продуктов подходят
такие нестандартные решения. Иногда стоит
придерживаться строго выдержанного стиля,
при присутствии брендбука и фирстиля.
Добавляйте изюминкуДаже придерживаясь строгого фирстиля,
при помощи правильного ресерча и
подбора вижуалов у вас может получится
очень интересный и рабочий лендинг.
Кликобилие ©
Разбираем понятия UX и UI
UX - это то, как человек привык
пользоваться сайтом.
UI - это то,как сайт выглядит.
Кликобилие ©
UX для лендингаДля лендинга все гораздо проще, так как мы нацелены на работоспособность, поэтому
стараемся следовать всем правилам простого UX дизайна.
UI лендингаЧто касается UI, мы стараемся следовать брендбукам и фирстилям, придерживаясь единого стиля.
Мобильная версияИ последняя, но самая важная в наше время
вещь - это, конечно же, мобильная версия
вашего лендинга, или адаптивная, если
правильно выражаться.
Сейчас трафик делится на 2 части:
мобильный и декстопный, в соотношении
примерно 50/50.
Где-то больше, где-то меньше, в зависимости
от тематики и вашего продукта. Это значит,
не имея мобильной версии, вы получаете
только 50% ваших потенциальных клиентов.
Программирование Не менее важный этап - это верстка макета.
Самое главное - это отслеживать все этапы работы программиста, чтобы все было сделано так,
как задумано и сделано арт-директором и дизайнером.
На этом этапе есть своя отдельная UX часть - это анимация. В какой то период было трендом
отказываться от анимации, и делать статичные веб-страницы, но когда в дело вступили
мобильные версии и приложения, без анимации стало жить невозможно, и новая, а точнее
хорошо забытая старая, анимация возвращается в UX, но в улучшенном варианте. Теперь
анимация не делается безраздумно, она должна ложиться на дизайн и конкретно отвечать на
действия клиента, а не просто дергаться и мигать, когда ей вздумается.
Кликобилие ©
ТестированиеЗнаете ли, что конверсию лендинга можно увеличить
на 300-500% при одном и том же трафике?
Таких успехов можно добиться, регулярно проводя
А/Б-тестирование ваших лендингов.
А/Б-тестирование - это метод тестирования
страницы, для которой создается несколько
вариантов с разными тетсируемыми эленментами. На
каждый вариант нагоняется трафик и сравнивается
конверсия.
Разберем примеры
Клиент: “Сбербанк”
Продукт: депозиты
Задача: привлечение новых вкладчиков
Мы разработали мультилендинг для разных ЦА,
однако конверсия оставляла желать лучшего.
Кликобилие ©
В чем же загвоздка?Проанализировав лендинг с помощью Вебвизора, мы обнаружили интересный момент – на
скролле с депозитным калькулятором посетители активно пользовались бегунками, но не кликали
на кнопку «Открыть депозит»…
Хитрое решениеМы не отказались от калькулятора, однако внесли маленькое изменение…
Вбив в калькулятор желаемые значения, пользователь мог узнать сумму накоплений только
отправив заявку!
РезультатНевероятно, но факт! За короткий период конверсия увеличилась на 580%, благодаря чему мы
благополучно выполнили KPI.
Кликобилие ©
Разберем примерыКлиент: “Aydanatour”
Продукт: туры в разные страны
Задача: привлечение клиентов
Иногда все бывает не так сложно,
и достаточно внести маленькие
корректировки, чтобы добиться
хороших результатов.
Яркий тому пример - лендинг
нашего клиента “Aydanatour”
ПроблемаПриоритетным направлением для клиента
являлся Египет, но он пользовался очень
маленьким спросом.
РешениеНа направление Египет была добавлена
плашка “Хит”
Дополнительно по вебвизору мы
обнаружили, что пользователей очень
интересует пункт “Туры в рассрочку” и
добавили CTA-кнопку “Подробнее”
Результат
Количество посещений увеличилось в 2 раза;
Количество новых посетителей увеличилось в 2 раза;
Количество заявок выросло на 3,64% по сравнению с прошлым периодом.
Кликобилие ©
Что мы узнали?1. Как с помощью мультилендинга увеличить продажи
2. Как построить правильное тело лендинга
3. Какие заголовки работают на вас, а какие против
4. Дизайн тоже должен ПРОДАВАТЬ
5. Как тестировать страницы и увеличивать
конверсию
Кликобилие ©
Спасибо за внимание!