Фурузон Рахматов
Руководитель отдел Production, партнер агентства «Кликобилие»
Давид Закарян
Старший дизайнер агентства «Кликобилие»
Все о landing page:
- Что такое landing page и для чего он нужен
- Стратегия разработки лендинга
- Структура лендинга
- Основы дизайна
- Основы копирайтинга
- Правила определения инсайта
- Верстка
Full Service Digital Agency «Кликобилие»
Сайт: cpc.kz
Email: salem@cpc.kz
20. Структура лендинга
Выстраивание последовательности
называется блочность или структура лендинга.
Проводя анализ продукта и бренда, его
представляющего, нужно изначально
создавать цепочку доверия к бренду, описание
истории или же подкрепление с помощью
лицензий, сертификатов и отзывов.
22. Стиль
При создании структуры мы также обдумываем
основной стиль сайта, который должен отражать род
деятельности клиента. Будет это flat, material, или же
больше лиц и реальных фотографий. Все зависит от
тематики и, конечно же, фирстиля заказчика.
33. Сбор информации
Самое главное в копирайтинге – это понимать продукт.
В самом начале проекта необходимо запросить
максимум информации у клиента. Любые презентации,
листовки, буклеты и т.д. В общем,все, из чего вы можете
почерпнуть хоть какую-то полезную информацию. Бриф,
конечно, по умолчанию.
41. Оффер!
“По статистике, люди читают заголовки в пять
раз чаще, чем основной текст.”
Дэвид Огилви
Работа начинается с оффера. По статистике,
человек определяет полезность материала на
сайте в течение первых 5 секунд. В первую
очередь на его решение влияет заголовок.
Заголовок страницы читают примерно 95%
посетителей, если он смог их заинтересовать,
тогда они переходят к изучению текста, если нет,
то закрывают вкладку с Вашим сайтом.
Написание оффера – самый сложный и самый
важный момент.
cpc.kz/landing
56. Пробуйте что-то новое
Очень много новшеств мы не можем
использовать из-за того, что пользователь
просто не поймет, как это работает.
Но нужно пытаться и пробовать
преподносить что-то новое, и заставлять
пользователей привыкать к более
продвинутому дизайну и UX
58. Не забывайте про фирстиль
Конечно, не для всех продуктов подходят
такие нестандартные решения. Иногда стоит
придерживаться строго выдержанного стиля,
при присутствии брендбука и фирстиля.
61. UX для лендинга
Для лендинга все гораздо проще, так как мы нацелены на работоспособность, поэтому
стараемся следовать всем правилам простого UX дизайна.
62. UI лендинга
Что касается UI, мы стараемся следовать брендбукам и фирстилям, придерживаясь единого стиля.
63. Мобильная версия
И последняя, но самая важная в наше время
вещь - это, конечно же, мобильная версия
вашего лендинга, или адаптивная, если
правильно выражаться.
Сейчас трафик делится на 2 части:
мобильный и декстопный, в соотношении
примерно 50/50.
Где-то больше, где-то меньше, в зависимости
от тематики и вашего продукта. Это значит,
не имея мобильной версии, вы получаете
только 50% ваших потенциальных клиентов.
65. Тестирование
Знаете ли, что конверсию лендинга можно увеличить
на 300-500% при одном и том же трафике?
Таких успехов можно добиться, регулярно проводя
А/Б-тестирование ваших лендингов.
А/Б-тестирование - это метод тестирования
страницы, для которой создается несколько
вариантов с разными тетсируемыми эленментами. На
каждый вариант нагоняется трафик и сравнивается
конверсия.
67. В чем же загвоздка?
Проанализировав лендинг с помощью Вебвизора, мы обнаружили интересный момент – на
скролле с депозитным калькулятором посетители активно пользовались бегунками, но не кликали
на кнопку «Открыть депозит»…
69. Разберем примеры
Клиент: “Aydanatour”
Продукт: туры в разные страны
Задача: привлечение клиентов
Иногда все бывает не так сложно,
и достаточно внести маленькие
корректировки, чтобы добиться
хороших результатов.
Яркий тому пример - лендинг
нашего клиента “Aydanatour”
70. Проблема
Приоритетным направлением для клиента
являлся Египет, но он пользовался очень
маленьким спросом.
Решение
На направление Египет была добавлена
плашка “Хит”
Дополнительно по вебвизору мы
обнаружили, что пользователей очень
интересует пункт “Туры в рассрочку” и
добавили CTA-кнопку “Подробнее”