Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

395 views

Published on

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

Руководитель отдел Production, партнер агентства «Кликобилие»

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

Старший дизайнер агентства «Кликобилие»

Все о landing page:

- Что такое landing page и для чего он нужен

- Стратегия разработки лендинга

- Структура лендинга

- Основы дизайна

- Основы копирайтинга

- Правила определения инсайта

- Верстка

Full Service Digital Agency «Кликобилие»

Сайт: cpc.kz

Email: salem@cpc.kz

Published in: Education
  • Be the first to comment

  • Be the first to like this

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

  1. 1. Лендинг пейдж Оружие массового поражения
  2. 2. 1. Как увеличить продажи с помощью мультилендинга 2. С чего стоит начинать разработку лендинга 3. Как построить правильную структуру лендинга 4. Как писать убойные заголовки 5. Как дизайн поможет вам продавать 6. Что такое UX и UI. Проблемы и решения 7. Как увеличить конверсию на лендинге на 300-500% Что вы узнаете Кликобилие ©
  3. 3. лендинг? Что есть Кликобилие ©
  4. 4. Лендинг это одностраничный сайт, который нацелен на продажу одного конкретного продукта/услуги. Кликобилие ©
  5. 5. Основные элементы: Продающий оффер CTA-кнопки Лид-формы Кликобилие ©
  6. 6. мультилендинг? Что есть
  7. 7. Его особенность – это динамическая подстановка релевантных скроллов в зависимости от поискового запроса. То есть это своеобразный конструктор, который может как угодно менять расположение скроллов для большего удобства пользователя. Более сложная модель лендинга – это мультилендинг. Кликобилие ©
  8. 8. Как это работает? Для примера давайте возьмем пакет услуг Казахтелекома «iD Home VIP». Кликобилие ©
  9. 9. В пакет входят 9 различных услуг: интернет, ТВ, караоке, сериалы и т.д. Этот именно тот случай, когда просто лендингом не обойтись. Нужен мультилендинг. Кликобилие ©
  10. 10. Первоначальный вариант. Кликобилие ©
  11. 11. Мультилендинг позволяет показать пользователю на первом скролле именно то, что он искал. Кликобилие ©
  12. 12. Резюме На обычном лендинге вы не можете подставлять разные офферы и вижуалы в зависимости от запроса пользователя. Это возможно только на мультилендинге. Кликобилие ©
  13. 13. Концепция Этап I. Разработка лендинга
  14. 14. Процесс разработки лендинга Работу над продающей страницей условно можно разделить на несколько этапов: Маркетинговый анализ Разработка концепции/идеи Создание прототипа Написание продающего текста Разработка дизайна Программирование аудит/тестирование Кликобилие ©
  15. 15. Маркетинговый анализ Задача маркетингового анализа — определить все ключевые моменты, необходимые в написании лендинга: Кликобилие © 1. Целевая аудитория, ее ожидания, проблемы и «боль», возражения; 2. Продукт, его характеристики и выгоды для целевой аудитории; 3. Конкуренты с их продуктами, плюсы и минусы их продуктов, преимущества рекламируемого продукта перед ними, УТП (конкретного продукта или компании).
  16. 16. Правильный бриф- фундамент успеха Под понятием «правильный» я имею ввиду не просто набор шаблонных фраз, аля «надежный, качественный, 10 лет на рынке» и прочую чушь, а конкретные отличительные черты и плюсы вашего продукта от продукта конкурентов. То есть то, что позволит потенциальному клиенту выбрать именно вас, а не вашего конкурента. Кликобилие ©
  17. 17. Мониторинг конкурентов Гугл в помощь! Кликобилие ©
  18. 18. Тело лендинга Кликобилие ©
  19. 19. Разработка лендинга начинается с его скелета, или тела (мокап). Есть определенный порядок стандартных элементов, которые выстраивают логическую цепочку и приводят клиента к совершению целевого действия. Кликобилие ©
  20. 20. Структура лендинга Выстраивание последовательности называется блочность или структура лендинга. Проводя анализ продукта и бренда, его представляющего, нужно изначально создавать цепочку доверия к бренду, описание истории или же подкрепление с помощью лицензий, сертификатов и отзывов.
  21. 21. Call To Action Конечно же, не забываем о CTA - элементах. Это неотъемлемая часть любого лендинга и от их расположения зависит 50% успеха. После каждого уникального предложения должна стоять СТА- кнопка. После прочтения блока, которым заинтересуется клиент, у нас есть всего несколько секунд, чтобы этот огонек не пропал, и если он не найдет СТА-кнопку за этот короткий промежуток времени, можно упустить лид, который скорее всего найдет альтернативное решение его проблемы у конкурента. Кликобилие ©
  22. 22. Стиль При создании структуры мы также обдумываем основной стиль сайта, который должен отражать род деятельности клиента. Будет это flat, material, или же больше лиц и реальных фотографий. Все зависит от тематики и, конечно же, фирстиля заказчика.
  23. 23. Основные элементы лендинга для малоизвестных брендов
  24. 24. УТП Первое - это УТП. Для максимального удобства пользователя необходимо на первом же скролле наглядно указать ваше УТП, чтобы ваш клиент понял, что нашел именно то, что искал. Кликобилие ©
  25. 25. Рассказать о товаре Далее желательно рассказать подробнее о вашем товаре. Ёмко, эффектно и по делу.
  26. 26. Преимущества Плавно переходим к преимуществам и отличиям от конкурентов. Кликобилие ©
  27. 27. Доверие к бренду Затем стоит повысить доверие клиента к бренду. Есть множество вариантов, как это сделать. Можно начать с небольшого брифа компании, рассказать, кто вы и в чем специализируетесь, подчеркнуть вашу уникальность на рынке, ваши качества и т.д. Я была не просто удивлена а шокирована, это то что нужно мне и моей семье. Доставка привезла товар в течении дня, мне даже не пришлось искать время на поездку в магазин. Служба доставки все привезла как я заказала. Спасибо вам вы сделали мою жизнь лучше! “ ” Кликобилие ©
  28. 28. Плюшки После подробного описания товара или услуги, желательно подсластить клиента приятным бонусом, подарком или выгодным предложением. Здесь может быть все, что угодно - любая скидка или подарок всегда приятны, и для малоизвестных брендов это необходимо, как воздух. У каждой компании есть то, что они делают бесплатно, или же это входит в ваш перечень услуг. Кликобилие ©
  29. 29. Закрепляем Есть много вариантов, как максимально повысить доверие потенциального клиента к бренду, чтобы привести его к целевому действию: • отзывы • бэкграунд компании • успешные кейсы • сертификаты • лицензии и так далее Кликобилие ©
  30. 30. Футер Закончить лендинг необходимо футером с контактными данными и, возможно, картой, в том случае, если у клиента будет необходимость приехать к вам в офис. Если же вы занимаетесь, например, мытьем окон, клиенту просто незачем знать, где вы находитесь. Желательно карту заменить на схему проезда, так как карта очень сильно грузит сайт. Кликобилие ©
  31. 31. Копирайтинг
  32. 32. Основные задачи копирайтера Работа копирайтера над продающей страницей сводится к решению четырех основных задач: 1. Собрать максимум информации (о товаре, аудитории, конкурентах и т.д.) 2. Разработать концепцию (продающую идею, отвечающую на вопросы “Что продаем?”, “Кому?”, “Как выделяемся и убеждаем?”, «Какие возражения обрабатываем?», “Какие блоки используем для донесения информации?” и т.д.) 3. Реализовать концепцию за счет текста для каждого из блоков. 4. Проанализировать эффективность и внести корректировки. Кликобилие ©
  33. 33. Сбор информации Самое главное в копирайтинге – это понимать продукт. В самом начале проекта необходимо запросить максимум информации у клиента. Любые презентации, листовки, буклеты и т.д. В общем,все, из чего вы можете почерпнуть хоть какую-то полезную информацию. Бриф, конечно, по умолчанию.
  34. 34. SWOT-анализ Выявляем все плюсы и минусы продукта, все преимущества и выгоды для потребителя. Иными словами, изучаем продукт вдоль и поперек. Кликобилие ©
  35. 35. Пишем УТП УТП – уникальное торговое предложение (основа основ любого рекламного сообщения), которое должно удовлетворять трем условиям: • Каждое рекламное объявление должно содержать конкретное предложение для потребителя: купи именно этот товар и получи именно эту специфическую выгоду. • Предложение должно быть таким, какого конкурент либо не может дать, либо просто не выдвигает. Оно должно быть уникальным. Его уникальность должна быть связана либо с спецификой товара, либо с утверждением, которого еще не делали в данной сфере рекламы. • Предложение должно быть настолько сильным, чтобы оно могло привлечь новых потребителей Кликобилие ©
  36. 36. Разберем примеры Клиент: ОА “Казахтелеком” Продукт: тарифный план “Семейное решение” Задача: формирование спроса на новую услугу и привлечение абонентов Семейное решение - это неотключаемая мобильная связь для всей семьи. Разработанное УТП: “Счастье семьи в заботе о каждом” Кликобилие ©
  37. 37. Разберем примеры Клиент: ОА “Казахтелеком” Продукт: тарифный план “Твой Казахстан” Задача: формирование спроса на новую услугу и привлечение абонентов Твой Казахстан - это бесплатные звонки с городского по всей стране Разработанное УТП: “Заговори всю страну” Кликобилие ©
  38. 38. Определяем ЦА Очень важно понимать, для КОГО вы пишите. Будет ли это обращение на Вы или на Ты. Будет ли это профессиональный язык общения или простой и доходчивый. Копирайтинг без понимания ЦА – это все равно, что стрельба из пушки по воробьям. Шуму много, толку ноль. Кликобилие ©
  39. 39. Изучаем инсайты Инсайт – это истинное и кристально точное понимание потребителя. То есть, что им движет, его ожидания и боль. Только определив все это, можно разработать по-настоящему конверсионный лендинг. Оружие массового поражения. Кликобилие ©
  40. 40. Инсайт помогает разработать хороший продукт и сделать рекламу, которая продает товар Инсайт помогает достучаться до потребителя и привлечь его внимание к товару компании Инсайт помогает сделать бренд более близким потребителю Инсайт помогает объяснить потребителю, зачем нужен товар и как его использовать Закрепляем Кликобилие ©
  41. 41. Оффер! “По статистике, люди читают заголовки в пять раз чаще, чем основной текст.” Дэвид Огилви Работа начинается с оффера. По статистике, человек определяет полезность материала на сайте в течение первых 5 секунд. В первую очередь на его решение влияет заголовок. Заголовок страницы читают примерно 95% посетителей, если он смог их заинтересовать, тогда они переходят к изучению текста, если нет, то закрывают вкладку с Вашим сайтом. Написание оффера – самый сложный и самый важный момент. cpc.kz/landing
  42. 42. Используем формулы Не стоит изобретать велосипед каждый раз, когда вы делаете лендинги. Рассказываем вам, как можно быстро и эффективно составить продающий оффер. Вариант 1. Выпишите отдельно офферы ваших конкурентов, выберите из каждого самое лучшее, правильно скомпонуйте и, вуаля, ваш продающий оффер готов! (Привести примеры хороших и плохих офферов) Вариант 2. Используйте формулы! Кликобилие ©
  43. 43. Существует более 27 методик по написанию продающих офферов. Их задача – экономия вашего времени на копирайтинге. Рассмотрим самые популярные: 1. До-после-мост 2. 4U Кликобилие ©
  44. 44. До-После-Мост До — Вот твой мир. После — Представь, что было бы, если бы все существующие в твоем мире проблемы были решены. Мост — Вот как попасть в мир без проблем. Пример: Создание изображений для соцсетей отнимает у вас много времени? Представьте, что час можно сжать до 15 минут. Вот, как можно это сделать. Кликобилие ©
  45. 45. 4U Useful — полезный. Urgent — вызывающий у читателя чувство срочности, скоротечности действия оффера. Unique — уникальность главной выгоды маркетингового предложения. Ultra-specific — заострите внимание на конкретных особенностях, перечисленных в 3 первых пунктах. Кликобилие ©
  46. 46. Пример 4U Давайте создадим заголовок по 4U для маркетингового агентства. Первоначальный вариант: "Комплексный интернет-маркетинг". 1U (полезность). Увеличение продаж с вашего сайта. 2U (ультра-специфичность). Увеличение продаж с вашего сайта на 200%. 3U (срочность). Увеличение продаж с вашего сайта на 200% за 28 дней. 4U (уникальность). Увеличение продаж с вашего сайта на 200% за 28 дней с помощью комплексного маркетинга. Кликобилие ©
  47. 47. Призываем к действию (CTA) Знаете ли Вы, что конверсия одной и той же продающей страницы может отличаться в 5 и более раз? При одном и том же трафике. Разница заключается лишь в том, на что лендинг “закрывает” посетителя. Допустим, страница продает станки. Эти станки стоят от 400 тыс до 2 млн. тг. И если продавать их “влоб”, то конверсия будет очень низкой. В то же время, если страница “закрывает” на получение коммерческого предложения или каталога станков, то конверсия возрастает многократно. Кликобилие ©
  48. 48. Такой подход справедлив для большинства продающих страниц: Вызвать бесплатного замерщика гораздо легче, чем заказать окна ПВХ. Оставить заявку на бесплатный аудит проще, чем заказать услугу продвижения сайта. Запросить ознакомительный каталог проще, чем сделать покупку. Сделать запрос на примерку проще, чем купить товар “вслепую” и т.д. Кликобилие ©
  49. 49. И напоследок... список самых высококонверсионных фраз: КАК… 10 Способов, Секретов, Ошибок… СЕКРЕТЫ Быстрого, Легкого… Узнайте Как Внимание! Наконец-то! Если вас беспокоит… Быстрый путь.. Проверенная ФОРМУЛА ШОКИРУЮЩАЯ ПРАВДА о… Кликобилие ©
  50. 50. Кликобилие © Фурузон Рахматов +7 747 243 49 39 Email: art@cpc.kz Production Team Head
  51. 51. Дизайн
  52. 52. Каким должен быть дизайн? В этом вопросе у каждого своя правда, но для нашего дела есть только один правильный ответ - “Дизайн должен работать”. Многие дизайнеры сейчас вдохновляются из самых популярных источников, таких как Dribbble, Pinterest, Behance и т.д. На этих сайтах размещаются самые именитые ребята и выкладывают свои умопомрачительные работы, с невероятными вижуалами и презентацией продуктов НО! Эти лендинги не работают! Кликобилие ©
  53. 53. Дизайн должен работать на вас и на ваш продукт Кликобилие ©
  54. 54. С чего начинается рабочий дизайн? Все начинается с анализа рынка и конкурентов. В каждый продукт нужно постараться преподнести что-то новое, что-то, что будет отличать вас от конкурентов, и, не проделав анализ, начинать нельзя. Вероятность того, что вы придумаете что-то новое, что еще никто не смог реализовать, равняется нулю. Но это не говорит о том, что вам нужно делать все под копирку, всегда нужно преподнести что-то новенькое, или как минимум комбинировать идеи. Кликобилие ©
  55. 55. Что для России хорошо... Что для России хорошо, европейцы делали 5 лет назад. Есть такая поговорка. Перефразировав, можно получить “Что для Казахстана хорошо, россияне делали 5 лет назад” Иными словами, мы очень сильно отстаем от западных коллег, и здесь проблема не столько в квалификации наших дизайнеров, сколько в пользователях и UX. Кликобилие ©
  56. 56. Пробуйте что-то новое Очень много новшеств мы не можем использовать из-за того, что пользователь просто не поймет, как это работает. Но нужно пытаться и пробовать преподносить что-то новое, и заставлять пользователей привыкать к более продвинутому дизайну и UX
  57. 57. Кейс KAZKOM Своим дизайном и подачей мы хотели донести до клиентов банка, что “кредит” - это ни есть что-то страшное и плохое, а это способ реализовать свои мечты и желания, на которые у вас не хватает денег. И у нас получилось! Кликобилие ©
  58. 58. Не забывайте про фирстиль Конечно, не для всех продуктов подходят такие нестандартные решения. Иногда стоит придерживаться строго выдержанного стиля, при присутствии брендбука и фирстиля.
  59. 59. Добавляйте изюминку Даже придерживаясь строгого фирстиля, при помощи правильного ресерча и подбора вижуалов у вас может получится очень интересный и рабочий лендинг. Кликобилие ©
  60. 60. Разбираем понятия UX и UI UX - это то, как человек привык пользоваться сайтом. UI - это то, как сайт выглядит. Кликобилие ©
  61. 61. UX для лендинга Для лендинга все гораздо проще, так как мы нацелены на работоспособность, поэтому стараемся следовать всем правилам простого UX дизайна.
  62. 62. UI лендинга Что касается UI, мы стараемся следовать брендбукам и фирстилям, придерживаясь единого стиля.
  63. 63. Мобильная версия И последняя, но самая важная в наше время вещь - это, конечно же, мобильная версия вашего лендинга, или адаптивная, если правильно выражаться. Сейчас трафик делится на 2 части: мобильный и декстопный, в соотношении примерно 50/50. Где-то больше, где-то меньше, в зависимости от тематики и вашего продукта. Это значит, не имея мобильной версии, вы получаете только 50% ваших потенциальных клиентов.
  64. 64. Программирование Не менее важный этап - это верстка макета. Самое главное - это отслеживать все этапы работы программиста, чтобы все было сделано так, как задумано и сделано арт-директором и дизайнером. На этом этапе есть своя отдельная UX часть - это анимация. В какой то период было трендом отказываться от анимации, и делать статичные веб-страницы, но когда в дело вступили мобильные версии и приложения, без анимации стало жить невозможно, и новая, а точнее хорошо забытая старая, анимация возвращается в UX, но в улучшенном варианте. Теперь анимация не делается безраздумно, она должна ложиться на дизайн и конкретно отвечать на действия клиента, а не просто дергаться и мигать, когда ей вздумается. Кликобилие ©
  65. 65. Тестирование Знаете ли, что конверсию лендинга можно увеличить на 300-500% при одном и том же трафике? Таких успехов можно добиться, регулярно проводя А/Б-тестирование ваших лендингов. А/Б-тестирование - это метод тестирования страницы, для которой создается несколько вариантов с разными тетсируемыми эленментами. На каждый вариант нагоняется трафик и сравнивается конверсия.
  66. 66. Разберем примеры Клиент: “Сбербанк” Продукт: депозиты Задача: привлечение новых вкладчиков Мы разработали мультилендинг для разных ЦА, однако конверсия оставляла желать лучшего. Кликобилие ©
  67. 67. В чем же загвоздка? Проанализировав лендинг с помощью Вебвизора, мы обнаружили интересный момент – на скролле с депозитным калькулятором посетители активно пользовались бегунками, но не кликали на кнопку «Открыть депозит»…
  68. 68. Хитрое решение Мы не отказались от калькулятора, однако внесли маленькое изменение… Вбив в калькулятор желаемые значения, пользователь мог узнать сумму накоплений только отправив заявку! Результат Невероятно, но факт! За короткий период конверсия увеличилась на 580%, благодаря чему мы благополучно выполнили KPI. Кликобилие ©
  69. 69. Разберем примеры Клиент: “Aydanatour” Продукт: туры в разные страны Задача: привлечение клиентов Иногда все бывает не так сложно, и достаточно внести маленькие корректировки, чтобы добиться хороших результатов. Яркий тому пример - лендинг нашего клиента “Aydanatour”
  70. 70. Проблема Приоритетным направлением для клиента являлся Египет, но он пользовался очень маленьким спросом. Решение На направление Египет была добавлена плашка “Хит” Дополнительно по вебвизору мы обнаружили, что пользователей очень интересует пункт “Туры в рассрочку” и добавили CTA-кнопку “Подробнее”
  71. 71. Результат Количество посещений увеличилось в 2 раза; Количество новых посетителей увеличилось в 2 раза; Количество заявок выросло на 3,64% по сравнению с прошлым периодом. Кликобилие ©
  72. 72. Что мы узнали? 1. Как с помощью мультилендинга увеличить продажи 2. Как построить правильное тело лендинга 3. Какие заголовки работают на вас, а какие против 4. Дизайн тоже должен ПРОДАВАТЬ 5. Как тестировать страницы и увеличивать конверсию Кликобилие ©
  73. 73. Кликобилие © Давид Закарян +7 702 354 88 88 Email: designer@cpc.kz Senior Designer Кликобилие ©
  74. 74. Спасибо за внимание!

×