Шаблоны Landing Page для WordPress. Тренды дизайна лендингов
Еще один отличный пример геймификации - сайт банка Тинькофф.
Здесь можно определять вклады, рассчитывать процентные ставки и, передвигая ползунки, забавляться, сколько душе угодно.
Так что калькулятор, всевозможные шкалы взаимодействия и интерактивные графики работают Вам на руку.
4. Клиент хочет видеть больше, чем читать
Хороший тренер всегда чередует кардиотренировки с силовыми. Это касается и процесса чтения. Важно подавать текст частями: грамотно чередуйте его с изображениями и видеоблоками. Не давайте посетителю утомиться, в привлечении клиентов важно удерживать внимание.
Часто мы сталкиваемся с тем, что клиенты хотят поместить на landing page все, что только возможно: кейсы, бенефитс, ревью. Не надо так. Это только отпугнет потенциального лида.
Составьте вместо этого последовательную структуру блоков, избегайте длинных предложений и чередуйте текстовые и визуальные элементы.
Еще 3 факта, которые стоит учесть
Трафик
Хорошо, если , но бывает и по-другому. Часто на сайт попадают «заблудшие души», которые видят здесь не то, о чем говорилось в таргетированной рекламе. Так происходит, если Вы заранее не подумали о соответствии текста в объявлении и на сайте.
Есть вероятность, что это было сделано намеренно, но в большинстве случаев такие действия ни к чему не приведут. Нецелевой трафик быстро помашет ручкой и уйдет в закат.
Представьте, что студент-старшекурсник не сдал экзамен, его перевели на контракт, денег нет. И тут он видит Ваше объявление: «Измени свою жизнь к лучшему!» «Почему бы и нет, хуже уже не будет!» - думает он. Как же он удивится, когда, перейдя на страницу, увидит, что изменить жизнь значит записаться на кератиновое выпрямление волос. Как-то неудобно даже…
Так что в первую очередь думайте о целевом трафике.
Подсознание
И снова о психологии. Умение управлять бессознательным - ключ к привлечению клиентов. Нет, не нужно завлекать потенциального лида незаконными методами типа гипноза. Просто учитывайте потребности человеческой натуры при создании landing page.
У нас есть несколько первичных желаний: самосохранение, признание, секс, благосостояние.
Если Вы создаете сайт знакомств, то не помешает привлечь внимание целевой аудитории с помощью фото модели Victoria’s Secret. Вот пример такого landing page.
Здесь важно не утрировать и не перегибать палку. Не делайте акцент исключительно на «хлебе и зрелищах», выдерживайте пропорцию в ингредиентах, чтобы получилось вкусно и интересно.
Недооценка аудитории
Очень простое правило, которому следуют далеко не все. Сейчас у каждого есть Интернет, а следовательно - возможность просматривать работы других специалистов. С каждым днем люди все лучше понимают, где хорошо, а где плохо.
Никогда не подсовывайте клиенту среднюю работу, потому что «не было времени», «дизайнер заболел», «у копирайтера пропала кошка». Помните, что результат будут рассматривать под увеличительным стеклом, сравнивать с другими и только потом делать выводы.
9 трендов современного лендинга
Как сделать лендинг пейдж продающим? Следуйте простым правилам.
Тренд 1. Мультилендинг и геотаргетинг
Такой вид страницы содержит информацию, которая адаптируется в зависимости от запросов или местоположения посетителя (). К примеру, мы вбиваем в поисковую строку «купить iphone Киев», переходим на лендинг, и заголовок содержит те же слова.
Это касается и геотаргетинга. Как-то мы спроектировали посадочную страницу для курсов польского языка в Кракове. У этого сайта меняется подложка в зависимости от страны проживания посетителя.
Так что если Ваш бизнес не имеет границ - этому правилу стоит следовать.
Тренд 2. SMS-информирование
«Здравствуйте! Вы оставили заявку на нашем сайте. Наш оператор скоро Вам перезвонит!» Приблизительно такое сообщение клиент получает после заполнения формы на лендинге. Так Вы фактически поздравляете посетителя с тем, что он стал лидом. Советуем отправлять уведомления и на свой телефон, чтобы было легче держать руку на пульсе и отслеживать конверсию.
Тренд 3. CRM-система для работы с лидами
Договор, сделка с клиентом, сохранение данных о заказчике - действия, требующие автоматизации, особенно для рынка B2B, где каждое взаимодействие с лидом нужно документируется.
Существует масса программ, которые производят учет действий на сайте. По большому счету это вопрос личных предпочтений.
Тренд 4. Полезные письма для клиентов
Клиент заполняет заявку, становится лидом, уходит с сайта, становится частью подписной базы и получает письма из Вашей рассылки. Помните, не нужно «грузить» людей лишними данными и быть слишком навязчивыми. Письма могут содержать полезный контент или же знакомить с акционными предложениями. «Преследовать» лида надо с умом.
Тренд 5. Умный ремаркетинг
Наверное, все уже сталкивались с преследующей онлайн-рекламой. Вот Вы зашли на сайт, возможно, даже просмотрели его, закрыли вкладку и забыли об этой странице. А о Вас не забыли. Теперь, куда бы Вы ни зашли - Facebook, YouTube - баннер лендинга появляется следом. Звучит как синопсис триллера, но на практике такие объявления «подогревают» клиента.
Ремаркетинг нужно проводить с умом. Предложите клиенту выгоду. Он ждет коммерчески ценного предложения. Тогда вместо раздражения Вы вызовите интерес.
Не стоит выдумывать сложные акции. Мы в таком случае используем правило ВДГ - «Всегда Думай Головой». Предложение в первую очередь должно быть логичным.
Тренд 6. Паттерны Z и F
Если просто - это наглядная модель просмотра страницы пользователем. Лендинги читают слева направо и наоборот. Поэтому для такого вида сайтов подходит паттерн Z. От этой модели нужно отталкиваться на этапе и в дальнейшей работе.
Паттерн F подходит для интернет-магазинов. Такие сайты мы читаем строго слева направо. Да, поначалу кажется, что пользователь просматривает все сайты одинаково, но это не так. Все зависит от расположения элементов страницы.
Тренд 7. Интерактив
В предыдущей части Вы уже прочли о геймификации. Теперь приведем пример. Недавно мы создали лендинг для компании, которая производит системы кондиционирования. Все было выполнено на уровне, но чего-то не хватало.
Мы поняли, что этим «чем-то» был интерактив. Тогда было решено добавить блок, где можно самостоятельно рассчитать уровень загрязнения воздуха: заполнить данные о размерах помещения, удаленности жилища от дороги и т. д
Такое взаимодействие с клиентом позволяет добиться лояльности и увеличивает количество лидов.
Тренд 8. Синергия элементов
Звучит как глава учебника по алхимии, но на самом деле «алхимичить» Вам не придется. Термин «синергия» обозначает взаимодействие всех элементов (в нашем случае речь идет о фирменном стиле). Доверие к компании возрастает, если у нее есть логотип. Еще лучше, если Вы обзаведетесь всеми элементами фирменного стиля компании:
- Слоган;
- логотип/товарный знак;
- шрифт;
- цвет.
Допустим, Вы представлены на пяти площадках: у Вас есть landing page, профиль «ВКонтакте», группа в Facebook, канал на YouTube и аккаунт LinkedIn.Брендируйте все эти площадки - и посетитель узнает Вашу компанию с первых секунд.
Используйте дизайн так, чтобы было сразу понятно, о чем эта страница. Проведите эксперимент. Покажите сайт бабушке или ребенку. Если они за 5 секунд поймут, что Вы продаете, то поздравляем, все элементы на месте.
Тренд 9. Персонификация компании
Когда руководитель компании не скрывает лицо, это вызывает доверие. Еще лучше, если он настолько отзывчив, что лично идет на контакт с клиентом. В Uni Consulting такую функцию выполняет наш CEO, Станислав Цыс. и в соцсетях можно найти его обучающие видео, записи лекций и т. д.
Кстати, вот вебинар, где Станислав как раз говорит о трендовых решениях для landing page:
Теперь, когда Вы знаете все о продающем лендинге 2016, задайте себе вопрос: «Каким из этих критериев соответствует мой сайт?» Сколько баллов Вы бы поставили своей странице? Давайте мы поможем определить это с помощью нескольких вопросов.
Тренды продающего лендинга в 2016 году:
- Пользуетесь ли Вы современными инструментами (мультилендинг и геотаргетинг)?
- Пробовали ли Вы отправлять клиентам смс-уведомления?
- Используете ли Вы CRM-систему для работы с лидами?
- Есть ли у Вас рассылка полезной информации для клиентов?
- Пользуетесь ли Вы ремаркетингом?
- По какому паттерну спроектирован Ваш сайт: Z и F?
- Есть ли на Вашей странице интерактивные блоки?
- Используете ли Вы элементы фирменного стиля в оформлении своих площадок?
Пытаетесь ли Вы стать ближе к потребителю с помощью персонификации компании?
(голосов 3 , средний: 4,67 из 5)Наверное, с моей стороны будет глупо в очередной раз рассказывать в чем заключается столь высокая популярность лендингов, об их преимуществах и т.д. И без этого уже мало кто сомневается в их эффективности. Лендинги действительно работают, а при грамотном подходе показывают просто нереальную конверсию.
25 лучших лендингов 2016 года
Сегодня мне бы хотелось представить 25 самых новых, самых лучших, самых ярких и самых эффектных лендинг-тем для WordPress начала 2016 года.
Чтобы снова не разводить дискуссий на риторический вопрос покупать тему или найти и скачать бесплатно, сразу расставлю все точки над i . Все представленные в данной публикации темы коммерческие, и распространяются, разумеется, не бесплатно. Стоимость варьируется в районе 40-60 USD. Я считаю, цена для тем такого уровня вполне приемлемая. Если кто-то считает иначе - его право!
Не исключаю, что какие-то из тем уже можно найти бесплатно на варезниках. В очередной предупреждаю: скачивая темы с неофициальных и сомнительных ресурсов, вы подвергаете свой и рядом размещенные сайты опасности . Будьте предельно внимательны и осторожны!
1. Dream Land - Single Property Real Estate WordPress Theme
Лендинг ориентированный под продажу объекта недвижимости.
2. RPM - Automotive Car Dealership Business WordPress Landing Page
Эффектный автомобильный лендинг.
3. Nobel - Minimal & Versatile Multi-Concept Portfolio / Agency WordPress Theme
Изящный дизайнерский лендинг с портфолио.
4. DreamHome - Single Property WordPress Theme
Лендинг для продажи недвижимости.
5. Engage - Creative One Page WordPress Theme
Многоцелевой лендинг с 17-ю вариантами представления, который подойдет практически под любую задачу.
6. KeySoft - WordPress Software Landing Page
Яркий лендинг для презентации приложений.
7. Hydro - Multipurpose one page WP Theme
Шикарный многоцелевой дизайнерский одностраничник с 6-ю вариантами форматирования.
8. Canna - Creative Elegant WordPress Theme
Очень элегантный многоцелевой лендинг с чистым дизайном.
9. ImStartup - Startup Landing Page WordPress Theme
Лендинг-продажник с 5-ю вариантами оформления главной страницы.
10. Coworking Co. - Creative Space WordPress Theme
Лендинг коворкинга со встроенным букингом и поддержкой интернет-магазина.
11. Neue - App Landing Page WordPress Theme
Лендинг для презентации приложений с поддержкой интернет-магазина.
12. Piecia - One Page WordPress Landing Page
Классический лендинг-продажник с 6-ю видами форматирования главной страницы.
13. Electron - Event Concert & Conference Theme
Отличный лендинг-букинг для презентации различных конференций, семинаров, концертов и других мероприятий.
14. Benchmark - Responsive Multipurpose One Page Landing Page WordPress Theme
Лендинг с 9-ю вариантами оформления для презентации и продажи различных курсов обучения.
15. Boden - Creative WordPress Portfolio Theme
Очень стильный лендинг-портфолио.
16. Ventum - Creative Portfolio Theme
Лендинг с модным дизайном и полным набором всех современных функций. Поддерживает 2 режима работы: одностраничный и мультистраничный.
17. AppBox - App Landing & App Store WordPress Theme
Эффектная тема для сайта приложения.
18. Beard Multipurpose Onepage - Multipage Responsive WordPress Theme
Многоцелевой лендинг для презентации приложения и различных электронных услуг.
19. Land - Multi Topic Personal WP theme
Тема, вышедшая далеко за пределы представления обычного лендинга с поддержкой множества функций и 11-ю вариантами форматирования главной страницы.
20. Renovation Company - Construction and Building WordPress Theme
Строительный лендинг с легким современным дизайном.
Первое впечатление очень важно! Поэтому всегда необходимо быть в курсе трендов и направлений в развитии веб-дизайна лендингов.
Тренд размещения полноэкранного видео и изображений давно используется в разных сферах бизнеса. Видео или крупное изображение лучше привлекает внимание посетителя, а главное, быстрее позволяет донести главную идею сайта.
Если на первом экране вашего лендинга присутствует видео, то посетитель вряд ли сразу нажмет кнопку «назад» в своем браузере. В качестве примера можно привести сайт Walabot
3D параллакс
Параллакс – один из главных трендов веб-дизайна в настоящий момент. Он дает ощущение объема, когда посетитель просматривает вашу страницу. Такой гигант, как Sony, использовал этот эффект, чтобы удивлять посетителей, пока рассказывал о своем бренде.
Навигация всегда должна стремиться быть наиболее удобной для посетителя. Но при этом нет ничего плохого в том, чтобы пробовать разные способы отображения скроллинга.
Отсутствие навигационного меню
Меню, конечно, делает навигацию более простой и понятной для посетителей сайта. Им становится проще найти то, что они ищут. Но удаление навигационного меню или изменение его вида заставят ваших гостей проводить больше времени на вашем ресурсе.
Это поможет им не отвлекаться на разные навигационные иконки, при этом концентрируясь на теме сайта.
Предельное упрощение дизайна
Этот тренд появился, чтобы остаться надолго. Простота в использовании – ключ к успеху, правильно?
Хотя существует много других способов привлечение внимания, о которых было сказано выше, простота дизайна позволит максимально сконцентрировать внимание ваших гостей.
Разделенный экран
Часто сайт имеет разные целевые аудитории и лучший способ донести идею – разделить экран. Хороший пример – лендинг Muck’s Rack’s, который разделил экран для маркетологов и блоггеров.
Доказательства надежности компании
Перед тем как принять решение обычно человек хочет выяснить опыт взаимодействия с компанией других людей или организаций.
Единственный минус этого заключается в том, что меньшее чего хотела бы компания, на сайте которой находится человек, это чтобы он перешел по ссылке на другой сайт.
Меню-гамбургер
Все больше дизайнеров используют этот вид меню, чтобы включить как можно больше информации на засоряя лендинг.