74
Лендинг пейдж Оружие массового поражения

Лендинг как оружие массового поражения

  • View
    213

  • Download
    5

Embed Size (px)

Citation preview

Page 1: Лендинг как оружие массового поражения

Лендинг пейджОружие массового поражения

Page 2: Лендинг как оружие массового поражения

1. Как увеличить продажи с помощью мультилендинга

2. С чего стоит начинать разработку лендинга

3. Как построить правильную структуру лендинга

4. Как писать убойные заголовки

5. Как дизайн поможет вам продавать

6. Что такое UX и UI. Проблемы и решения

7. Как увеличить конверсию на лендинге на 300-500%

Что вы узнаете

Кликобилие ©

Page 3: Лендинг как оружие массового поражения

лендинг?Что есть

Кликобилие ©

Page 4: Лендинг как оружие массового поражения

Лендинг это одностраничный сайт,который нацелен на продажу одного конкретного продукта/услуги.

Кликобилие ©

Page 5: Лендинг как оружие массового поражения

Основные элементы:

Продающий оффер

CTA-кнопки

Лид-формы

Кликобилие ©

Page 6: Лендинг как оружие массового поражения

мультилендинг?Что есть

Page 7: Лендинг как оружие массового поражения

Его особенность – это динамическая подстановка

релевантных скроллов в зависимости от

поискового запроса. То есть это своеобразный

конструктор, который может как угодно менять

расположение скроллов для большего удобства

пользователя.

Более сложная модель лендинга – это

мультилендинг.

Кликобилие ©

Page 8: Лендинг как оружие массового поражения

Как это работает?Для примера давайте возьмем пакет услуг Казахтелекома «iD Home VIP».

Кликобилие ©

Page 9: Лендинг как оружие массового поражения

В пакет входят 9 различных услуг: интернет, ТВ, караоке, сериалы и т.д.

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

Кликобилие ©

Page 10: Лендинг как оружие массового поражения

Первоначальный вариант.

Кликобилие ©

Page 11: Лендинг как оружие массового поражения

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

Кликобилие ©

Page 12: Лендинг как оружие массового поражения

РезюмеНа обычном лендинге вы не можете

подставлять разные офферы и вижуалы

в зависимости от запроса пользователя.

Это возможно только на

мультилендинге.

Кликобилие ©

Page 13: Лендинг как оружие массового поражения

КонцепцияЭтап I. Разработка лендинга

Page 14: Лендинг как оружие массового поражения

Процесс разработки лендингаРаботу над продающей страницей условно можно разделить на несколько этапов:

Маркетинговый

анализ

Разработка

концепции/идеи

Создание

прототипа

Написание

продающего текста

Разработка

дизайнаПрограммирование

аудит/тестирование

Кликобилие ©

Page 15: Лендинг как оружие массового поражения

Маркетинговый анализ

Задача маркетингового анализа — определить все

ключевые моменты, необходимые в написании лендинга:

Кликобилие ©

1. Целевая аудитория, ее ожидания, проблемы и

«боль», возражения;

2. Продукт, его характеристики и выгоды для

целевой аудитории;

3. Конкуренты с их продуктами, плюсы и

минусы их продуктов, преимущества

рекламируемого продукта перед ними, УТП

(конкретного продукта или компании).

Page 16: Лендинг как оружие массового поражения

Правильный бриф-фундамент успехаПод понятием «правильный» я имею ввиду не просто

набор шаблонных фраз, аля «надежный, качественный,

10 лет на рынке» и прочую чушь, а конкретные

отличительные черты и плюсы вашего продукта от

продукта конкурентов. То есть то, что позволит

потенциальному клиенту выбрать именно вас, а не

вашего конкурента.

Кликобилие ©

Page 17: Лендинг как оружие массового поражения

Мониторинг конкурентовГугл в помощь!

Кликобилие ©

Page 18: Лендинг как оружие массового поражения

Тело лендинга

Кликобилие ©

Page 19: Лендинг как оружие массового поражения

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

или тела (мокап).

Есть определенный порядок стандартных

элементов, которые выстраивают логическую

цепочку и приводят клиента к совершению

целевого действия.

Кликобилие ©

Page 20: Лендинг как оружие массового поражения

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

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

Проводя анализ продукта и бренда, его

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

создавать цепочку доверия к бренду, описание

истории или же подкрепление с помощью

лицензий, сертификатов и отзывов.

Page 21: Лендинг как оружие массового поражения

Call To ActionКонечно же, не забываем о CTA - элементах. Это

неотъемлемая часть любого лендинга и от их

расположения зависит 50% успеха. После каждого

уникального предложения должна стоять СТА- кнопка.

После прочтения блока, которым заинтересуется клиент,

у нас есть всего несколько секунд, чтобы этот огонек не

пропал, и если он не найдет СТА-кнопку за этот короткий

промежуток времени, можно упустить лид, который

скорее всего найдет альтернативное решение его

проблемы у конкурента.

Кликобилие ©

Page 22: Лендинг как оружие массового поражения

Стиль

При создании структуры мы также обдумываем

основной стиль сайта, который должен отражать род

деятельности клиента. Будет это flat, material, или же

больше лиц и реальных фотографий. Все зависит от

тематики и, конечно же, фирстиля заказчика.

Page 23: Лендинг как оружие массового поражения

Основные элементы лендинга

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

Page 24: Лендинг как оружие массового поражения

УТППервое - это УТП.

Для максимального удобства пользователя

необходимо на первом же скролле наглядно

указать ваше УТП, чтобы ваш клиент понял,

что нашел именно то, что искал.

Кликобилие ©

Page 25: Лендинг как оружие массового поражения

Рассказать о товареДалее желательно рассказать подробнее

о вашем товаре.

Ёмко, эффектно и по делу.

Page 26: Лендинг как оружие массового поражения

ПреимуществаПлавно переходим к преимуществам

и отличиям от конкурентов.

Кликобилие ©

Page 27: Лендинг как оружие массового поражения

Доверие к брендуЗатем стоит повысить доверие клиента к бренду.

Есть множество вариантов, как это сделать.

Можно начать с небольшого брифа компании,

рассказать, кто вы и в чем специализируетесь,

подчеркнуть вашу уникальность на рынке,

ваши качества и т.д.

Я была не просто удивлена а шокирована, это то что нужно мне и моей семье. Доставка

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

“”

Кликобилие ©

Page 28: Лендинг как оружие массового поражения

ПлюшкиПосле подробного описания товара или услуги,

желательно подсластить клиента приятным

бонусом, подарком или выгодным предложением.

Здесь может быть все, что угодно - любая скидка

или подарок всегда приятны, и для малоизвестных

брендов это необходимо, как воздух.

У каждой компании есть то, что они делают

бесплатно, или же это входит в ваш перечень услуг.

Кликобилие ©

Page 29: Лендинг как оружие массового поражения

ЗакрепляемЕсть много вариантов, как максимально повысить

доверие потенциального клиента к бренду, чтобы

привести его к целевому действию:

• отзывы

• бэкграунд компании

• успешные кейсы

• сертификаты

• лицензии и так далее

Кликобилие ©

Page 30: Лендинг как оружие массового поражения

ФутерЗакончить лендинг необходимо футером с

контактными данными и, возможно, картой,

в том случае, если у клиента будет

необходимость приехать к вам в офис.

Если же вы занимаетесь, например, мытьем

окон, клиенту просто незачем знать,

где вы находитесь.

Желательно карту заменить на схему проезда,

так как карта очень сильно грузит сайт.

Кликобилие ©

Page 31: Лендинг как оружие массового поражения

Копирайтинг

Page 32: Лендинг как оружие массового поражения

Основные задачи копирайтераРабота копирайтера над продающей страницей

сводится к решению четырех основных задач:

1. Собрать максимум информации (о товаре,

аудитории, конкурентах и т.д.)

2. Разработать концепцию (продающую идею,

отвечающую на вопросы “Что продаем?”,

“Кому?”, “Как выделяемся и убеждаем?”, «Какие

возражения обрабатываем?», “Какие блоки

используем для донесения информации?” и т.д.)

3. Реализовать концепцию за счет текста для

каждого из блоков.

4. Проанализировать эффективность и внести

корректировки.

Кликобилие ©

Page 33: Лендинг как оружие массового поражения

Сбор информацииСамое главное в копирайтинге – это понимать продукт.

В самом начале проекта необходимо запросить

максимум информации у клиента. Любые презентации,

листовки, буклеты и т.д. В общем,все, из чего вы можете

почерпнуть хоть какую-то полезную информацию. Бриф,

конечно, по умолчанию.

Page 34: Лендинг как оружие массового поражения

SWOT-анализВыявляем все плюсы и минусы продукта,

все преимущества и выгоды для

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

продукт вдоль и поперек.

Кликобилие ©

Page 35: Лендинг как оружие массового поражения

Пишем УТПУТП – уникальное торговое предложение (основа основ любого рекламного сообщения),

которое должно удовлетворять трем условиям:

• Каждое рекламное объявление должно содержать конкретное предложение для

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

• Предложение должно быть таким, какого конкурент либо не может дать, либо просто не

выдвигает. Оно должно быть уникальным. Его уникальность должна быть связана либо с

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

• Предложение должно быть настолько сильным, чтобы оно могло привлечь новых

потребителей

Кликобилие ©

Page 36: Лендинг как оружие массового поражения

Разберем примерыКлиент: ОА “Казахтелеком”

Продукт: тарифный план “Семейное решение”

Задача: формирование спроса на новую услугу и

привлечение абонентов

Семейное решение - это неотключаемая

мобильная связь для всей семьи.

Разработанное УТП:

“Счастье семьи в заботе о каждом”

Кликобилие ©

Page 37: Лендинг как оружие массового поражения

Разберем примерыКлиент: ОА “Казахтелеком”

Продукт: тарифный план “Твой Казахстан”

Задача: формирование спроса на новую услугу и

привлечение абонентов

Твой Казахстан - это бесплатные звонки с

городского по всей стране

Разработанное УТП:

“Заговори всю страну”

Кликобилие ©

Page 38: Лендинг как оружие массового поражения

Определяем ЦАОчень важно понимать, для КОГО вы пишите.

Будет ли это обращение на Вы или на Ты. Будет ли

это профессиональный язык общения или простой

и доходчивый. Копирайтинг без понимания ЦА –

это все равно, что стрельба из пушки по воробьям.

Шуму много, толку ноль.

Кликобилие ©

Page 39: Лендинг как оружие массового поражения

Изучаем инсайтыИнсайт – это истинное и кристально

точное понимание потребителя.

То есть, что им движет, его ожидания и

боль. Только определив все это, можно

разработать по-настоящему

конверсионный лендинг.

Оружие массового поражения.

Кликобилие ©

Page 40: Лендинг как оружие массового поражения

Инсайт помогает разработать хороший продукти сделать рекламу, которая продает товар

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

Инсайт помогает сделать бренд более близким потребителю

Инсайт помогает объяснить потребителю, зачемнужен товар и как его использовать

Закрепляем

Кликобилие ©

Page 41: Лендинг как оружие массового поражения

Оффер!“По статистике, люди читают заголовки в пять

раз чаще, чем основной текст.”

Дэвид Огилви

Работа начинается с оффера. По статистике,

человек определяет полезность материала на

сайте в течение первых 5 секунд. В первую

очередь на его решение влияет заголовок.

Заголовок страницы читают примерно 95%

посетителей, если он смог их заинтересовать,

тогда они переходят к изучению текста, если нет,

то закрывают вкладку с Вашим сайтом.

Написание оффера – самый сложный и самый

важный момент.

cpc.kz/landing

Page 42: Лендинг как оружие массового поражения

Используем формулыНе стоит изобретать велосипед каждый раз,

когда вы делаете лендинги. Рассказываем

вам, как можно быстро и эффективно

составить продающий оффер.

Вариант 1. Выпишите отдельно офферы

ваших конкурентов, выберите из каждого

самое лучшее, правильно скомпонуйте и,

вуаля, ваш продающий оффер готов!

(Привести примеры хороших и плохих

офферов)

Вариант 2. Используйте формулы!

Кликобилие ©

Page 43: Лендинг как оружие массового поражения

Существует более 27 методик по

написанию продающих офферов.

Их задача – экономия вашего

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

Рассмотрим самые популярные:

1. До-после-мост

2. 4U

Кликобилие ©

Page 44: Лендинг как оружие массового поражения

До-После-Мост

До — Вот твой мир.

После — Представь, что было бы, если бы все существующие в твоем мире проблемы были

решены.

Мост — Вот как попасть в мир без проблем.

Пример:

Создание изображений для соцсетей отнимает у вас много времени?

Представьте, что час можно сжать до 15 минут. Вот, как можно это сделать.

Кликобилие ©

Page 45: Лендинг как оружие массового поражения

4U

Useful — полезный.

Urgent — вызывающий у читателя чувство срочности, скоротечности действия оффера.

Unique — уникальность главной выгоды маркетингового предложения.

Ultra-specific — заострите внимание на конкретных особенностях, перечисленных в 3 первых

пунктах.

Кликобилие ©

Page 46: Лендинг как оружие массового поражения

Пример 4U

Давайте создадим заголовок по 4U для маркетингового агентства. Первоначальный вариант:

"Комплексный интернет-маркетинг".

1U (полезность). Увеличение продаж с вашего сайта.

2U (ультра-специфичность). Увеличение продаж с вашего сайта на 200%.

3U (срочность). Увеличение продаж с вашего сайта на 200% за 28 дней.

4U (уникальность). Увеличение продаж с вашего сайта на 200% за 28 дней с помощью

комплексного маркетинга.

Кликобилие ©

Page 47: Лендинг как оружие массового поражения

Призываем к действию (CTA)Знаете ли Вы, что конверсия одной и той же

продающей страницы может отличаться в 5 и более

раз? При одном и том же трафике. Разница

заключается лишь в том, на что лендинг “закрывает”

посетителя.

Допустим, страница продает станки. Эти станки стоят

от 400 тыс до 2 млн. тг. И если продавать их “влоб”, то

конверсия будет очень низкой. В то же время, если

страница “закрывает” на получение коммерческого

предложения или каталога станков, то конверсия

возрастает многократно.

Кликобилие ©

Page 48: Лендинг как оружие массового поражения

Такой подход справедлив для

большинства продающих страниц:

Вызвать бесплатного замерщика

гораздо легче, чем заказать окна ПВХ.

Оставить заявку на бесплатный аудит

проще, чем заказать услугу

продвижения сайта.

Запросить ознакомительный каталог

проще, чем сделать покупку.

Сделать запрос на примерку проще,

чем купить товар “вслепую” и т.д.

Кликобилие ©

Page 49: Лендинг как оружие массового поражения

И напоследок...список самых высококонверсионных фраз:

КАК…

10 Способов, Секретов, Ошибок…

СЕКРЕТЫ Быстрого, Легкого…

Узнайте Как

Внимание!

Наконец-то!

Если вас беспокоит…

Быстрый путь..

Проверенная ФОРМУЛА

ШОКИРУЮЩАЯ ПРАВДА о…

Кликобилие ©

Page 50: Лендинг как оружие массового поражения

Кликобилие ©

ФурузонРахматов

+7 747 243 49 39

Email: [email protected]

Production Team Head

Page 51: Лендинг как оружие массового поражения

Дизайн

Page 52: Лендинг как оружие массового поражения

Каким должен быть дизайн?В этом вопросе у каждого своя правда, но для нашего дела есть

только один правильный ответ - “Дизайн должен работать”.

Многие дизайнеры сейчас вдохновляются из самых

популярных источников, таких как Dribbble, Pinterest, Behance и

т.д. На этих сайтах размещаются самые именитые ребята и

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

невероятными вижуалами и презентацией продуктов

НО!

Эти лендинги не работают!

Кликобилие ©

Page 53: Лендинг как оружие массового поражения

Дизайн должен работать на вас и на ваш продукт

Кликобилие ©

Page 54: Лендинг как оружие массового поражения

С чего начинается рабочий дизайн?

Все начинается с анализа рынка и конкурентов.

В каждый продукт нужно постараться

преподнести что-то новое, что-то, что будет

отличать вас от конкурентов, и, не проделав

анализ, начинать нельзя.

Вероятность того, что вы придумаете что-то

новое, что еще никто не смог реализовать,

равняется нулю. Но это не говорит о том, что вам

нужно делать все под копирку, всегда нужно

преподнести что-то новенькое, или как минимум

комбинировать идеи.

Кликобилие ©

Page 55: Лендинг как оружие массового поражения

Что для России хорошо...Что для России хорошо, европейцы делали 5 лет

назад. Есть такая поговорка.

Перефразировав, можно получить “Что для

Казахстана хорошо, россияне делали 5 лет назад”

Иными словами, мы очень сильно отстаем от

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

квалификации наших дизайнеров, сколько в

пользователях и UX.

Кликобилие ©

Page 56: Лендинг как оружие массового поражения

Пробуйте что-то новоеОчень много новшеств мы не можем

использовать из-за того, что пользователь

просто не поймет, как это работает.

Но нужно пытаться и пробовать

преподносить что-то новое, и заставлять

пользователей привыкать к более

продвинутому дизайну и UX

Page 57: Лендинг как оружие массового поражения

Кейс KAZKOMСвоим дизайном и подачей мы хотели

донести до клиентов банка, что “кредит” -

это ни есть что-то страшное и плохое, а это

способ реализовать свои мечты и желания,

на которые у вас не хватает денег.

И у нас получилось!

Кликобилие ©

Page 58: Лендинг как оружие массового поражения

Не забывайте про фирстильКонечно, не для всех продуктов подходят

такие нестандартные решения. Иногда стоит

придерживаться строго выдержанного стиля,

при присутствии брендбука и фирстиля.

Page 59: Лендинг как оружие массового поражения

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

при помощи правильного ресерча и

подбора вижуалов у вас может получится

очень интересный и рабочий лендинг.

Кликобилие ©

Page 60: Лендинг как оружие массового поражения

Разбираем понятия UX и UI

UX - это то, как человек привык

пользоваться сайтом.

UI - это то,как сайт выглядит.

Кликобилие ©

Page 61: Лендинг как оружие массового поражения

UX для лендингаДля лендинга все гораздо проще, так как мы нацелены на работоспособность, поэтому

стараемся следовать всем правилам простого UX дизайна.

Page 62: Лендинг как оружие массового поражения

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

Page 63: Лендинг как оружие массового поражения

Мобильная версияИ последняя, но самая важная в наше время

вещь - это, конечно же, мобильная версия

вашего лендинга, или адаптивная, если

правильно выражаться.

Сейчас трафик делится на 2 части:

мобильный и декстопный, в соотношении

примерно 50/50.

Где-то больше, где-то меньше, в зависимости

от тематики и вашего продукта. Это значит,

не имея мобильной версии, вы получаете

только 50% ваших потенциальных клиентов.

Page 64: Лендинг как оружие массового поражения

Программирование Не менее важный этап - это верстка макета.

Самое главное - это отслеживать все этапы работы программиста, чтобы все было сделано так,

как задумано и сделано арт-директором и дизайнером.

На этом этапе есть своя отдельная UX часть - это анимация. В какой то период было трендом

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

мобильные версии и приложения, без анимации стало жить невозможно, и новая, а точнее

хорошо забытая старая, анимация возвращается в UX, но в улучшенном варианте. Теперь

анимация не делается безраздумно, она должна ложиться на дизайн и конкретно отвечать на

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

Кликобилие ©

Page 65: Лендинг как оружие массового поражения

ТестированиеЗнаете ли, что конверсию лендинга можно увеличить

на 300-500% при одном и том же трафике?

Таких успехов можно добиться, регулярно проводя

А/Б-тестирование ваших лендингов.

А/Б-тестирование - это метод тестирования

страницы, для которой создается несколько

вариантов с разными тетсируемыми эленментами. На

каждый вариант нагоняется трафик и сравнивается

конверсия.

Page 66: Лендинг как оружие массового поражения

Разберем примеры

Клиент: “Сбербанк”

Продукт: депозиты

Задача: привлечение новых вкладчиков

Мы разработали мультилендинг для разных ЦА,

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

Кликобилие ©

Page 67: Лендинг как оружие массового поражения

В чем же загвоздка?Проанализировав лендинг с помощью Вебвизора, мы обнаружили интересный момент – на

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

на кнопку «Открыть депозит»…

Page 68: Лендинг как оружие массового поражения

Хитрое решениеМы не отказались от калькулятора, однако внесли маленькое изменение…

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

отправив заявку!

РезультатНевероятно, но факт! За короткий период конверсия увеличилась на 580%, благодаря чему мы

благополучно выполнили KPI.

Кликобилие ©

Page 69: Лендинг как оружие массового поражения

Разберем примерыКлиент: “Aydanatour”

Продукт: туры в разные страны

Задача: привлечение клиентов

Иногда все бывает не так сложно,

и достаточно внести маленькие

корректировки, чтобы добиться

хороших результатов.

Яркий тому пример - лендинг

нашего клиента “Aydanatour”

Page 70: Лендинг как оружие массового поражения

ПроблемаПриоритетным направлением для клиента

являлся Египет, но он пользовался очень

маленьким спросом.

РешениеНа направление Египет была добавлена

плашка “Хит”

Дополнительно по вебвизору мы

обнаружили, что пользователей очень

интересует пункт “Туры в рассрочку” и

добавили CTA-кнопку “Подробнее”

Page 71: Лендинг как оружие массового поражения

Результат

Количество посещений увеличилось в 2 раза;

Количество новых посетителей увеличилось в 2 раза;

Количество заявок выросло на 3,64% по сравнению с прошлым периодом.

Кликобилие ©

Page 72: Лендинг как оружие массового поражения

Что мы узнали?1. Как с помощью мультилендинга увеличить продажи

2. Как построить правильное тело лендинга

3. Какие заголовки работают на вас, а какие против

4. Дизайн тоже должен ПРОДАВАТЬ

5. Как тестировать страницы и увеличивать

конверсию

Кликобилие ©

Page 73: Лендинг как оружие массового поражения

Кликобилие ©

ДавидЗакарян

+7 702 354 88 88

Email: [email protected]

Senior Designer

Кликобилие ©

Page 74: Лендинг как оружие массового поражения

Спасибо за внимание!