2 сентября 2016
50 убедительных русскоязычных лендингов
Часть 1
В Рунете сотни обзоров посадочных страниц. Digital-агентства и издания о веб-разработке делятся трендами дизайна и «рецептами» эффективных лендингов, рассказывают, как правильно писать офферы и как часто использовать формы и кнопки CTA. Но удивляет одно — в обзорах почти не встречаются русскоязычные сайты. Неужели у наших компаний нет хороших посадочных страниц? Мы решили разобраться.
Команда SEO-специалистов Uplab составила список из 50 лендингов с убедительной подачей информации. Многие из них далеко не идеальны в плане дизайна, но мы думаем, что они приносят хороший доход своим владельцам. А это важнее красоты.
В первом выпуске предлагаем оценить 30 страниц. Еще 20 — в следующем.
Команда SEO-специалистов Uplab составила список из 50 лендингов с убедительной подачей информации. Многие из них далеко не идеальны в плане дизайна, но мы думаем, что они приносят хороший доход своим владельцам. А это важнее красоты.
В первом выпуске предлагаем оценить 30 страниц. Еще 20 — в следующем.
1
Страница продает брендированные стрип-ленты и холдеры для демонстрации небольших товаров (кофе 3 в 1, снеков, кондитерских изделий, косметики). Основные преимущества лендинга: яркое оформление, детальное описание товара, наглядная и доступная форма обратного звонка.
Дмитрий Щербаков
Потенциальный клиент может с разных сторон ознакомиться с товаром и принять взвешенное решение о покупке. Большой плюс — наличие видеопрезентации продукта, в которой подробно описываются выгоды сотрудничества с компанией.
Пользователь может сразу заказать нужную модель стрип-ленты. При нажатии на кнопку открывается форма.
В конце лендинга есть расширенная форма, которая позволяет оформить детальный заказ. Создатели страницы позаботились о тех, кто доверяет только себе :)
2
Сайт продает двухколесные скейтборды. На главном экране — слайдер с ключевыми преимуществами магазина. В центре — кнопка CTA, призывающая обратиться за консультацией.
Контакты магазина встречаются дважды — вверху и внизу страницы. Они не всегда на виду, но всегда рядом — лендинг довольно короткий. Также номер дублируется в меню под «гамбургером». Удобно, что на сайте указаны альтернативные способы связи — Viber и WhatsApp.
Контакты магазина встречаются дважды — вверху и внизу страницы. Они не всегда на виду, но всегда рядом — лендинг довольно короткий. Также номер дублируется в меню под «гамбургером». Удобно, что на сайте указаны альтернативные способы связи — Viber и WhatsApp.
Форма сбора контактов содержит всего одно поле — номер телефона. Магазин обещает подобрать подходящий скейт всего за минуту.
Помимо скейтбордов на сайте продаются сопутствующие товары.
В самом низу страницы — форма обратной связи. Жаль, что опять предлагают консультацию. Скидка или подарок дали бы лучшие результаты.
3
На первом экране размещается яркий оффер: «Ежедневный 15–30 минутный сеанс массажа в любом из наших кресел заметно улучшает качество вашей жизни». Каким образом — на экране ниже. Все хорошо, но непонятно, почему компания спрятала это утверждение внизу. На этом нужно было акцентировать внимание.
Главный плюс страницы — лаконичная подача преимуществ массажных кресел Takasima. 7 выгод гармонично уместились на одном экране. Ниже присутствует описание каждого кресла.
Формы и кнопки встречаются почти в каждом блоке. Такой размах выглядит несколько агрессивно. Уменьшение количества призывов к действию пошло бы на пользу.
4
Посадочная страница студии свадебной съемки начинается с красочного фонового видео, на котором собраны яркие моменты торжества.
Главное назначение лендинга — презентовать работы студии. На нем почти нет текста, и это плюс — пользователя ничего не отвлекает от просмотра фотографий и видео. Лаконичные кнопки призыва к действию отлично вписываются в общую концепцию сайта. При наведении они подсвечиваются красным.
Когда посетитель сайта уже оценил работы, студия делает предложение: пары, которые закажут съемку свадьбы до конца месяца, получат в подарок букет невесты. Мелочь, а приятно.
В футере компания дает ссылки на профили в социальных сетях. Это ощутимо влияет на лояльность потенциального клиента.
5
На первом экране пользователя встречает акционное предложение и «фишка» компании — 5-летняя гарантия на товар.
Отличительная особенность страницы — фотографии установленных навесов, которые сопровождают отзывы клиентов. Во-первых, фотографии позволяют оценить внешний вид и качество собранной конструкции. Во-вторых, убеждают, что отзывы написаны реальными заказчиками.
Пользователь может «создать» навес по своим параметрам. После выбора размеров и цвета открывается окно с введенными данными и формой заказа. Удобно. Не нужно тратить время на объяснение требований по телефону.
Форма обратной связи в футере помогает удержать клиентов, которые не нашли на сайте подходящего навеса. С помощью нее можно заказать конструкцию с нужными параметрами.
6
Digital-агентство, занимающееся продвижением в Instagram, встречает потенциальных заказчиков сильным оффером — «Горячие клиенты с первого дня продвижения». Простая инфографика позволяет коротко изобразить процесс продажи и донести преимущества продвижения в социальной сети.
Ниже можно увидеть, какие результаты получают клиенты, обратившиеся в агентство.
Подробно описано, за что клиент будет платить. Посетитель сайта может выбрать оптимально подходящую для него услугу.
Выгоды сотрудничества с Clabium представлены в сравнении с другими компаниями. Выглядит убедительно, но я не рекомендую использовать этот прием — некрасиво по отношению к конкурентам. Страницу завершает форма обратной связи с минимумом обязательных для заполнения полей.
7
Лендинг с простым дизайном и минимумом текстовой информации. Преимущества утепленного остекления перед холодным продемонстрированы посредством инфографики.
Формы обратной связи «ловят» пользователей на каждом экране, предлагая оставить заявку на остекление и заказать выезд специалиста.
Лендинг заманивает привлекательным оффером — гарантией максимально низкой цены. Если потенциальный клиент найдет идентичную услугу дешевле, компания готова снизить стоимость услуги. Популярный ход, но работает на «ура».
8
Лендинг продает тур по Уралу. Текст на первом экране интригует и одновременно с этим дает понять, куда и с какой целью планируется поездка. Страница рассчитана на конкретную целевую аудиторию — заядлых путешественников, исследователей, тех, кто предпочитает активный отдых. Подход к оформлению приветственного экрана позволяет «отсеять» тех, кому неинтересна история региона.
Чуть ниже вынесены ключевые составляющие путешествия: сколько оно длится, что планируется исследовать, из чего состоит программа.
Чуть ниже вынесены ключевые составляющие путешествия: сколько оно длится, что планируется исследовать, из чего состоит программа.
Программа тура описана интересно и представлена последовательно.
Программу можно посмотреть более подробно — в разрезе каждого дня. Чем больше на странице полезной информации, тем выше вероятность покупки тура.
Форма бронирования тура достаточно подробная и включает 5 обязательных полей. Несмотря на это, заполняется она «на автомате».
9
Первый экран лаконичный, но при этом очень информативный. Посетителя встречает сильный слоган проекта — «Стартапы взлетают здесь». А также короткая видеопрезентация.
Преимущества коворкинга дополняют красивые иконки.
«Фишка» страницы — оригинальная форма обратной связи. Владельцы сайта отказались от шаблонных чатов. Посетителей встречает живой человек — администратор коворкинга, с реальным именем и фотографией.
Чат можно свернуть. Сообщение в правом нижнем углу помогает найти и открыть форму снова, когда понадобится.
Чат можно свернуть. Сообщение в правом нижнем углу помогает найти и открыть форму снова, когда понадобится.
Если преимущества в начале страницы не убедили вас посетить коворкинг, то блок ниже это исправит. Фотографии показывают, что в коворкинге действительно очень здорово. Акцент сделан на том, что является решающим фактором для молодого стартапера при выборе площадки для работы.
Большим плюсом является упоминание коворкинга на именитых сайтах.
Стоимость посещения коворкинга устанавливается тремя тарифами. Посетитель сайта сразу может узнать, что включает каждый из них. Для команд стартаперов действуют скидки: чем больше человек, тем больше выгода.
Кнопка «Зайти в гости» требует от посетителя сайта заполнения всего одного поля — номера телефона. С точки зрения конверсии это очень удачное решение.
В нижней части сайта присутствуют ответы на популярные вопросы потенциальных клиентов.
Благодаря этому и представленным выше «фишкам» сайт формирует положительное впечатление о площадке.
Благодаря этому и представленным выше «фишкам» сайт формирует положительное впечатление о площадке.
10
На первом же экране лендинг экономителя топлива предлагает рассчитать выгоду, которую получит клиент от использования продукта.
Ниже представлены ключевые преимущества с убедительным призывом — «Начать экономить».
В отзывах наглядно показаны преимущества использования продукта. «До / после» — очень удачное решение.
В конце сайта пользователя мотивирует сделать покупку сниженная стоимость товара. Скидка 50% — очень привлекательно.
11
У страницы по продаже автозапчастей из Японии есть «фишка» — по мере продвижения к форме заказа запчасти сыпятся в корзину. На подсознательном уровне это помогает посетителю понять, какое действие нужно совершить.
Анастасия Радикова
Конверсионная кнопка находится к самом конце страницы, под формой обратной связи. Поскольку лендинг короткий, ее одной достаточно. Тем не менее форму обратной связи можно вызвать в любой момент, ссылка на нее есть в шапке сайта.
12
Лендинг торгового центра «Метрополис» имеет сдержанный дизайн и позволяет получить полное представление о ТЦ. Очень грамотно выполнены анимационные эффекты — они не отвлекают, но и не дают пользователю скучать.
Конверсионная форма «Подпишитесь на рассылку» появляется сразу, как посетитель заходит на сайт, а также дублируется в середине и конце страницы.
13
Сайт-презентация нового смартфона Fly Tornado раскрывает основные функции телефона. Лендинг имеет минималистичный дизайн, нет ничего лишнего.
Конверсионная кнопка «Купить», представленная в шапке, направляет посетителя на сайт производителя в карточку товара. Шапка сайта, а вместе с ней и кнопка «Купить», двигается при прокручивании страницы.
14
Лендинг, предлагающий услуги копирайтинга. Слайдер выполнен в винтажном стиле. На странице представлена вся информация, необходимая для принятия решения о сотрудничестве — подробное описание услуг, цены, примеры работ, отзывы клиентов.
Конверсионная форма обратной связи встречается на странице дважды, в шапке сайта также присутствует ссылка на нее. Предложение выполнить бесплатный анализ контента вызывает доверие к исполнителю и стимулирует отправить заявку.
15
Простая, но информативная посадочная страница сети кофеен «Бодрый день» знакомит посетителей с условиями франчайзинга. Преимущества лендинга: убедительное описание достоинств компании, понятная экономика проекта и живые фотографии. Все это вызывает доверие к бренду.
В нижней части страницы — красивая галерея изображений.
16
Промо-страница инвестиционной компании продает вебинар об инвестировании. Тема вебинара, указанная на главном экране, интригует пользователей. Многие захотят узнать, как купить недвижимость за 1% от ее реальной цены. Лендинг подробно рассказывает, какую практическую выгоду можно получить от вебинара.
Достоинство лендинга — кейсы.
Заманчивые ценники стимулируют посетителя сайта зарегистрироваться на вебинар. Форма CTA простая — нужно только ввести email.
17
Лендинг салона оптики Pimp Your Eyes выигрывает на фоне конкурентов. Компания нестандартно подошла к оформлению страницы: контент представлен действительно «вкусно». Прекрасно все: необычное описание подхода к работе, красивые фотографии, увлекательные описания очков и цены.
Конверсионная кнопка всего одна — «Подписаться на рассылку». Она расположена в середине страницы и сопровождается простой формой: посетителя просят ввести только email. Хотелось бы добавить кнопку «Купить» под описание каждой модели очков. Но возможно руководители магазина просто не хотели быть слишком навязчивыми.
18
Страница вакансий «Альфа-банка» рассказывает целую историю. При скролле мы наблюдаем, как молодой человек проходит путь от простого соискателя до сотрудника банка, сделавшего хорошую карьеру. Посетитель сайта может не только посмотреть вакансии, но и оценить возможности карьерного роста — на странице представлено, до кого доросли те или иные специалисты за время работы в банке.
Основные конверсионные кнопки представлены в шапке и нижней части сайта. Первая — «Отправить резюме», вторая — «Все вакансии». Обе ведут на соответствующие страницы сайта «Альфа-Банка».
Основные конверсионные кнопки представлены в шапке и нижней части сайта. Первая — «Отправить резюме», вторая — «Все вакансии». Обе ведут на соответствующие страницы сайта «Альфа-Банка».
19
Посадочная страница компании, изготавливающей мужские деревянные кошельки. Лендинг продает элитные аксессуары и выполнен под стать своей аудитории: дорого, солидно, ничего лишнего. На первом экране посетителя встречает красивое имиджевое видео от лица мастера Dinero. Лаконично, но увлекательно описан подход к работе, а также преимущества изделий. Есть информация о ценах и условиях доставки для покупателей и партнеров.
Конверсионная кнопка находится в шапке сайта и в середине страницы. Шапка движется вслед за посетителем, листающим страницу.
20
Красочный лендинг компании, занимающейся ремонтом помещений. Основное преимущество страницы — высокая информативность. Выгоды сотрудничества с «Эталон-ремонт» вынесены на первый экран. Под ними — цены и примеры сметы.
Посетитель сайта может ознакомиться с выполненными проектами. При наведении мышкой на фотографию, высвечивается метраж квартиры. Примеры помогают «отсеить» клиентов, которые рассчитывают на другой результат работ.
Страница содержит подробное описание услуг, сравнение разных вариантов ремонта, а также фотографии сотрудников. Люди больше доверяют компании, когда видят ее «в лицах».
Открытые конверсионные формы встречаются на странице 4 раза. Три из них предлагают бесплатно получить консультацию специалиста, одна — посмотреть работу на объектах вживую. Формы довольно простые. Обязательно нужно заполнить только имя и телефон.
21
У интернет-магазина EnjoyMe очень интригующий лендинг. На первой странице практически нет информации — нас встречает коробка с подписью «Эмоции в кубе». Любопытство заставляет листать страницу все ниже и ниже, чтобы понять, что это за коробка. Конверсионная кнопка находится в самом низу страницы, а на привычных для нее местах располагается ссылка на следующий блок лендинга.
Александр Плеханов
Кнопка CTA здесь не что иное как подписка на один из трех тарифов посылки. Весь контент подан таким образом, что посетитель с наибольшей вероятностью доберется до нее.
22
Страница флористической мастерской выделяется на фоне конкурентов отличным оформлением. Нежные тона, легкость, ненавязчивые визуальные эффекты — все, как подобает хорошего цветочному магазину. Компания встречает сильным оффером: «Получите бесплатный дизайн-макет в один клик». Для этого посетителю нужно ввести в соответствующие поля имя и телефон.
«Фишка» лендинга — фотографии флористов компании и выполненных ими работ. Они увеличивают доверие посетителей.
Призыв к действию отвечает на потребности пользователя. Если человеку понравился результат, скорее всего он захочет сделать заказ у компании.
Форма такая же удобная, как на первом экране. В ней всего два поля: «Имя» и «Телефон». По большому счету больше ничего и не нужно.
23
Красивый и интересный лендинг агентства, предлагающего услуги интернет-маркетинга. На первом экране сразу можно заказать обратный звонок или воспользоваться навигацией по странице.
«Фишка» страницы — параллакс. Задумка отличная, но в реализации немножко переборщили.
Практически на каждом экране есть конверсионные кнопки. Самая интересная — на странице «Зачем нужна раскрутка». Вроде бы простая, но выделяется.
Практически на каждом экране есть конверсионные кнопки. Самая интересная — на странице «Зачем нужна раскрутка». Вроде бы простая, но выделяется.
Еще одна оригинальная форма завершает лендинг.
24
Страница посвящена продаже недвижимости в Таиланде. Информации много, но вся она полезна. Посетитель видит потенциальную выгоду от покупки жилой площади и сдачи ее в аренду. Размещение отзывов на странице также положительно сказываются на конверсии. Впервые кнопка CTA встречается на первом экране и предлагает получить консультацию от владельца 50-и квартир.
На фоне красивой фотографии форма «Оставить заявку» вполне себе оправдана. Просто посмотрев на фото и прочитав цель формы, уже хочется получить консультацию, тем более бесплатно. Подозреваю, что таким образом компания собрала богатую базу потенциальных клиентов.
25
Отличительная особенность страницы, продающей воздухоочиститель BORK A803, — наглядное представление эффективности работы аппарата. На странице подробно описываются характеристики продукта.
Конверсионная кнопка простая, форма — лаконичная и удобная.
Чтобы менеджер перезвонил, пользователю достаточно указать только имя и номер телефона. Нет дополнительных полей, из-за которых посетители часто спешат поскорее покинуть страницу.
26
Лендинг знакомит с творчеством молодого иллюзиониста. Посетителей встречает видеоролик, в котором Игорь демонстрирует эффектные фокусы.
Чтобы не занимать место на экране с видео, кнопку для вызова формы заказа звонка, а также иконки-ссылки на социальные сети расположили в хедере.
Страница выгодно презентует услуги иллюзиониста. Потенциальный заказчик может посмотреть фотографии артиста, изучить портфолио, прочитать отзывы других клиентов.
Яркие фотографии, видеоролики с выступлениями и гарантия пунктуальности иллюзиониста располагают к себе. Игорь обещает: в случае опоздания он будет выступать бесплатно.
Конверсионные кнопки находятся под каждой программой выступления. Акционное предложение «3 по цене 2» мотивирует заказать больше шоу-программ по выгодной цене.
При клике на любую из программ пользователь переходит на страницу с более подробным описанием, фотографиями, видео и отзывами.
В конце страницы — контактная информация и форма обратной связи.
27
Страница компании «Старый городъ» презентует акцию на строительство дома. На лендинге подробно описано, что входит в предложенную стоимость.
Посетитель может ознакомиться с фасадом и планировкой домов.
Ниже располагается лаконичная конверсионная форма, предлагающая заказать консультацию менеджера. Преимущество формы — возможность выбора времени звонка.
28
Красивый и предельно понятный лендинг, мотивирующий начать изучение английского языка в сервисе Lingualeo. Первую конверсионную кнопку можно заметить еще на первом экране. Чтобы упростить процедуру регистрации, посетителю предлагают войти на сайт через профиль ВКонтакте.
Самое интересное на странице — наглядное объяснение того, как происходит обучение.
Самое интересное на странице — наглядное объяснение того, как происходит обучение.
В левой части страницы разработчики разместили красивое и информативное меню навигации. Каждый «слайд» выделен своим цветом и предельно прост для запоминания и восприятия.
29
Лендинг презентует предложение по поддержке сайтов от агентства Binn. Первый экран встречает тремя вопросами, которые помогают определиться, что делать дальше. По клику на один из них потенциальный клиент переходит на блок с ответами.
После описания преимуществ сотрудничества на странице появляются пакеты услуг компании. Каждый блок имеет конверсионную кнопку.
Потенциальный клиент понимает, за что будет платить деньги. Завершает лендинг удобная форма обратной связи. В форме очень важно поле «адрес сайта» — компания проводит анализ ресурса и отправляет клиенту индивидуальное предложение.
Также на странице размещена наглядная и удобная таблица со сравнением вариантов сотрудничества. При наведении на каждый из пакетов снизу появляется конверсионная кнопка «Заказать».
30
Оригинальный лендинг имеет интернет-магазин, продающий плюшевых медведей. Владельцы сайта нестандартно подошли к продвижению бизнеса в интернете: страница хоть и имеет посредственный дизайн, но подкупает своим содержанием и скорее всего неплохо справляется в поставленной задачей.
На первом экране представлено максимум информации, необходимой для совершения целевого действия — покупки медведя. Посетитель сразу видит форму подбора размера, цвета и способа доставки — остается только выбрать нужные критерии и сделать заказ. Стимулирует продажи акция с коротким сроком действия — игрушку предлагают приобрести почти с 40%-й скидкой.
На первом экране представлено максимум информации, необходимой для совершения целевого действия — покупки медведя. Посетитель сразу видит форму подбора размера, цвета и способа доставки — остается только выбрать нужные критерии и сделать заказ. Стимулирует продажи акция с коротким сроком действия — игрушку предлагают приобрести почти с 40%-й скидкой.
Из-за своего неординарного, фрикового содержания страница легко запоминается. Контент представлен так, что с большой вероятностью посетитель пролистает страницу до конца. Несмотря на то, что понимаешь, что это далеко не эталон хорошего сайта, лендинг хочется отправить в закладки, поделиться им с друзьями. И разве можно назвать сайт плохим, если он вызывает у пользователя нужные эмоции?
На сегодня все. В следующем выпуске — еще 20 страниц. Спойлер: 10 из них принадлежат интернет-агентствам :)
На сегодня все. В следующем выпуске — еще 20 страниц. Спойлер: 10 из них принадлежат интернет-агентствам :)
Поделитесь материалом с друзьями и коллегами