Дизайн этой страницы уникален, полностью пропитан индивидуальностью бренда и не похож на другие.
Особенность этого дизайна в том, что все элементы на виду, но в тоже время очень аккуратно расположены. Также внимание привлекает простое, но красивое слайдшоу.
Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.
Отличный пример демонстрации продуктов компании. Каждый месяц компания обновляет список товаров, показываемых на странице.
Понять, что продается на сайте, — не проблема благодаря отлично структурированному контенту, красивым слайдам и крупному шрифту ценников.
Наиболее успешные страницы, посвященные продаже товаров, обязательно содержат понятные и легкие для восприятия примеры продукции.
Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.
На странице удачно отображены разные разделы. Для более подробной информации достаточно кликнуть на понравившееся изображение.
Дизайн не перегружен лишними элементами, сразу можно посмотреть все характеристики и цены товара.
Развлекательные сайты
Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.
Дизайн страницы очень хорошо продуман, он завораживает и буквально гипнотизирует. Отличное сочетание цветов и форм.
Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.
В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.
Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.
Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.
Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.
Отличный пример «плиточного» дизайна, который позволяет стильно расположить большое количество блоков с контентом.
Визуальная составляющая этого сайта потрясающая. Яркие образы мгновенно захватывают внимание пользователей.
Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.
В этом дизайне использованы природные оттенки, отлично сочетающиеся с главными вопросами, поднятыми на сайте.
Лендинги-портфолио
На этой странице главенствующая роль вновь отведена изображениям, которые буквально оживают при наведении мыши.
В этом примере очень интересное сочетание цветов. Более того, на странице у всех элементов использована одинаковая структура фонов, под дерево.
Здесь очень удачно использован «олдскульный» стиль, дизайн каждого элемента продуман до мелочей и уникален. Благодаря бесконечному скроллингу на этом сайте наслаждаться такой красотой можно долго.
Понятный и продуманный дизайн помогает странице наиболее эффективно донести главную информацию до посетителей. Цветовая схема соответствует бренду и показывает стиль дизайнера в деле.
Страница представляет собой превосходную презентацию. Каждый баннер посвящен отдельному проекту.
Пример необычного плиточного дизайна.
На это странице главную роль играет типографика. Применение различных шрифтов помогает в передаче идей.
Дизайн лаконичен и краток. На странице мы можем увидеть все необходимое: и портфолио, и ссылки на другие разделы.
Иконки и ничего лишнего. Хороший пример минималистичного дизайна.
Страница-портфолио отображает самое главное — примеры работ.
Розничная торговля
На странице представлено множество фотографий пользователей, которые с помощью скролла и наведения можно легко листать.
Большие яркие фотографии товара компании так и вызывают желание выпить баночку холодного пива.
Ничто не отвлекает посетителя от созерцания прекраснейших часов.
Изюминка этого сайта — слайдшоу в верхней части страницы, на которой продемонстрированы аппетитные кулинарные шедевры.
Шрифт и графика отлично сочетаются, создавая единое восприятие сайта. Пунктов меню всего три, и их невозможно не заметить.
Элегантный стиль, качественные изображения, прекрасная презентация. От главных элементов ничего не отвлекает.
Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.
Несмотря на то, что эта страница по высоте вписывается в один экран, на ней присутствует много интересных интерактивных элементов и необычных деталей.
Дизайн страницы полностью отражает стиль бренда: цвета, шрифты, картинки сразу ассоциируются именно с этой компанией.
Дизайн выполнен в спокойных светлых тонах, такое цветовое решение идеально подходит предлагаемому продукту.
Этот сайт похож на книгу, захватывающую ваше внимание необычным сюжетом и иллюстрациями.
Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.
Первое впечатление в интернете так же важно, как и в реальной жизни. Поскольку мы даем пользователям много вариантов выбора, то их внимание, проходя сквозь плохо проработанные лендинги, только убывает.
Согласно совместному исследованию Google и Базельского университета (University of Basel), пользователи оценивают эстетическую привлекательность и воспринимаемую функциональность сайта примерно за 1/20-1/50 долю секунды. Это меньше, чем нужно на щелчок пальцами. И за это время посетитель решает, дать вам шанс или уйти к конкурентам.
Так что же владельцам бизнеса предпринять, чтобы выделиться из толпы соперников? Мы обсудили этот вопрос с тремя лучшими разработчиками лендинг пейдж, чтобы понять психологию, стратегию и секреты создания красивого и высоко конверсионного дизайна посадочных страниц.
Лендинг пейдж должна преследовать одну цель (да, только одну)
«Лучшие посадочные страницы просты и сфокусированы на одной цели», объясняет Шар Биггерс (Shar Biggers), основатель нью-йоркской дизайн-студии PROVOKE, работавшей над проектами для Хиллари Клинтон (Hillary Clinton), Sephora, Squarespace и Clinique.
Прежде, чем начать работу над текстом или дизайном, сформулируйте цель лендинга.
«Это звучит просто, но часто существуют элементы, о которых клиент не задумывался», объясняет Симон Смит (Simone Smyth), основатель дублинской студии HyperBrow Studio.
«Вы стремитесь повысить конверсию в продажи, получить данные пользователей, укрепить бренд или достигнуть всего вышеперечисленного? Тогда подойдите к каждой цели отдельно, с точки зрения дизайна и девелопмента».
«Иерархия лендинга определяет его успех. Поэтому важно определиться с конечной целью страницы при ее разработке».
Разные цели — разные страницы.
Основная цель направит процесс разработки и гарантирует, что после запуска вы сразу оцените эффективность лендинга.
В редакторе посадочных страниц LPgenerator вы можете выстроить иерархию лендинга из готовых структурных блоков. Они разделены по категориям: «Шапка», «Выгоды», «Этапы работы», «Лид-форма», «Футер» и пр. Вот как выглядит наш конструктор секций:
Запишите все, что знаете о клиентах
Итак, разрабатывая посадочную страницу, сперва необходимо задуматься об ее цели. А во-вторых? Понять аудиторию.
Поставьте себя на место клиентов и подумайте, чего они хотят от страницы? Зачем им оставаться и совершать целевое действие? Чем больше вы знаете об аудитории, тем вероятнее дизайнер создаст нечто, релевантное ей.
«Для начала я знакомлюсь с бизнесом клиентов, их отраслью и тем, что делают их конкуренты», объясняет Шар.
«Я объясняю им их же бизнес-процессы, их клиентов и цели конверсии/продаж, а также преимущества их бренда. Независимо от потребностей, эта информация всегда релевантна проекту».
Шар разработал конкретные дизайн-решения для нового лендинга Everwise — службы знакомств для менторов. Дизайн Шара сфокусирован на социальном доказательстве (кто использует услугу) и успехе клиентов (96% верных соответствий). Это мотивирует на регистрацию и получение дополнительной информации.
Часто посадочные страницы уникальны для определенного сегмента аудитории или конкретных клиентов. Это означает, что вы уже должны знать о них достаточно, чтобы дать дизайнеру четкое представление о том, на кого нацелены лендинги.
Выделяйтесь дизайном
Выше упоминалось, что у вас есть считанные миллисекунды, чтобы привлечь внимание пользователя. Даже самый профессиональный текст не будет прочитан за это время. Остается уповать на дизайн.
Хармут Эсслинген (Harmut Esslingen), немецкий дизайнер, который помог сформировать образ продуктов Apple в 80-х годах, придерживался руководящего принципа, согласно которому «форма следует за эмоциями».
При первом посещении сайта вы оцениваете его из определенных дизайн-паттернов. Рассчитываете увидеть панель навигации сверху или сбоку, или выпадающее меню в верхнем правом углу на сайте eCommerce. Если ресурс не соответствует этим ожиданиям, нашему мозгу сложнее считывать информацию с него и мы автоматически воспринимаем его как неудобный.
Однако, если речь идет о лендинге с одной четко определенной целью, следование стандартам дизайна может повлечь неприятные последствия.
«Многие наши клиенты или стартапы, и главная их забота заключалась в том, чтобы все сделать правильно. Но “правильно” для них — то, что принято считать обычным и правильном в их среде», объясняет Симон Смит.
«Думаю, у каждого есть заданное представление о том, как выглядит посадочная страница, но это представление не обязательно верное».
«Мы — цифровое креативное агентство. Мы сфокусированы на дизайне, консалтинге и технологиях». Увы, но лендинг слишком пространный. Он не привлечет внимания пользователей
«Дизайн имеет решающее значение в конкурентной гонке. Вы можете вырваться вперед с помощью иллюстраций, видео или типографики — единых формул нет».
«По моему мнению, ни один элемент не должен быть шаблонным. Потому что каждый бизнес индивидуален, и, что важнее, каждая аудитория индивидуальна. Apple не подойдет та же формула, что и маленькой кофейне» .
«Чистота и минимализм, как правило, лучший выбор, но часто мы недооцениваем остальные инновационные возможности», добавляет Шар.
«Все это актуально не только для основного сайта, но и для лендингов, баннеров, всплывающих окон и прочих инструментов цифровой рекламы. Моя любимая страница захвата email — от бренда Lenny».
Настроить дизайн лендинга можно в редакторе посадочных страниц LPgenerator. Так выглядит наша панель виджетов:
А это — панель инструментов редактирования лендинга.
Фокусируйтесь на пользовательском опыте, чтобы превратить посетителей в клиентов
Захватили внимание пользователя и убедили его остаться? Теперь начинается настоящая работа.
«При разработке выдающихся посадочных страниц, мы пытаемся минимизировать пользовательский дискомфорт. Для этого мы задаемся вопросами: “Улучшает ли это опыт?” и “Повышает ли это ценность бренда?”», объясняет Йеспер Бальцер (Jesper Balzer), управляющий директор ajukreizi, агентства в Копенгагене, работающего с такими клиентами, как Universal Music и Roskilde Festival.
Когда Йеспер с командой были привлечены Foodscene для создания лендинга своего сложного кулинарного приложения, было решено укрепить эмоциональный посыл бренда через полноэкранное видео — чтобы мотивировать пользователей на загрузку приложения.
В результате, треть посетителей лендинга начала конвертироваться в платежеспособных клиентов.
Аналогично, когда Симона попросили создать посадочную страницу для Научной галереи Дублина (Science Gallery Dublin), заказчики не сформировали четкого «запроса», кроме привлечения посетителей. Поэтому разработчики сосредоточились на создании уникального пользовательского интерфейса.
«Кому-то это покажется странным, но дублинская галерея знала свою аудиторию. Эти люди молоды, любопытны и считают, что отличаются от сверстников. Таким образом, задачей стало создание лендинга, резонирующего с этой конкретной аудиторией».
«Наша работа, как дизайнеров и девелоперов, заключалась в разработке лендинга, который станет воротами микросайта выставки. Если работа будет сделана хорошо, пользователь вовлечется в лендинг и захочет продолжить опыт на сайте, исследуя выставку онлайн перед посещением галереи в реальности».
Выше — два варианта макета. В обоих случаях дизайнер создал страницу, расширяющую возможности уже заинтересованных клиентов.
Для Шар использование сильных сторон бренда (связанные с ним эмоции и пр.) — основной компонент успеха лендинга.
«Брендинг на сегодняшний день — самая важная SEO-стратегия, включающая хорошо написанную историю и высококлассный визуальный опыт, релевантный всем цифровым платформам. Связи бренда с историей поиска и запросами людей напрямую влияют на то, кто увидит его контент и посадочные страницы».
Создавать. Измерять. Учиться. Повторять.
Успешный лендинг — живой организм. Не получится создать его и забыть, надеясь, что он сам выполнит поставленные цели. Измерение и изучение данных — путь к извлечению максимальных выгод из вашей кампании. И хотя вы уже знаете, что ключевая метрика успеха основана на первом пункте статьи (один лендинг — одна цель), можете отслеживать и другие показатели, чтобы понять, помогает или препятствует дизайн целевому действию.
«Важнейшая дизайн-метрика — это сравнительный показатель отказов на десктопных и мобильных устройствах. Если вы обнаружите, что пользователи оставляют мобильные лендинги быстрее, чем десктопные, то вероятно, у вашей мобильной версии проблемы с UX», объясняет Шар.
«Если у вашего лендинга низкая конверсия, причин может быть множество. Но скорее всего, вы не даете пользователям нужную информацию или не выделяете ценность. Иногда ошибки кроются в мелочах: например, слишком длинная форма захвата или чересчур много информации на лендинге».
Подведем итог. Хороший дизайн лендинга состоит из пяти аспектов:
- Понимание важнейшей цели страницы;
- Понимание идеального клиента;
- Уникальный дизайн, привлекающий внимание;
- Восхитительный опыт, побуждающий на конверсию;
- Возможность отслеживать и измерять действия пользователей.
Помните, что посадочные страницы не стоит создавать по шаблонам. Каждая из них должна балансировать между целями бизнеса и потребностями аудитории.
При создании лендингов я перестал себя чувствовать как на минном поле. Точная система, бьющая прямо в цель! - так могу сказать про то, что вы даете.
Реализовал для своих друзей-партнеров-заказчиков лендинг на строительство домов и коттеджей. Заявки пошли. У меня сорвало башню, я не был уверен, что смогу реализовать тему, где средний чек от 2 000 000 рублей… Получилось! Теперь докрутки, тестирование, повышение конверсии… В общем, совершенству нет предела.
Ребята, за такой курс не жалко и миллиона. Идите.
«На курсе дают сливки многолетней практики. Вам остается лишь следовать заложенным шаблонам и адаптировать их под свою тематику»
Очень полезный материал. Ребята делятся своими многолетними практическими наработками. Показывают массу полезных примеров что работает эффективно и как делать категорически не нужно.
Много тонкостей и нюансов. Фактически, на курсе дают сливки многолетней практики. Вам остается лишь следовать заложенным шаблонам и адаптировать их под свою тематику, под свою аудиторию, точнее даже под каждый ее сегмент. Не нужно выдумывать и креативить! Сделайте строго по инструкции и уже гарантировано получите результат.
Ценность курса: основные понятия, шаблоны восприятия и прочие теоретические заключения, которые подаются кратко, ёмко, чётко.
«Самое выгодное вложение денег!»
В нашей компании есть несколько направлений бизнеса от производства пластиковых окон до автофургонов. У меня был опыт создания посадочных страниц (пластиковые окна, проветриватели).
Результат превзошел все ожидания т.к. ребята дали подробнейшую инструкцию как в кратчайшие сроки сделать грамотный сайт , основанный на правильном маркетинге а не на своих убеждениях. И в этом команда convertmonster переплюнула даже БМ. Огромное им спасибо за этот курс!
Ценность курса: Конкретика в цифрах!
22% - конверсия посадочной страницы
7 дней - срок создания посадочной страницы (после прохождения курса)
5000 рублей - заплатил за это чудо фрилансерам!
«Очень хороший курс. Дает системные знания и пошаговые алгоритмы создания продающих страниц»
Невозможно требовать что-то с подопечных или делегировать работу фрилансерам, если не знаешь матчасть сам. Схема простая: изучить предмет самому и обучить и передать работу менеджерам.
Осознание того, что с конверсией существующих продающих страниц меньше 1% жить нельзя, было ключевым в решении обратиться в компанию «Convert Monster». Решение принималось молниеносно с учетом того, что до начала курса оставалось несколько часов, а рекомендовали его прохождение уважаемые мной эксперты.
Очень хороший курс. Дает системные знания и пошаговые алгоритмы создания продающих страниц. Основной минус многих лекторов и обучающих программ - «Они говорят ЧТО (зачем? Почему? Когда? и т.д.) нужно делать», а меня как человека, направленного на результат, интересует ответ на вопрос - «КАК делать?»
Если кто-то думает идти ли на курс, скажу: «Учиться, учиться и еще раз учиться! И учиться не по дешевке, если хотите получать не «дешевые деньги». Это мое мнение.
«Понял какой лендинг нужен, и что если всё сделать правильно, то конверсия 5 % обеспечена»
Перед посещением хотел заказывать аудит сайта и лендинг. Вместе получилось бы довольно накладно, под 100 тысяч, решил пройти семинар чтобы иметь понимание.
После прохождения аудит стал не нужен, так как сам увидел на сайте столько косяков, из за чего теряются люди. Самое главное что помимо того что просто объясняют что нужно сделать так ещё и почему так, на примерах и сразу понимаешь что нужно делать. Сейчас полностью переделываю сайт, и понял какой лендинг нужен, ну и прокомментировали некоторых создателей посадочных страниц, и сразу видно что действительно хорошую страницу делают только единицы, а все кто кричат что будет конверсия 5 процентов - реально лохотрон.
А вот после прохождения семинара я понятно что если всё сделать правильно то конверсия 5 % обеспечена, а после тестирования можно догнать и намного больше, и за лендинг можно заплатить совсем немного, так что большое спасибо.
«Нарисовалась четкая, последовательная картинка, в которой соединились все элементы лендинга»
До этого смотрел в интернете разные видеоролики, где рассказывают о лендингах, и информация по данной теме в интернете весьма обобщенная, а зачастую просто устаревшая, без подробного анализа, без опоры на цифры.
На этом тренинге я узнал, как делать УТП, разобрав потребности клиентов и ниши конкурентов, узнал, как управлять конверсией лендинга, как делать схему лендинга, соблюдая принцип последовательности как в целом,так и в отдельных блоках, тонкости, касающиеся офферов, заголовков, написания текстов, правильного формулирования своих предложения, кнопок, тестирования и многое другое.
В итоге нарисовалась четкая, последовательная картинка, в которой соединились все эти элементы.
Получив необходимые инструменты, у меня появился огромный стимул и эмоциональный подъём упорно работать и создать мощный поток клиентов!
«Прямо в процессе курса переделал страничку по рекомендациям ведущих курса. Конверсия с 3-4% выросла до 9-16%»
У меня несколько проектов, один из них - чехлы для перевозки собак в автомобиле.
Проблема была в низкой конверсии самодельных лендингов. Я не понимал, какие нужно делать блоки, куда их ставить, что в них писать, как сделать нормальное ТЗ для дизайнера, где и как найти адекватных исполнителей и т.д. Больше месяца я шёл по граблям, исправляя одни косяки и тут же делая другие. Конверсия держалась в районе 3-4%, цена привлечения клиента оставляла от маржи совсем небольшую прибыль.
На курсе я получил разложенный по полочкам и максимально разжёванный детальный план разработки лендинга. Первое, что я сделал - прямо в процессе курса переделал страничку "на коленке" по рекомендациям ведущих курса. При этом из всего перечня рекомендаций я смог реализовать своими руками только 50%. И даже при этом конверсия с 3-4% выросла до 9-16%.
Я однозначно получил больше, чем заплатил. Категорически рекомендую!
Мой первый текст для лендинга был достаточно странным. Я был неоперенным птенцом копирайтинга, писал анкорные статейки для одной небезызвестной биржи ссылок, пытался заработать рейтинг и первый копирайтерский миллион на разнообразных адвегах, етекстах и прочих бесперспективных заманухах для начинающих. Цена 80 рублей за 1000 знаков в ту пору казалась почти несбыточной мечтой. И вот однажды с той же самой биржи пришел клиент под текст для лендинга. И с оплатой, как это на бирже водится, за килознаки. Написал я тогда, помнится, «простыню» тысячи на четыре, получил хорошую оценку и остался доволен собой – вот, до статуса «акулы пера» осталось немного. Не знаю, к сожалению, ничего о судьбе того текста и удалось ли с его помощью продать хоть что-то, но сегодня, вспоминая о той истории, я думаю: а много ли еще задающихся вопросом, как сделать лендинг пейдж, заказывают тексты у биржевых копирайтеров, и чем это в итоге оборачивается? О том, какие лендинги продают, какие не продают, как оценить конверсию, а также о том, чем вашему бизнесу могут помочь махровые полотенца, нам рассказал создатель агентства интернет-маркетинга «Паньшин Групп» Алексей Паньшин.
О копирайтерах и текстах
Продающий лендинг начинается с текста – об этом оповещает любая статья на данную тематику. Собрав на конструкторе с готовыми шаблонами рукотворный лендинг бесплатно (или даже заплатив специалисту ЦЕЛЫХ 5 тысяч рублей!), начинающий (да, обычно это именно он) предприниматель решает писать текст (вот жмот!) самостоятельно. Ну, или в крайнем случае, если уж с русским языком совсем туго, начинает искать исполнителя. А где найти дешевых знатоков Грамоты.ру и обладателей татуировки с профилем Ожегова на груди? Конечно, на биржах фриланса. Вот тут-то и кроется главный подвох. Копирайтер для написания лендинга не нужен!
Алексей Паньшин
создатель агентства интернет-маркетинга «Паньшин Групп»
Алексей Паньшин: «Ни один копирайтер не доберется до сути того, что на самом деле нужно в текстах для лендинга или на сайте. Тем более, с оплатой за килознаки. Цена написанной воды будет равняться нулю. Скорее в этом деле нужны не копирайтеры, а маркетологи с навыками копирайтера».
И совершенно неслучайно, что ведущие продающие копирайтеры называют себя «копирайтерами-маркетологами», а сегодня это даже выделилось в отдельное направление копирайтинга. Слова в названии специальности можно даже поменять местами, потому что, прежде всего, такой специалист должен разбираться в рынке, целевой аудитории и уникальном торговом предложении (УТП). И только потом писать тексты.
Продолжая оперировать банальностями: прежде чем написать текст для лендинга, нужно сформировать уникальное торговое предложение. Причем копирайтерам, которые планируют присоединить к наименованию своей должности вышеупомянутое слово, обычно приходится заниматься этим самостоятельно. Часто клиент не имеет никакого представления о том, чем его предложение уникально.
Причем мысль эта общая, которая работает не только с одностраничниками, но и с обычными сайтами. Скажем, некоторое время назад я писал тексты для интернет-магазина автозапчастей, который одним из немногих в своем городе оказывал услуги доставки заказа на дом. Причем на сайте информация об этом находилась в самом подвале подраздела “О компании”, который часто не читают вообще.
Просто прописав это на первой странице сайта в списке ключевых преимуществ, мы увеличили спрос на услугу на 3-4%. А ведь текст на главной тоже большинство посетителей не читает, для привлечения их внимания нужны картинки, инфографика. Использовав эти способы, можно было бы увеличить спрос на 10-15% и более. Все эти простые приемы давно и успешно используются специалистами в области лендингостроения.
Текст на главной большинство посетителей не читает – для привлечения их внимания нужны картинки и инфографика.
Бывает, успешность продажи зависит от одного единственного слова. Недавно я долго уговаривал 2-летнюю дочь идти купаться, и это «коммерческое предложение» она с негодованием отвергала. Однако стоило заменить слово «купаться» на «плескаться», а потом еще визуализировать его соответствующими телодвижениями, и она помчалась в ванную как посетитель торгового центра в бутик в «черную пятницу». Работа маркетолога-копирайтера при создании лендинга аналогична задаче уговорить ребенка: не написать простыню, а найти слова (иногда достаточно одного), которые «зацепят» и приведут посетителя за покупкой.
Об увеличении конверсий
Показателем успеха любого лендинга является количество конверсий. Ими могут быть звонки, заявки и прочие лиды. Это зависит от целей и задач заказчика. А на эту цифру влияет много факторов: прежде всего, сфера бизнеса. Совершенно различен подход к лендингам для B2C и B2B. В первом случае могут генерироваться спонтанные покупки, а текст может и должен апеллировать к эмоциям. Во втором – это недопустимо. Впрочем, универсальных решений нет. В одной и той же сфере можно выделить много вариантов целевой аудитории, и для каждой из них могут сработать разные тексты. В выявлении этих точек соприкосновения продавца и покупателя состоит задача маркетолога.
Алексей Паньшин: «У нас в агентстве есть клиент, с которым мы потратили 3 часа на составление «крючков», на которые мы будем ловить клиента на наших лендинга. Спустя время и энное количество выпитых чашек кофе мы собрали около 20 пунктов преимуществ, которые потом использовали при прототипировании дизайна и составлении технического задания на контент. В результате нам в ОЧЕНЬ конкурентной нише по Москве удалось добиться средней конверсии с лендингов в 12%».
К сожалению, по этому проекту Алексей связан жесткими обязательствами по NDA (сохранению коммерческой тайны. – Прим. ред.), поэтому полноценного кейса предоставить не может. Впрочем, это обычная ситуация для этой сферы бизнеса.
Конкретные проценты увеличения конверсии индивидуальны для каждой отрасли. 12% для высококонкурентной ниши на высококонкурентном рынке Алексей назвал умопомрачительным результатом. Но для какой-то другой сферы такой уровень может быть недостаточным.
С точки зрения нашего собеседника, оценивать эффективность лендинга нужно, отталкиваясь не только от своего продукта, но и от продуктов конкурентов. Если в поисковой выдаче отсутствуют качественные лендинги и сайты, можно прогнозировать более высокую будущую конверсию. Чем больше сильных конкурентов, тем ниже прогноз. Клиент смотрит и оценивает уже несколько привлекательных предложений, и, какое из них «сыграет» в каждом конкретном случае, предсказать невозможно. Возможно, это изменится с развитием нейросетей, когда технологии научатся по сетевому поведению пользователей создавать индивидуальные предложения. Сегодня будущее маркетинга только начинается.
О полотенцах
Как это ни удивительно, махровые полотенца вполне способны помочь вашему лендингу начать приносить доход. Мы взяли первую пришедшую в голову тематику, в данном случае ей оказалась «оптовая продажа полотенец», а нашим экспертом была предложена пошаговая инструкция по решению этой задачи.
Начинается все, конечно, не с поиска конструктора, где сделать лендинг выйдет дешевле, а с создания портрета потенциального клиента: кто он, что ему нужно, и почему он должен купить именно ваш продукт?
Оптовая продажа полотенец относится к сфере B2B, значит, посетителем сайта будет не конечный пользователь продукта, а предприниматель, основная задача которого – заработать на вашем продукте. Алексей выделил несколько позиций, которые заинтересуют посетителя:
- Цены на товары (полотенца), оптовые и рекомендуемые для перепродажи (показываем, сколько можно заработать).
- Условия покупки: величина минимальной партии, наличие накопительных скидок, каковы условия предоплаты, постоплаты и какие возможны способы оплаты. Обязательно указываем пакинг товаров (количество товаров в коробке/пачке).
- Условия доставки: средние сроки сбора партии товара к оплате, средний срок доставки, стоимость доставки.
- Ассортимент. Вы – производитель (или единственный дилер, или кто-то еще) и предлагаете покупателю то-то и то-то, что полностью удовлетворит его потребности.
Эти позиции в маркетинге еще называют «якорями» или, как выразился Алексей, «крючками», которыми «цепляют» потенциального клиента. Чем сложнее подход к аналитике, тем таких позиций будет больше, а портрет целевого клиента, которому адресовано предложение, – точнее.
Только выявив потребности будущего клиента и сформировав пресловутое УТП, которым маркетологи (и не только в интернете) «прожужжали уши» предпринимателям, можно браться за проработку технических вопросов создания лендинга. Главным, на что нужно обратить здесь внимание, Алексей назвал юзабилити (комплекс составляющих, которые делают информацию понятной, а пользование лендингом – удобным) и адаптивность (способность страницы приспосабливаться к экранам разных размеров).
Только выявив потребности будущего клиента и сформировав УТП можно браться за проработку технических вопросов создания лендинга.
Также наш собеседник указывает, что преимущества должны быть и прописаны, и визуализированы. Разные люди лучше воспринимают информацию разных типов. Также предусматриваются формы заявок, звонка с сайта, обратной связи, номера телефонов, иконки соцсетей и прочие способы связи.
Важно, чтобы текст не просто информировал, а призывал посетителя совершить действие. Бывают лендинги, на которых с первого взгляда непонятно, что здесь продукт можно заказать. Посетители читают информацию, а заказывать уходят на соседний сайт.
Одновременно проводится аудит поисковой выдачи. Сайты оцениваются на предмет соответствия «якорям». Один из лучших лендингов в заданной нише принадлежит производителю.
Алексей отметил, что лендинг сделан профессионально, хорошо продуман, но ему не хватает деталей.
Во-первых, не указаны цены. Точнее, они указаны, но, чтобы их увидеть, нужно развернуть вкладку «Информация», при беглом просмотре они не видны. Создавая лендинг, не рассчитывайте, что пользователь сразу начнет вчитываться в каждое слово, у вас есть всего 5-6 секунд, чтобы заинтересовать его.
Во-вторых, нет акций и специальных предложений. Посетитель не заинтересован в том, чтобы сделать заказ немедленно. Даже если ваше предложение заинтересует, он может добавить ссылку в закладки, но вернется к ней или нет – большой вопрос.
В-третьих, некоторые преимущества неконкретны. Например, указано, что производство сертифицировано, но сканов самих сертификатов нет. А «большой выбор тканей», «высокий уровень сервиса» и «кратчайшие сроки» – это классика дешевого «биржевого копирайтинга». Пишите «178 вариантов тканей», «с вами будет работать персональный менеджер», «изготовим в течение 1 дня», а заказчик сам решит, достаточно ли это предложение «большое», «высокое» и «кратчайшее».
Анализируя конкурентов, нельзя ограничиваться лендингами. Вашему клиенту не важно, каким инструментом вы пользуетесь. Оцените и сайты интернет-магазинов. Одним из самых сильных прямых конкурентов Алексей назвал сайт, на странице которого находится информация, ключевая для потенциального покупателя. Обращает на себя внимание простая и понятная карточка заказа.
Однако есть здесь очень большой недостаток – это SEO-текст на странице.
Во-первых, он просто бездарно написан: «полотенца махровые оптом являются незаменимыми помощниками на любой кухне и в ванной комнате». Что-что, простите? Обычно в этом месте говорят: «SEO-текст нужен для привлечения роботов на сайт, его все равно никто не читает». И это отчасти правда, если бы не…
Во-вторых, SEO-текст размещен НАД (!) каталогом, то есть именно он первым бросается в глаза посетителю и именно он создает первое впечатление о сайте. А у вас 5-6 секунд, не забывайте об этом. Иными словами, некоторая часть посетителей просто не дойдет до вашего превосходного каталога, оценив «прелести» SEO-текста, на котором вы сэкономили.
Прежде чем делать вывод, что лендинг не работает и деньги на него выброшены зря, сравните его с конкурентами и оцените как пользователь. Возможно, вы сами увидите, в чем его проблемные позиции. Если же перед вами стоит вопрос создания лендинга, главное, что вы должны понять, – это сложный инструмент, успешность которого требует серьезного маркетингового исследования, креативной и технической работы, аналитики продаж и доработки для повышения конверсии. Профессиональный лендинг просто не может стоить 5 тысяч рублей, потому что требует работы нескольких специалистов в течение минимум месяца!
Если первое, что вы спрашиваете в агентстве интернет-маркетинга: «Сколько стоит лендинг?», – результат вас не удовлетворит. Проверено. Верная постановка вопроса: «Сколько я заработаю на вашем лендинге?» и «Что вы для этого будете делать?».
Оптимизация конверсии является одной из важных тем в сфере цифрового маркетинга и веб-дизайна. Иногда бывает так, что достаточно небольшой корректировки или постепенного увеличения коэффициента конверсии вполне достаточно, чтобы это серьезно повлияло на продажи. На протяжении многих лет маркетологи работали над эффективностью целевых страниц – многие знают полезные советы, положительно влияющие на конверсию. Но это советы общего плана. Профессионалы достигают впечатляющих результатов, руководствуясь несколько иными рекомендациями.
Продвижение посадочной страницы никогда не было простым делом. Прежде всего потому, что вся концепция оптимизации является величиной переменной. Здесь много значит имя бренда и его репутация, а также то, как именно посетители попадают на страницу. И таких специфических факторов десятки, а то и сотни. И рассказывать обо всех них можно очень долго. Однако есть несколько способов повлиять на увеличение конверсии, о которых непременно стоит поговорить.
Цвет: черный и желтый
Если желтого цвета нет в логотипе бренда, дизайнер вряд ли захочет использовать его при создании макета лендинга. И во многом будет прав. Желтый не самый удачный цвет и не всегда хорошо сочетается с другими оттенками. Однако это один из самых эффективных цветов, когда речь заходит об оптимизации целевой страницы.
Многие замечали, что желтый активно используется в предупреждающих знаках, есть этот цвет и в светофорах. И это не случайно. Желтый цвет является предупреждающим и посылает людям четкий сигнал: «Будьте внимательны!». Помимо этого желтый ассоциируется с теплом, оптимизмом и творческим духом. И когда дизайнер ставит желтый цвет в пару с черным, это производит на пользователя мощное впечатление. Эффективней этой цветовой пары только сочетание черного с красным, но оно слишком агрессивно, а вот желтый привлекает внимание, но не отпугивает.
Так что при оптимизации целевой страницы можно попробовать изменить существующую палитру, добавив в нее черный и желтый цвета. Очень вероятно, что это хорошо отразится на увеличении конверсии.
Долой панель навигации!
Что влияет на эффективность посадочной страницы? Практически все, но очень важно, чтобы в дизайне не было отвлекающих факторов. Цель лендинга – заставить посетителя совершить конкретные действия и этому ничто не должно мешать. Вот почему совершенно бессмысленно и даже вредно размещать навигационную панель в верхней части страницы. Единственная задача навигационного меню заключается в перенаправлении пользователей на другие страницы, а в лендинге их нет и быть не должно, так как возникает конфликт интересов – пользователь теряет концентрацию, потому что понимает, что может совершить сразу несколько действий, просматривая страницу.
Если хочется лучше знать, какова взаимосвязь между навигацией и конверсией целевых страниц, то можно почитать неплохой материал , опубликованный на сайте HubSpot несколько лет назад. В это трудно поверить, но удаление навигационной панели может обеспечить увеличение конверсии от 2 до 28% в зависимости от типа страницы. Маркетологам, которые постоянно имеют дело с лендингами, следует незамедлительно избавляться от навигации, если она имеется на сайте. Она там совершенно не нужна.
Оригинальные изображения
Изображения являются важной частью посадочной страницы, но многие маркетологи ошибочно полагают, что практически все они работают одинаково эффективно. Главное, чтобы они были качественными и по теме. Это не так. Ошибка в выборе изображения может существенно снизить коэффициент конверсии и, как следствие, уровень дохода. Как решить эту проблему? Прежде всего следует отказаться от использования изображений с различных стоков, особенно, если это изображения людей. Все видели лендинги, где абсолютно разные товары «представляет» один и тот же человек.
Стоковое изображение лишено оригинальности, так как зачастую оно не имеет ничего общего с продуктом или услугой, которую предлагает лендинг. И поэтому оно не работает. Если, к примеру, заменить картинку со стока на фотографию реального сотрудника компании, то это может привести к поразительным результатам. Компания Highrise таким образом увеличила конверсию своей посадочной страницы на целых 102%. Дизайнеры показали пользователям реальные картинки и аудитория сразу же на это отреагировала.
Волшебное слово
Случаи, когда конверсия страницы увеличивается от замены одного слова другим, встречаются не так уж часто. Но такое бывает. Что же это за волшебное слово? Многие удивятся, но это слово «получить». Ряд тематических исследований и А/В-тестов показали, что включение слова «получить» в призыв к действию сильно влияет на поведение пользователей и они более склонны кликнуть по кнопке CTA. Вот пример: призыв «Получить информацию о ценах» работает на 14,7% лучше, чем стандартный текст «Информация о ценах». Эти данные были получены экспериментально. В другом эксперименте использование слова «получить» привело к увеличению конверсии на 38,26%.
Вред слабого социального доказательства
Сегодня в цифровом маркетинге считается, что такой аспект, как социальное доказательство, является важным компонентом любой успешной целевой страницы. Однако проблема заключается в том, что все эти дискуссии о социальном доказательстве, привели к тому, что дизайнеры начали использовать это самое доказательство где ни попадя, что само по себе является ошибкой. Более того такая практика привела к появлению такого феномена, как слабое социальное доказательство, негативно влияющего на конверсию.
Наиболее ярким примером слабого доказательства является лендинг, где кнопки социальных сетей расположены в верхней части страницы. Конечно, очень круто, если посетитель целевой страницы видит иконку Facebook, где указано, что данный лендинг расшарило 12 тысяч пользователей. Но та же кнопка может все испортить, если видно, что по ней никто никогда не кликал. В таком случае лучше избавиться от этого элемента, так как это слабое социальное доказательство.
Вывод
Когда коэффициент конверсии перестает расти, становится ясно, что придется потратить много времени и сил, чтобы сдвинуть его с мертвой точки. Эта мысль, как правило, не радует маркетологов, особенно с небольшими бюджетами. Однако можно исправить ситуацию, если знать несколько действенных способов. Да, некоторые из приведенных в этой статье советов являются спорными, но так и должно быть. Продвижение лендинга всегда нестандартно и здесь может «выстрелить» любая мелочь. Известны случаи, когда изменение цвета кнопки CTA с желто-зеленого на насыщенный желтый, привело к резкому увеличению коэффициента конверсии. Значит, это работает. Может быть, не всегда, все зависит от типа страницы, но работает. Так что стоит поэкспериментировать. Как знать, а вдруг получится увеличить конверсию без дополнительных финансовых затрат?
