Идеальный лендинг – Landing page: ТОП-37 примеров разработки дизайна

Содержание

в мире + в России

Стань автором нашего блога. И зарабатывай на этом

Продающие сайты. Что это такое? Каждый второй скажет: “Конечно же, это лендинги!”. Они же одностраничники, они же лендинг пэйдж, они же продающие страницы.

Убеждать Вас в обратном не буду, ведь в этих словах большая доля правды. Поэтому в этой статье мы разберём какие лендинги можно назвать лучшими и почему.

По теме: 
1. Что лучше: многостраничный сайт или лендинг.
2. Как сделать лендинг самому: детальное руководство.

Именно поэтому я начал искать лучшие продающие сайты. Где посмотреть их примеры, рейтинги и как их оценить в принципе. Ведь изначально одностраничный сайт был придуман для того, чтобы увеличить продажи компании.

В последнее же время очень многое поменялось. Ушли блоки, которые были актуальны раньше, сайты стали делать более качественные, красивые, с большим количеством анимации, картинок и разных завлекающих фишек.

Нужен готовый Landing page?

Закажите разработку

в нашем агентстве

Посмотреть стоимость

Сделайте сами
на конструкторе

Перейти в конструктор

Критерии оценки сомнительны

По какому принципу оценивать лендинги? Какие критерии оценки сайта брать за основу? Как составить рейтинг ТОП-10 сайтов?

Где брать сайты на конкурс? Всё это усложняет ситуацию в создании настоящего и честного рейтинга лучших сайтов.

К тому же, мы не знаем сколько продаж компании совершают через подобные сайты. Им же нельзя позвонить и спросить: “А какая у вас средняя конверсия сайта?” или “Сколько Вы получаете заявок из таргетированной рекламы?”.

Я уверен, никто не ответит на такой вопрос, так как либо никто не считает, либо скажет, что это конфиденциальная информация.

лучшие landing page примерАга, размечтались!

Поэтому я сделал проще. Стал искать и просматривать рейтинги и подборки лучших лендингов. И знаете что?

Не было ни одного рейтинга, глядя на который, я бы сказал про каждого участника: “Вау! И правда, какой крутой!”. Поэтому, я решил собрать для вас примеры лучших одностраничников за 2017 и 2018 годы по нашему мнению.

Рейтинг – субъективный, так как у нас нет показателей всех страниц, и мы физически не можем изучить все сайты интернета.

Мы опираемся на свой опыт создания Landind page и те сайты, которые за 5 лет мы встречали на просторах всемирной паутины.

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

ТОП-10 одностраничных сайтов ЗА 2018 год

Не воспринимайте нумерацию как распределение призовых мест. Так как у всех лендингов проглядываются разные задачи, а значит сравнивать их между собой не только не профессионально, но и глупо. Поэтому просто наслаждайтесь работами.

1. Жилой комплекс “Парк Флора”

Сайт вызывает полнейший восторг. Видна работа профессионального дизайнера и хорошего маркетолога. Желание приехать и оценить всё в реальности появляется.

Причём, отсутствие призывов к действию, нет формы для заполнения, только телефон. И это правильно в их случае, хотя для многих может показаться странным.

лучшие landing page гемификация
Жилой комплекс “Парк Флора”

Единственный минус верстальщику за плохо оптимизированную анимацию и геймификацию.

Сайт долго загружается, а это может очень сильно повлиять на показатель отказов. То есть люди будут уходить с него быстрее, чем увидят предложение.

2. Мастерская “Dinero”

Это не сайт, это целый фильм об одном “персонаже” – деревянном кошельке. Если бы он стоил 1 000- 2 000 р., то сайт бы провалился.

Так как нет очевидных блоков и элементов лендинга: оффер, дескрипшен, форма захвата и т.д.. Но в сегменте Luxurу всё работает иначе, и этот одностраничник тому подтверждение.

Главный минус этого сайта – попытка на одной странице продать товар и в розницу, и в опт.

Искать дилеров нужно на отдельном сайте, так как у розничного и у оптового покупателя разные критерии выбора, а значит им нужно показывать разные изображения и выгоды в другой последовательности.

лучшие landing page матсерская динероМастерская “Dinero”
3. Вакансии “Альфа-Банка”

Данный красно-белый банк является нашим партнёром. Мы являемся авторами их блога для клуба клиентов.

Но их сайт тут не по “родственным связям”, они и вправду сделали хорошее решение по поиску сотрудников к себе в компанию. Причём, сделали это вполне оригинально.

лучшие landing page вакансии альфаВакансии “Альфа-Банка”

Единственное, о чём стоит им сказать (и мы скажем), что нужно не уводить клиента с этого сайта, и сделать всё взаимодействие внутри него.

Таким образом человек охотнее будет оставлять заявку за счёт привычного расположения элементов и логической цепочке действий.

4. Спортивный корсет “Loni-corset”

Это сайт разработан нами. Глупо делать рейтинг и не сказать, что мы считаем свои сайты классными.

Причём, все они у нас на высоте, можете убедиться здесь —> in-scale.ru/landing. Но так как большая часть аудитории этой страницы мужчины, то мы решили показать сайт с девушками. Ммм…

лучшие landing page корсеты
Спортивный корсет “Loni-corset”

Сайт отработал себя на 4+. Единственный блок, который нам не удалось добавить, это социальные доказательства существования компании-отправителя.

Заказчик решил эту информацию не показывать. Поэтому смело говорим, что результат мог быть выше, если бы покупатели видели склад, команду, офис и другие триггеры доверия. Но что есть, то есть.

5. Допуск СРО “Гральник Лицензирование”

На первый взгляд этот сайт должен вызвать у Вас шок, так как в нём нет ничего особенного. Простой дизайн, обычные блоки, типовые тексты.

НО! Когда Вы будете их целевым клиентом, то поймёте, что это отличный сайт, который полностью создан для клиента. И даже этот дизайн сайта сделан не просто так настолько обычным.

лучшие landing page гральникДопуск СРО “Гральник Лицензирование”

Конечно, им есть куда расти. У них плывёт вёрстка в некоторых блоках, а их, к слову, 15 штук. Также у них не корректно стоят переносы слов и мало выделены главные элементы.

Но это мелочи. Ведь всё фундаментально сделано правильно и написано с точки зрения свойств-преимуществ-выгод.

6. Проект “Большая сушка”

Большинство женщин (их целевая аудитория) слышали о проекте “Бешеная сушка”. Их реклама к запуску заполоняет весь интернет. И это не удивительно, когда инвестируются миллионы на трафик.

Но без хорошего сайта получить десятки миллионов выручки не получится, поэтому их сайт также входит в наш ТОП.

лучшие landing page бешеная сушкаПроект “Большая сушка”

Видно, что к созданию подходили основательно, чего только одни тексты стоят. Но вот только совершили они одну большую ошибку – не сделали кнопку призыва в самом конце.

А это влияет на отток посетителей, в силу того, что они не видят логичного закрытия всей истории.

7. CRM “МегаПлан”

Мы сами пользуемся системой взаимоотношений с клиентами Битрикс24. Но так как у нас тема не “Рейтинг CRM”, то сайт системы Мегаплан превзошёл все ожидания.

Они через него донесли все главные моменты своей системы, после чего ты понимаешь, что это лучшее, что есть для бизнеса.

лучшие landing page мегаплан

CRM “МегаПлан”

Из наших пожеланий по улучшению – добавить видео-обзор системы, так как у всех прямых конкурентов он есть. И также сделать более понятные призывы, а именно, заменить заголовки (не кнопки) на “Начните пользоваться бесплатно” или что-то в этом роде.

Кстати! Если Вы хотите использовать Мегаплан в качестве своей CRM-системы, то советую не забыть промо-код “Megastart”. Так Вы получите скидку на первую покупку 10% и 14 дней бесплатного использования.

8. Банк для предпринимателей “Точка”

Ещё один лендинг от банка. Он получает премию за свою оригинальность. Данная страница рассылается своим друзьям в качестве реферальной ссылки.

При переходе по ней, человек включает видео и слышит из уст девушки имя рекомендующего (в нашем случае, Владимир). И также в ролике предлагается оформить заявку на открытие расчётного счёта.

Для усиления эффекта мы бы добавили ещё несколько блоков, которые давят на логику. Так как сейчас сайт больше направлен на эмоции. В некоторых случаях это могло быть правильным решением, но так как у нас выбор банка, то одними эмоциями тут не обойтись.

лучшие landing page банк точкаБанк для предпринимателей “Точка”
9. Оснащение тренажерных залов “Goodfit”

Интересный переход сайта из чёрной гаммы в белую с голубым. Но помимо интересного дизайнерского решения, в данном лендинге используется отличная игра заголовков.

В данном исполнении они являются не подводкой к блоку, а самостоятельными элементами, прочитав которые, уже можно создать полную картину.

Для полной упаковки не хватает видео-презентации от лица генерального директора. Наверняка он у них в отличной физической форме.

И также было бы отлично добавить цифры к кейсам. То есть сколько стоит зал, который получил клиент. Но это не критично, а желательно.

лучшие landing page гудфитОснащение тренажерных залов “Goodfit”
10. Торговый центр “МЕТРОПОЛИС”

Безусловно, это самый лучший лендинг пейдж торгового центра, который я когда-либо видел. Красиво подобраны цвета, донесены главные смысла, отличное юзабилити. Это всё сразу видно при перехода на этот лендинг. Поэтому кликайте и изучайте.

Хотя вставлю свои 5 копеек. Я, конечно, понимаю, что на этот сайт должны попадать люди, которые знакомы с этим центром. Но также на него будут попадать люди, которые будут видеть его впервые.

А значит логично было сделать небольшой дескрипшен (описание в несколько слов о компании), чтобы посетитель сразу знал куда попал и что его ждёт там.

лучшие landing page торговый комплексТорговый центр “МЕТРОПОЛИС”

Только Россия!?

Да, в своем обзоре я главным образом сконцентрировался на самые лучшие одностраничный сайты рунета, хотя в мире есть очень много достойных, хороших вариантов.

Причем, самое главное (и оно же самое удивительное), лендинг пейдж в буржунете использует не только малый бизнес, но и даже крупный бизнес.

К примеру, одна из самых известных служб такси в мире Uber взяла в качестве главного сайта следующий вариант – многофункциональный лендинг пейдж или, как еще принято говорить, многостраничный лендинг.

Это сайт, состоящий из множества лендингов. Практически многостраничный сайт. Но все-таки лендинг.

Но, я специально не выкладываю их landing page здесь, потому что они другие. Пускай все говорят о том, что мы повторяем всё за западом, но в данном случае я считаю иначе.

Мы, русские, другие. У нас другой тип мышления, так как мы живём в другой стране.

Например, у Американца почти нет опасений в голове, что компания возьмёт деньги и растворится. Так как у них всё защищено на десять рядов, что только один PayPal стоит.

У нас же, в России, этот страх стоит в первых рядах. Поэтому у них на сайте мало убеждающих блоков доверять компании, а у нас их тьма.

Я могу приводить ещё десятки аргументов, что у нас с ними будут разные лучшие лендинги. Поэтому прошу простить, но их вариантов здесь не будет.

Лучше наслаждайтесь нашими русскими решениями. Моделируйте наши тексты и блоки. А в зарубежных сайтах просто берите хорошие идеи для дизайна.

Коротко о главном

Теперь, когда Вы просмотрели всех претендентов, я не призываю Вас вслепую на них ориентироваться, но посмотреть лучшие landing page для примера определенно стоит.

Как минимум, у кого-то можно взять идею интересно сделанной анимации. Или, например, кто-то из создателей в совершенстве знает свою целевую аудиторию и использует это в течении всего лендинга. В общем, изучить, сделать выводы и перенять стоит.

И кстати, если Вы ищите идеи для своего первого лендинга, можете попробовать создать его самостоятельно. Так Вы поймёте что Вам нужно и что это не так просто, как кажется на первый взгляд.

Используйте для этого конструктор landing page, например Платформа LP. А уже потом, мы ждём Вас к нам в гости на совместную разработку.

in-scale.ru

что это + фишки маркетолога

Стань автором нашего блога. И зарабатывай на этом

Целевая страница, посадочная страница, лэндинг, landing page, лэндос и даже продающая заглушка — все эти названия, серьёзные и не очень, для особого вида сайтов, которые создают для конкретной задачи.

С очень большой вероятностью можно сказать, что для Вашей задачи. Но обо всём по порядку.

ЗНАТЬ ВСЕХ В ЛИЦО

Чтобы разобраться, что такое landing page и как он должен выглядеть, нам нужно понять, какие ещё существуют сайты, и, конечно, чем они отличаются от нашего гвоздя программы.

 И сразу скажу, что если рассматривать понятия “сайт”, “сайт-визитка” и “лендинг” с чисто технической точки зрения, то всё это сайты, но, с точки зрения задачи, – разные. Поэтому давайте разбираться, чем отличается лендинг от сайта визитки, корпоративного сайта и т.д.

1. Сайт-визитка

лендинг пейдж что это сайт визиткаСайт-визитка по торговым автоматам

Создаётся, чтобы представить компанию в интернете, дать о ней какую-то минимальную информацию.

Это как реальная визитка, которую мы отдаём на важных мероприятиях важным людям.

По теме: Сайт визитка: как создать самому и почти бесплатно

И чаще всего она, как и в случае с сайтом-визиткой, используется один раз, чтобы связаться с Вами, а после чего закинуть в глубокий ящик.

Сегодня такого рода ресурсы используют организации, получающие большую часть клиентов из офлайна, и этот сайт для них скорее для галочки, чем реальный инструмент продаж.

2. Корпоративный сайт

лендинг пейдж что это корпоративный сайт
Корпоративный сайт по внедрению IT-решений

Уже более серьёзная вещь, предназначенная для полноценной презентации компании в интернете.

Как правило, здесь всегда присутствуют несколько основных страниц: портфолио, о компании, наша команда, услуги, контакты и далее индивидуально. Хотя и эти пункты у Вас могут быть не все.

Основная задача такого сайта — формирование имиджа и информирование о большом количестве товаров или услуг, которых на одну страницу физически не разместить.

Именно поэтому большие крупные компании отдают предпочтения таким площадкам вместо лендингов.

3. Интернет-магазин

лендинг пейдж что это интернет магазинИнтернет-магазин по продаже техники

Наиболее сложный формат сайтов, предназначенный для демонстрации посетителям ассортимента и получения заказа от клиента.

Впрочем, Вы это и без моего умного описания знаете, так как покупки в интернет-магазинах сейчас стали уже нормой.

Самая идеальная ситуация, когда у Вас много (хотя бы свыше 30 штук) физического товара и Вам нужно его как-то удобно расположить.

А если ещё при этом для Вашей ниши нужно автоматизировать продажи, так это вообще то, что доктор прописал.

4. Лендинг

лендинг пейдж что это примерЛендинг по онлайн-занятиям йогой для беременных

Если говорить о лендинг пейдж, то он представляет собой только одну страницу. И задача лендинга — заставить посетителя совершить целевое действие.

Какое именно – зависит от задумки маркетологов, и совсем не обязательно это будет непременно покупка товара и услуги.

Это может быть из классического – заказать консультацию или расчёт стоимости. Это основное отличие лендинг от сайта многостраничника или интернет-магазина.

Кому он подходит и какие у него плюсы с минусами, мы обсудим дальше. Сейчас мне главное, чтобы Вы понимали чем отличается лендинг от обычного сайта.

Если к моему сожалению, мне не удалось это донести, то более подробно об отличиях лендинга от традиционных сайтов и сайтов-визиток мы уже писали.

По теме: Отличие лендинга от сайта. Выберите свой идеальный вариант.

ИЛЛЮЗИЯ ОБМАНА

Идея создания одностраничных сайтов начала набирать популярность ещё в далеком 2010 году (примерно), и до сих пор их популярность не спадает.

А точнее даже вырастает. И в основном потому, что с точки зрения владельцев бизнеса лендинг должен работать примерно так:

  1. Пользователь попадает на страницу;
  2. Восхищается продающестью и упаковкой бизнеса;
  3. Оставляет номер телефона и с нетерпением ждёт звонка менеджера;
  4. Бежит нести деньги к Вам в компанию.

Не хочу сказать, что так не бывает – очень даже бывает, но далеко не во всех сферах бизнеса и уж точно не с каждым лендингом.

Поэтому переходим к самому аппетитному – зачем нужен лендинг и кому он идеально подойдёт (а заодно и что продавать через лендинг)?

На этот вопрос я отвечу пошаговыми пунктами: кому можно, а кому нельзя, причём, категорически.

Нужен готовый Landing page?

Закажите разработку
в нашем агентстве

Посмотреть стоимость

Сделайте сами
на конструкторе

Перейти в конструктор

Ура! Попадание

Начну с того, кому продающий лендинг пейдж наверняка будет на руку и принесёт не одну сотню тысяч, а может даже миллионов долларов в тёплый карман.

Но помните, что всегда есть исключения и возможно Ваш проект именно такой.

1. Простые и недорогие продукты

Чем меньше человеку нужно времени на принятие решения, тем больше подходит в этом случае одностраничный сайт.

лендинг пейдж что это кому подойдетОтделка домов — услуга популярная и понятная пользователю

2. Сложные и дорогие продукты

Если клиенту важно подать всё в структурированном и последовательном формате для простоты переваривания, то лендинг также в кассу.

лендинг пейдж что это и для когоКвартиру площадью 380 кв. м тоже можно продать через лендинг

3. Важна связь с Вами

Принять финальное решение без Вас клиент не может? Или нужно уточнить у него детали? Тогда Вам снова подходит этот инструмент.

лендинг пейдж что это для какой сферыПонятно, что серьёзный проект нужно обсуждать не один день

Мимо! Вы промазали

А теперь несколько пунктов о тех случаях, когда преимущества лендинга не играют роли и одностраничный сайт Вам не нужен.

Хотя если будете сомневаться (или Вы опять себя считаете исключением), то напишите в комментариях, и мы дадим Вам бесплатный совет – “делать или не делать” из нашего 6ти+ летнего опыта.

1. Большой ассортимент

Бизнесу, торгующему свыше 20 различных товаров в розницу, лучше выбрать классический интернет-магазин. Исключения бывают, например, оптовые продажи. Но всё же редко.

лендинг пейдж что это кому не подойдет100.000 наименований каталога будет тяжело продать с помощью лендинга

2. Понятный продукт

Если Ваш продукт не требует презентации, а клиенту лишь важно прочитать больше про саму Вашу компанию, то лучше в этом плане будет многостраничный сайт.

лендинг пейдж что это кому это не нужноЗдесь важно не продать обследование, а сформировать доверие к ветеринарной клинике

3. Очень крупная компания (ничего не продаёте)

Допустим, Вы РОСНЕФТЬ, и логично, что Вам не нужно ничего продавать, Вам больше сайт нужен для общения с клиентами и ещё нескольких других задач.

лендинг пейдж что это роснефтьНапример, размещение актуальных новостей или предложения для инвесторов

Во всех остальных случаях правильный лендинг показывает себя как востребованный и действенный инструмент продаж.

Это понимают не только продавцы, но и покупатели; люди привыкли к формату одностраничного сайта, они готовы оставлять там свои контакты, делать заявки и покупать.

4. Исходящие продажи

Не нужно надеяться на много лидов через лендинг в тех сферах, где все продажи делаются через исходящие звонки и встречи. Не в том смысле, что их не будет, но скорее всего результат будет так себе.

лендинг пейдж что это и какие отличия

Еще одно видео, которое Вам точно стоит посмотреть, прежде чем делать выбор – лендинг или сайт другого вида.

Плюс на Минус

Допустим, Вы оказались в списке счастливчиков, которым подходит одностраничный сайт. Но это не значит, что Вам обязательно нужно теперь делать только его.

Как Вы помните, варианты есть всегда. Поэтому взвесим плюсы и минусы и наверняка добьём этот вопрос до логического завершения.

Плюсы лендингов

Основной плюс, который я хочу выделить отдельно, это возможность получить максимальную конверсию из посетителя в действие.

Определённо это не всегда хорошо, особенно, когда сил на обработку заявок не так много. Но с другой стороны, пускай даже половина будет не зрелых заявок, всё же их можно развивать на будущее.

  • Лендинг несёт конкретное рекламное предложение;
  • Создать его с технической точки зрения проще, чем полноценный сайт;
  • Использование нескольких лендингов позволяет сегментировать аудиторию;
  • При правильной подготовке лендинг можно не менять долгие годы;
  • С помощью лендинга можно быстро стартовать и продавать уже сейчас.

Минусы лендингов

Если говорить о минусах лендингов, то от них, как и от любой популярной идеи, многие ждут чудес.

Однако, общая тенденция интернет-маркетинга, да и вообще цифровых технологий такова, что становясь с каждым годом всё более простыми и понятными конечному потребителю, они всё сильнее и сильнее усложняются внутри.

А чем сложнее механизм, тем выше должна быть квалификация у того, кто его разрабатывает.

  • На лендинге можно разместить не больше одного-двух (ну максимум 10) предложений;
  • Проще технически – не значит дешевле. Хороший лендинг стоит денег;
  • Раскрывает сугубо одно предложение и немного о компании;
  • Лендинги применимы не в каждой сфере деятельности.

РезкиЕ продажИ. Ждать или плакать?

Если лендинг сделан профессионалами, с чётким пониманием того, какое именно целевое действие должен совершить посетитель, то эффект несомненно будет.

Сайты такого типа как раз и предназначены для быстрого старта продаж, ведь у посетителя лендинга есть только 2 пути: закрыть вкладку или оставить заявку.

При этом ещё важно понимать, что для лендинга важно не только качество страницы, но количество трафика, причём, целевого трафика.

А с этим, как правило, у многих проблемы, но почему-то именно при отсутствии результата все ищут недоработки в сайте, а не в источнике переходов.

Поэтому здесь нужно соблюсти баланс между качеством сайта и количеством трафика.

А для этого необходимо, чтобы реклама приводила трафик, который реально соответствует лендингу. А в свою очередь одностраничник предлагал решение проблемы пользователя, который перешёл на него.

И кстати у нас в компании принято считать конверсию не сайта, а именно трафика. Неожиданно?! Я знаю, и об этом у нас есть целая статья.

По теме:  Средняя конверсия сайта: миф разрушен.

Или впрочем можете просто посмотреть видео ниже и получить живую демонстрацию этой мысли:

БУДЕТЕ ДЕЛАТЬ САМИ?! Ноу!

Здесь, пожалуй, пришло время развенчать один из популярных мифов о лендингах, который, как несложно догадаться, породили владельцы этих самых конструкторов.

А миф звучит так: профессиональный лендинг — это просто. И сейчас мы с ним разберемся подробнее.

лендинг пейдж что это и платформыПять, ну край десять минут, и у вас будет настоящий лендинг. Но это не точно.

Причём, помогает формированию такого мнения не только реклама конструкторов, но и многочисленные курсы и видеоуроки по созданию лендингов.

Действительно, зачем платить за то, что можно сделать самому? Посмотрю пару видео и вперёд. Только вот на практике почему-то всё получается по-другому.

лендинг пейдж что это плохой примерОни говорили, что сайт будет продавать…

Поэтому поймите, нагнать на лендинг платного трафика из контекстной рекламы можно достаточно быстро, но будут ли посетители сайта конвертироваться в клиентов – это большой вопрос.

Современный покупатель избалован удобными и быстрыми сайтами, предугадывающими его желания.

Стоит Вашему потенциальному клиенту столкнуться с чем-то непонятным, как можете с ним прощаться. Он закрыл вкладку и ушёл к Вашему конкуренту.

Лендинг — это инструмент продаж, и в Вашем бизнесе, как и в любом другом деле, хороших результатов можно добиться, лишь используя качественные инструменты.

Которые нужно либо изготовить самому, предварительно изучив как минимум 3 направления маркетинга, либо купить у мастера.

Если же Вы не чувствуете в себе таланта Страдивари от интернет-маркетинга, и вообще-то Вам надо ещё и бизнесом управлять, и решать кучу других проблем, значит заказываем эффективный лендинг на стороне. 

Или как уже сказал, изучите в первую очередь хорошо интернет-маркетинг, начиная с наших статей, а уже потом приступайте к делу. Кстати, в материалах ниже найдёте правила создания лендинга, узнаете о текстах для лендинга и так далее с примерами.

По теме: 
Как сделать лендинг самому: детальное руководство
Продающий текст для лендинга (примеры)
Структура лендинга: советы маркетолога

Стоимость продающего лендинга

Так как мы пропагандируем идею, что каждый должен заниматься своим делом, то по-умолчанию считаем, что Вы будете заказывать работу у профессионалов. И в этом случае есть целых три варианта:

  1. Фрилансер;
  2. Недорогая веб-студия;
  3. Маркетинговое агентство.

Я не буду расписывать что лучше, плюсы и минусы каждого и так понятны. Я лишь дам главную мысль, чтобы Вы сделали правильный выбор: чем выше ставка (заработок и риски потери клиента), то тем меньше нужно экономить.

То есть если Вы едете далеко в лес, то экономить на машине, которая Вас туда повезёт, будет считаться самоубийством.

Важно. Разработка лендинга – это задача, требующая комплексного подхода.

Один человек, да ещё и без опыта разработки продающих сайтов, максимум пробежится по верхам, и в лучшем случае сделает шаблонный лендинг.

Чтобы создать эффективный лендинг и для достижения ощутимого эффекта, нужны знания и опыт сразу нескольких высококвалифицированных специалистов: копирайтера, программиста, дизайнера, маркетолога.

Чтобы понять, каким должен быть сайт, и сделать его хорошо, им нужно сначала погрузиться в сферу Вашего бизнеса, понять потребности потенциальных клиентов, а это занимает время.

Фрилансер или ребята из небольшой веб-студии, клепающие однотипные страницы по одному шаблону и для салона красоты, и для нефтяной компании, – структура лендинга будет одинаковой.

И все потому, что они вряд ли найдут в себе желание вникать в специфику Вашего дела и придумывать для сайта продающие фишки.

У них просто нет на это времени, они зарабатывают за счёт количества выполн

in-scale.ru

Landing page, которая работает / Habr

Знания о том, как сделать хорошую landing page помогут увеличить количество желаемых действий, совершаемых пользователями на Вашем сайте. В статье приводится обзор элементов дизайна хорошей landing page.

Что такое landing page?


Перед тем, как мы начнем давайте определим понятие landing page:
  • с технической точки зрения landing page – это страница, которая состоит из таких же элементов, как и обычная веб-страница (HTML, CSS, текст, картинки, видео и т.д.)
  • с точки зрения бизнеса – это страница, которая подталкивает пользователя совершить требуемое действие (покупка или подписка)
  • с точки зрения пользователя – это страница, на которую он перешел по ссылке с другого сайта (из поисковика, твиттера, кликнув на баннер)

Три наиболее частых причины создания landing page:
  • заставить пользователя зарегистрироваться или подписаться на рассылку
  • продать конкретный продукт в конкретной ситуации (распродажа или промо-акция)
  • заставить пользователя скачать или установить софт

Принципы разработки эффективной landing page


Давайте обсудим компоненты или факторы, присущие хорошей landing page.
Call to action (призыв к действию)

Call to action просит и даже заставляет пользователя совершить конкретное действие. Пример call to action – «Подпишитесь на нашу рассылку». Часто call to action предлагает пользователю кликнуть на какой-то элемент страницы (ссылку или кнопку) или заполнить форму.

Советы:

  • Выражайтесь четко. Конкретно говорите пользователю, что именно он должен сделать и что будет потом.
  • Не злоупотребляйте call to action-ами. Если на сайте их немного, то можно сфокусироваться на том, чтобы пользователь предпринял желаемое действие как можно скорее.
  • Используйте кнопки. Кнопки – это традиционный контрол и любой пользователь знает, что по нему можно кликнуть. Хороший дизайн кнопки еще раз обращает внимание на call to action.
  • Дополнительная информацию должна быть наготове. Именно она должна убедить пользователя предпринять необходимое действие.

Landing page компании Square – отличный пример хорошего call to action, который направлен на регистрацию пользователя. Сайт предлагает завести аккаунт, и, как результат действия, Вы бесплатно получаете продукт компании (считыватель кредитных карт Square).

Заголовок

У хорошей landing page должен быть эффективный заголовок. Именно он дает пользователю понять, чего ожидать от этой странички и что он попал в нужно место.

Имейте ввиду, что у заголовка всего одна цель – заставить пользователя оставаться на странице как можно дольше.

Когда делаете заголовок, спросите себя: «Достаточно ли это интересный заголовок и действительно ли заставляет пользователя продолжать читать дальше?»

Советы:

  • Пишите простые и короткие заголовки. Не тратьте время пользователя, объясните ему главную идею того, что он может получить на этом сайте как можно скорее.
  • Дизайн должен привлекать внимание пользователя. Используйте большой шрифт и располагайте заголовок на заметном месте – вверху страницы, там где ему положено быть.
  • Используйте релевантные слова. Используйте слова и фразы, благодаря которым пользователи придут к Вам из поисковиков – используйте тэги h2 и h3 для заголовков.

Хороший пример заголовка у landing page компании Shopify. Он весьма короток и дает представление о том, чем занимается сервис, и привлекает внимание, ведь использован крупный размер шрифта и расположен заголовок на видном месте. Найти Shopify в поисковике можно, набрав «ecommerce store».

Простота

Landing page должна быть максимально простой. Пользователь может запутаться и уйти, если страничка слишком перегружена: чем сложнее landing page, тем меньше шансов, что пользователь совершит нужные действия. Все должно быть предельно ясно, и должны быть использованы только необходимые элементы.

Советы:

  • Каждый элемент страницы должен подталкивать пользователя совершить действие. Используйте принципы редукционизма, чтоб убрать лишние элементы и текст.
  • У landing page должен быть один главный call to action. Цель странички должна быть предельно ясна и заключается в том, что пользователю необходимо выполнить одно единственное действие. Наличие других действий призвано способствовать выполнению главного.
  • На landing page должно быть много свободного пространства. Слишком перегруженная страница может отпугнуть пользователя.

Landing page Dropbox крайне простая. Там всего 3 элемента: логотип, видео и одна единственная кнопка. Call to action – скачать приложение. Но ведь видео – это дополнительный call to action, дающий пользователю информацию о том, почему он должен стать пользователем Dropbox.

Траектория взгляда

Чтобы быть уверенным, что посетитель увидел все элементы landing page, которые помогут ему принять решение для совершения call to action, траектория взгляда должна быть хорошо продуманной.

Надлежащая траектория ускоряет восприятие информации и гарантирует, что посетитель сайта в конечном счете понял call to action.

Советы:

  • Расположите элементы landing page в логической визуальной последовательности. Определите порядок, в котором нужно просматривать элементы и придерживайтесь его. Узнать больше о визуальной последовательности можно тут: «Working with Visual Weight in Your Designs», «Creating Focal Points in Your Web Design» «Using Power Structure and Gestalt for Visual Hierarchy».
  • Используйте графические элементы. Стрелки, иконки и яркие картинки могут помочь направить взгляд пользователя на нужную область страницы.
  • Используйте контрастные цвета для определенных компонентов веб-страницы. Яркие элементы выделяются, привлекая к себе внимание.

Пример хорошего использования ярких элементов – сайт LetDoThis!, который приглашает посетителей пожертвовать деньги для благотворительного фонда. Первое, что Вы видите, зайдя на страницу – call to action – многочисленные стрелки указывающие на ключевую кнопку «Пожертвовать». Обратите внимание на то, что кнопка и стрелки имеют высокую контрастность цветов по сравнению с темно-сером фоном.

Релевантность

Пользователи попадают на Вашу landing page из разных источников, поэтому landing page должна соответствовать каждому из них. Например если на рекламном баннере написано, что перейдя по нему Вы сможете купить iPad в 2 раза дешевле, то на landing page должен быть именно iPad со скидкой.

Советы:

  • Создавайте отдельные landing page для каждой маркетинговой кампании. Если Вы делаете рекламную компанию с Facebook, то это должно быть отражено на landing page.
  • Landing page должна меняться в зависимости от источника – добавляйте контент, промо-коды и call to action-ы.

Не подвергайте пользователя риску

Очевидно, что никто не любит рисковать. Отнеситесь ответственно к вопросам безопасности, конфиденциальности и мошенничества.

Советы:

  • Предлагайте убедительную гарантию. Например, если Вы предлагаете купить товар, то нужно предусмотреть возможность возврата их денег, если они не удовлетворены приобретенным.
  • Постарайтесь предвидеть, в чем будет сомневаться пользователь и убедите его в обратном. Расскажите подробнее, что пользователь получит, совершив такое действие. Чаще всего беспокойство связано с расходами, временем или безопасностью.
  • Если возможно, то предлагайте попробовать услугу или товар бесплатно. Например, если Вы продаете платную услугу и имеется несколько тарифов, то предусмотрите наличие бесплатного тарифа где не нужно будет указывать данные кредитной карты.

Сайт Squarespace – хороший пример того, как снижается риск подписки или пользования сервисом. Обращается внимание на то, что пользователям не требуется вводить номер кредитной карты, что процесс регистрации занимает всего 30 секунд и нет никаких постоянных обязательств. Т.е. решены проблемы затрат, времени и безопасности.

Дефицит

Еще один способ заставить landing page работать – создать ощущение дефицита. Если посетитель страницы почувствует, что этот продукт может скоро пропасть из продажи или цена на него возрастет, то это может сработать, и он совершит действие сразу.

Советы:

  • Помещайте на странице текст, который передает ощущение срочности. Например, четко заявив, что специальные скидки скоро закончатся, можно призвать пользователей купить товар прямо сейчас.
  • Динамически обновляйте информацию, сообщающую о дефиците. Например, можно показать на странице счетчик количества оставшихся товаров.

На сайте Mighty Deals размещается таймер, показывающий срок действия скидки. Он подталкивает пользователей не откладывать покупку на потом.

Элементы доверия

Есть много способов, чтобы убедить пользователей в том, что пользование сайтом надежно и безопасно.

Один из способов заключается в использовании социальных сервисов в качестве доказательств. Это может быть лента твитов о продукте, отзывы предыдущих покупателей, а также положительные отзывы о Вас на других сайтах, например блогах.

Также имеет смысл отобразить полученные награды или сертификаты.

Советы:

  • Размещайте социальные данные из авторитетных и известных веб-сервисов. Хорошим примером является количество лайков в Facebook.
  • Используйте элементы доверия связанные с call to action и размещайте их рядом.
  • Будьте честными. Не стоит публиковать поддельные статусы или отзывы с других сайтов.

На сайте FreshBooks Вы можете видеть три различных элемента доверия: (1) число людей, использующих сервис, (2) цитаты из авторитетных и известных источников, таких как Нью-Йорк Таймс и (3) сертификат безопасности.

Заключение


Разработка landing page имеет решающее значение для того, чтобы пользователь совершил желаемое действие. Следуя простым советам, упомянутым выше, Вы сможете создать эффективную и действенную landing page.

habr.com

виды landing page, структура и советы

Андрей Батурин,

Андрей Батурин

Лендинг или landing page — это посадочная страница, которая создана для выполнения одной задачи. Чтобы лендинг с этим справился, у него должна быть ясная цель, логически выстроенная структура, продающий контент и удобный интерфейс.

Мы продолжаем серию статей про разработку и продвижение лендингов, и на этот раз обобщим весь опыт и расскажем, как создать идеальный landing page.

Зачем вам создавать лендинг

Почему не создать просто сайт? Главное отличие лендинга от обычного сайта в том, что landing page — инструмент продаж. А сайт может выполнять десятки других функций, в том числе, некоммерческих.

Лендинг может себе позволить быть навязчивым. В хорошем смысле этого слова. В лендингах яркие и заметные кнопки, поля для заполнения, призывы к действию. Пользователи понимают это, и навязчивость не раздражает так сильно, как на обычных сайтах. Соответственно, и конверсия на landing page выше, чем на обычных сайтах.

Обычно посадочную страницу создают, чтобы увеличить объемы продаж или собрать данные людей, которые заинтересованы в продукте. Если разбирать этот вопрос глубже, можно выделить еще несколько задач, которые решает лендинг.

Убеждение. Идеальный лендинг дает пользователю информацию, которая необходима для принятия решения. Он грамотно подает преимущества товара или услуги, заранее нивелирует сомнения, доказывает целесообразность покупки.

Информирование. На лендинге можно разместить подробную информацию о товаре или услуге, красочно оформить, сделать нужные акценты. В отличие от стандартных карточек товаров, landing page дает возможность раскрыть все преимущества и особенности.

Тестирование. Если вы хотите протестировать новый прайс на ограниченной выборке клиентов или провести анализ промоакции перед запуском, создайте отдельный лендинг и пригласите на него только целевую аудиторию. Это позволит не менять сразу цены на основном сайте, а протестировать их на небольшом количестве клиентов.

Продвижение офлайн-событий. Если вы проводите мероприятие и хотите приглашать на него участников через интернет, не нужно создавать для этого целый сайт — это долго и нецелесообразно. А вот создать посадочную страницу с информацией о мероприятии и формой регистрации — в самый раз.

Прирост базы контактов. Посадочные страницы отлично справляются со сбором данных и заказом обратных звонков. Заинтересуйте пользователя, покажите свою пользу, и он с удовольствием оставит номер телефона, электронную почту и даже домашний адрес.

Сегментация. Допустим, у вас интернет-магазин электроники, и вы ищите поставщиков. Размещать информацию о поиске прямо в магазине не круто — клиенты подумают, что у вас проблемы с поставками и не захотят покупать. Лучше создать отдельный landing page и описать в нем преимущества сотрудничества с вами. Так вы разделите информацию для разной аудитории.

Виды лендингов

Отталкиваясь от задач, структуры и особенностей оформления, можно выделить шесть видов landing page.

1. Информационный

Не все посадочные страницы продают. Иногда с помощью посадочной страницы удобно оформить статистику или инфографику. Часто в таком формате создают отчеты, дайджесты новостей, итоги года/квартала/месяца.

Особенности информационных лендингов:

  • отсутствие или ненавязчивость call-to-action;
  • относительно много текста;
  • форматирование как в лонгридах: подзаголовки, списки, цитаты, полужирный шрифт и курсив;
  • много статистики и цифр, наглядные графики и диаграммы, инфографика;
  • иллюстрации занимают меньше места, чем в продающих landing page.

2. Внутренний лендинг

Лендинг не обязательно должен лежать на отдельном домене. Нередко его встраивают в структуру уже готового сайта, выделяя отдельный раздел. Часто в формате landing page создают главную страницу компании. Это подходит для ситуаций, когда пользователь принимает решение о сотрудничестве сразу на главной странице: в сфере услуг, IT-сервисах и пр.

Такие лендинги проще продвигать в поисковиках, так как они индексируются в качестве страниц большого структурированного сайта.

3. Стандартный продающий лендинг

Его цель — увеличить объемы продаж конкретного товара или услуги. Продвигают такую страницу обычно через рекламу: контекстную и таргетированную, в соцсетях, через email-рассылки.

Особенности продающего landing page:

  • ясный призыв к действию;
  • заметная форма лида;
  • минимум абстрактной информации;
  • небольшой объем текста.

Через посадочную страницу продают товары и услуги. В первом случае создают landing page с акцентом на иллюстрациях, видеообзорах, подробных характеристиках. Покупателю важно рассмотреть товар, убедиться в его качестве. Лучше сосредоточиться на одном товаре или на одной категории. Не пытайтесь уместить в одном лендинге все предложения.

В случае с продажей услуг акцент делают на тексте, так как иллюстрации зачастую не способны передать преимущества и особенности услуги. Эта задача немного сложнее: важно убедить клиента в своей надежности и качестве услуг, не имея видимых аргументов. Тут поможет воздействие текстом на эмоции, отзывы других покупателей.

4. Резюме и портфолио

Такой лендинг имеет смысл создавать для маленьких фирм, индивидуальных предпринимателей и фрилансеров. В случае с резюме, landing page поможет подороже “продать” ваши умения. Вместо стандартного документа Word с перечнем навыков и опытом вы можете создать уникальное CV, расставить нужные акценты и удивить будущего работодателя.

В этом формате удобно оформлять и портфолио. Вариант подходит для дизайнеров, разработчиков, художников, копирайтеров — всех специалистов, результат работы которых можно посмотреть.

5. Многостраничный

Если вы планируете разместить много информации или просто хотите использовать landing page не для разовой акции, а на постоянной основе, создайте многостраничник с несколькими разделами.

Технически он все равно останется одностраничным, но в нем будет удобная навигация:

  • статичная “шапка” с разделами сайта: контакты, портфолио, цены и пр.
  • переход к разделам в один клик.

Проще говоря, пользователь, нажавший на “Контакты”, перейдет не на отдельную страницу, а к нужному блоку на лендинге. Создавайте такой формат страницы, чтобы сэкономить на разработке сайта со сложной структурой и в случае, если у вас небольшой ассортимент товаров и услуг.

6. Собиратель данных

Если вы не продаете прямо в интернете, или у вас цель — не продать, а расширить базу подписчиков, создайте подписной лендинг. Его задача — собрать данные пользователей: телефон, email и т.д. В более сложном варианте можно собирать данные о предпочтениях посетителя: например, прикрутить виджет калькулятора для расчета услуги и через него узнавать, что конкретно нужно клиенту.

Полученную информацию уже обрабатывают менеджеры и маркетологи: составляют индивидуальные предложения, звонят и рассылают письма.

Чтобы посетители захотели оставить контакты, недостаточно их просто заинтересовать. Предложите им реальную пользу сейчас: бесплатный образовательный курс, бонусы на покупку, промокод от партнера.

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

Структура landing page может меняться в зависимости от его вида, целей, аудитории и особенностей продвигаемого товара. Но есть несколько основных элементов, которые остаются неизменными в любой структуре.

Заголовок. Поместите прямо в него уникальное торговое предложение. Посетитель должен сразу понять, о чем пойдет речь. Поэтому заголовок — ключевой элемент в структуре лендинга. Обычно уникальное торговое предложение создают еще на стадии планирования.

Заголовок должен быть коротким. Если уместить в него весь посыл не получается, используйте прехедер — уточняющий текст под заголовком. Он тоже должен быть недлинным — не больше пары предложений. Его цель — дополнить и/или расшифровать посыл заголовка.

Форма для сбора лидов. Это поле в структуре лендинга, куда посетитель вписывает свои данные: имя, контакты, данные банковской карты для оплаты и пр. Форму всегда располагают на первом экране, в правой части. Оптимальность такого расположения проверена многочисленными тестами. Мы читаем слева направо, и лид форма становится логичным завершением чтения текста. Иногда форма статична и остается на экране даже при пролистывании вниз — это дает возможность человеку совершить действие в любое время.

Презентация. Затем переходите к демонстрации своего продукта или услуги. В первом случае вам помогут иллюстрации: они должны быть высокого разрешения, уникальные (никаких стоковых фото) и помогающие лучше разобраться в товаре. Можно добавить видео.

Не забывайте и о тексте: он должен быть исчерпывающим, но не слишком затянутым — никто не читает длинные полотна на продающей странице. В случае с продажей услуг текст выходит на первое место. Добавьте в структуру лендинга рассказ об основных фактах, которые помогут клиенту сделать выбор.

Преимущества. Человек узнал о вашем продукте, заинтересовался и понял, что хочет его получить. Но у него возникает логичный вопрос: почему покупать именно у вас? Пора доставать все козыри. Будьте честны и не пытайтесь обмануть клиента, добавьте в структуру лендинга рассказ о своих реальных преимуществах. Например, низкая цена, быстрая доставка, гарантийное обслуживание, индивидуальные решения для каждого случая, подарок при покупке, бонусы у партнеров и так далее. Убедите читателя, что надо покупать именно у вас.

Работа с возражениям. В структуре лендинга с высокой конверсией всегда предусмотрена автоматическая работа с возражениям клиентов. Встаньте на его стороны и попытайтесь понять. какие у клиента могут возникнуть вопросы и сомнения.

Цена дороже, чем у конкурентов? Зато у нас гарантия и страховка! Платная доставка? Зато товар точно не потеряется на почте и доедет прямо вам домой. Нет всей суммы на покупку? Можем оформить рассрочку или кредит.

Отзывы. Никогда не добавляйте фейковые отзывы с фотографиями стоковых моделей -- так вы отпугнете покупателей. Ближе к концу структуры лендинга создайте блок с отзывами реальных клиентов, в идеале — дайте ссылки на их контакты и соцсети. Так вы вызовете доверие и покажете, что гордитесь своими работами/товарами.

Call-to-action. Элемент в структуре лендинга, ради которого все и затевалось. Обычно призыв создают в виде кнопок “Купить”, “Заказать”, “Зарегистрироваться”, “Подписаться”. Маленькая хитрость для повышения конверсии: текст кнопки должен соответствовать мыслям посетителя. То есть, не “Заберите промокод”, а “Забрать мой промокод”.

Контакты. В конце структуры лендинга создайте блок с контактами: телефон, email, адрес (если у вас есть офис). В последнем случае неплохо также прикрутить карту от Яндекса или Гугла.

Еще четыре совета при создании структуры продающего лендинга.

  1. Только один призыв к действию.
  2. Не запрашивайте много информации. Пользователи знают, что лендинг — это разовая страница для рекламы конкретного продукта или услуги. И они не готовы оставлять вам всю личную информацию, просто чтобы купить курс лекций или подписку на онлайн-кинотеатр.
  3. Смотрите глазами клиента. Рассказывайте и показывайте не то, что вам хочется, а то, что заинтересует посетителя.
  4. Не рассчитывайте на готовые конструкторы. Если у вас нет знаний в интернет-маркетинге, рекламе и копирайтинге, конструктор готовых лендингов не поможет создать эффективную страницу. Сервисы конструкторов — это полезный инструмент для специалистов, но без нужных знаний они неэффективны.

— Чтобы создать идеальный лендинг, проведите анализ аудитории, определитесь с задачами, выберите один оффер и приступайте к разработке. Используйте понятную продающую структуру landing page и не загромождайте его лишней информацией — тогда можете рассчитывать на высокую конверсию.

Другие статьи по тегам

виды сайтов сайты

на эту тему

Контент для промостраниц: как не утопить свой лендинг Легко ли продвигать лендинг? Landing page: секреты эффективности Продающий landing page: чек-лист на 2019 год Landing page — когда пора обновить, заказать редизайн или новый сайт Нестандартные способы вывести сайт в ТОП Если сайт не продвигается: проблемы и решения Как правильно подготовить сайт к продвижению

webevolution.ru

Преимущества landing page: правильный лендинг пейдж: правила создания

Что это такое?
Творите сами
Основные достоинства созданного лендинг пейдж
Доверяйте профессионалам
Что предлагаем мы нашим клиентам?
Вместо заключения

Успешно развивать бизнес в условиях высокой конкуренции очень сложно. Поэтому в борьбе за лидерство необходимо использовать современные и действенные маркетинговые инструменты. Если популярные виды рекламы не дают желаемого результата, а вы хотите увеличить продажи, продуктивно провести акцию или просто привлечь новых клиентов, то отличным помощником в реализации этих и других проектов станет сайт одностраничник – лендинг пейдж.

Многочисленные преимущества landing page делают ее удобным, актуальным и стильным способом продвижения и расширения бизнеса в сети.

Что это такое?

Landing page – это «легкий» сайт, созданный для привлечения целевой аудитории к товарам, услугам или акциям. Обычно на целевую страницу попадают благодаря переходу с контекстной рекламы или информации поисковиков. На подобных одностраничных сайтах расположена необходимая для посетителя информация в такой форме, чтобы он максимально сфокусировался на ней. Более того, правильный лендинг направлен на стимулирование желания совершить полезное действие: регистрация на сайте, оформление заказа, звонок в офис компании, подписка на рассылку. Благодаря такой направленности landing page обеспечивает повышение конверсии до 30% и более. Как правило, лендинг пейдж имеют привлекательный и в меру лаконичный дизайн. Все делается для того, чтобы на странице отсутствовали факторы, отвлекающие от ее содержания.

Главная задача лендинга – привлечь как можно больше клиентов, которые заинтересованы в предложении, желают больше узнать о товаре или акции, а, может, сразу и приобрести.

Творите сами

Создать правильный landing page сегодня можно самостоятельно, скачав или приобретя шаблон посадочной страницы. Чтобы лендинг пейдж стал максимально эффективным, специалисты рекомендуют придерживаться некоторых правил создания и оформления страницы. Придерживаясь их можно получить результат, превосходящий ожидания.

Хорошим landing page присущи определенные свойства и элементы:

  • заголовок. Его цель привлечь потенциального клиента и как можно дольше удержать его внимание. Для написания заголовка рекомендуют использовать крупный шрифт, располагать его вверху страницы и не сочинять слишком длинных текстов. Заголовок должен дать понять посетителю, что он попал на нужную страницу и что ожидать от страницы.
  • правильная структура landing page. Расположение элементов страницы в логической последовательности поможет нужным образом воспринимать информацию, подталкивая посетителя к полезным действиям. Помимо ярких картинок можно использовать стрелки, направляя взгляд человека на нужную область. Обычно элементы располагают в такой последовательности – цепляющий заголовок и продающая картинка или фото, форма для заполнения контактных данных, плюсы и минусы товара или услуги, отзывы клиентов воспользовавшихся услугами компании.
  • простота. Чтобы посетитель страницы не заблудился на ней и сразу же не покинул ее, не стоит перегружать landing page информацией, изображениями, кнопками. Все должно быть лаконично, но в то же время интересно, только необходимые данные и изображения. Элементы landing page подбираются так, чтобы побудить человека к выполнению главного действия, а не отпугнуть его.
  • призыв к действию. Call to action обычно подталкивает кликнуть на кнопку или другой элемент страницы, зарегистрироваться, оставить свои контактные данные, заполнив специальную форму.

Основные достоинства созданного лендинг пейдж

Используя эти несложные правила создания можно проверить на своем бизнесе все преимущества успешного лендинга:

  • ориентируясь на конкретную целевую аудиторию при правильной раскрутке и рекламе, конверсия landing page будет намного больше, чем у обычных сайтов;
  • благодаря простоте создания страницы она может быть готова к работе и запущена за несколько часов, а изменение информации на ней происходит в считанные минуты;
  • посадочные страницы обычно быстро загружаются, даже на устройствах со слабым интернетом, посетителю не надо долго ждать;
  • landing page – это весьма действенный и результативный инструмент, ведь если даже посетитель сайта ничего не приобретет или не закажет, велика вероятность, что он оставит свои данные. Таким образом, сформируется база потенциальных клиентов, которым в дальнейшем можно напоминать о себе по средствам e-mail рассылки;
  • при помощи landing page можно успешно повысить эффект от контекстной рекламы
  • лендинг пейдж позволяет оценить и проанализировать объемы и целесообразность интернет-продаж
  • помогает увеличить продажи при некачественном основном сайте
  • низкая стоимость разработки.

Доверяйте профессионалам

Решив создать landing page самостоятельно, каждый считает, что лучше него никто не знает специфики работы, товара, услуг. Бесспорно, так и есть. Но не стоит забывать, что при недостаточных знаниях и навыках работы с шаблонами страниц, даже, применяя все правила создания landing page, можно потерять много времени и не получить желаемого результата. А в бизнесе дорога каждая минута.

Если вы не уверены в своих силах, доверьте решение этой задачи профессионалам. Заплатите один раз и получайте постоянный и стабильный доход.

Что предлагаем мы нашим клиентам?

  • работа над лендинг пейдж происходит индивидуально с каждым заказчиком;
  • опытные маркетологи проводят глубокий анализ рынка, определяют целевую аудиторию и ее потребности;
  • профессиональные копирайтеры формулируют УТП, пишут специально для вас цепляющий заголовок и тексты;
  • креативные дизайнеры разрабатывают оригинальное оформление и подбирают наилучшие продающие картинки и фото;
  • программисты, прежде чем передать вам страницу, проводят тестирование ее работоспособности;
  • доступные цены.

В результате совместной работы наших специалистов вы получаете:

  • эффективный и привлекательный лендинг с высокой конверсией;
  • грамотную формулировку торгового или акционного предложения;
  • кроссбраузерную верстку;
  • адаптивный интерфейс;
  • формирование клиентской базы исключительно из представителей целевой аудитории;
  • рост популярности основного сайта (при наличии) и контекстной рекламы;
  • активное продвижение бизнеса в сети и его развитие.

Вместо заключения

На всех этапах работы над landing page будут учтены все ваши пожелания относительно контента, оформления, структуры, дополнительных функций. Мы уверены, что каждый наш клиент останется доволен результатом наших стараний и вернется еще.

Высоких вам конверсий!

image source: Yoann JEZEQUEL

25-12-2015

lpgenerator.ru

Каждому по Landing Page. Наболевшее / Habr

То ли с подачи Бизнес Молодости, то ли по иным причинам, сейчас только ленивый не предлагает разработку Landing Page. И на то есть причины. Согласно глобальной идее, лендинг – эта такая особая страница, которая технично должна превращать посетителей в лиды со значительно большей вероятностью, чем это умеет делать сайт в привычном понимании.


Сатира на большинство «лендинг пейджей»

Как грибы после дождя ежедневно появляются все новые и новые сайты лендинги, предлагающие всем нуждающимся разработку профессиональной landing page стоимостью от «трех копеек» и до умопомрачительных сумм.

С такой же скоростью по интернетам начинают расползаться секреты эффективных посадочных страниц, которые в целом сводятся к такому руководству:

  • сформулируйте четко предложение
  • ограничьте предложение
  • опишите, почему именно вы самые лучшие
  • опишите процесс работы
  • дайте социальное подтверждение
  • обозначьте ярко и заметно желаемое действие

Особо находчивые продают пачки шаблонов «эффективных landing page», а кто-то пошел еще дальше и так рынок получил универсальные онлайн-сервисы для самостоятельного «проектирования» landing page.
Все ли так просто, как 1-2-3?

Все больше и больше «специалистов» пытаются нас уверить, что знают как сделать конверсию в 40%, объясняя это магией правильными технологиями убеждения, особой последовательностью изложения и пониманием боли клиента (дословная фраза).

К сожалению, обычно, все это сводится к таймеру конского размера, в период действия которого нам предлагают 20-30-50-100% скидку, сковородку и доставку снегурочкой в бикини.

Из доброй сотни просмотренных лендингов о лендингах, лишь малая часть хоть что-то говорила о непосредственно самих объектах влияния – нас с вами, тех самых таинственных потребителей, которые должны легко и непринужденно оставить свой контакт или выполнить другое желаемое действие.

Помешательство на техниках

Почти каждый лендингпейдмейкер с удовольствием расскажет о техниках убеждения, о крупных кнопках, емких заголовках, стильных таймерах итд. Но мало кто вообще задумывается ради чего все это делается. Убеждение совершить то или иное действие не может строится только на шаре (акциях, скидках) и других сомнительных техниках.


Вот такая западная инфографика полюбилась многих студиям СНГ настолько, что каждый третий считает своим долгом разместить ее на своем сайте лендинге.

Давайте вспомним о пользователях

Как и в случае с классическим проектированием интерфейсов (и разницы тут по сути ни какой), в центре всего процесса оказывается некий собирательный образ – персонаж с именем, фотографией и даже историей жизни у которого есть свои веские причины посетить ваш сайт. У персонажа есть жизненный опыт: мечты, страхи, сомнения, мысли и действия. Посещая сайт, он хочет выполнить некую задачу, например, купить какой-то товар или заказать услугу. У него есть определенные представления на этот счет и в зависимости от того, насколько сайт будет соответствовать его ожиданиям — он выполнит или не выполнит желаемое нам действие (то есть реализует или не реализует свою цель на нашем сайте).

Задача опытного проектировщика выявить этих самых персонажей из множества всевозможной аудитории, определить их потребности (ожидания) и реализовать соответствующие интерфейсные решения.

И в этих интерфейсных решениях вполне может не оказаться ни таймера, ни акции, ни скидки, но лендинг при этом будет работать с более высокой отдачей.

Весь секрет кроется в том, чтобы правильно понять целевую аудиторию продукта или услуги и дать соответствующие ответы, которые просто не оставят другого выбора как обрадоваться и нажать вожделенную кнопку конверсии.

И на фоне этого простого, но важного действия все жалкие потуги большинства лендингпейджмейкеров просто сводятся к оперированию другими, более низкими, ценностями. Жажда получить дешевле, сэкономить заботит далеко не всех и затрагивает лишь малую долю аудитории. Компенсируя таким образом собственную необразованность, эти деятели приводят в бизнес своих клиентов довольно опасную аудиторию, главной ценностью которой является максимальная шара. И эта аудитория с радостью предаст бизнес и уйдет в миг к другому, если только не сделать еще большую скидку.

Персонажи помогают абстрагироваться от вашего личного опыта, личного опыта ваших коллег и спроектировать интерфейс действительно для той целевой аудитории, которая будет им пользоваться. Использование персонажей помогает более глубоко понять потребности целевой аудитории и выявить на первый взгляд неожиданные решения. Еще персонажей удобно использовать как документ в защиту интерфейсных решений, когда дизайнер, разработчик или еще бог знает кто вдруг решает проявить фантазию и внести свои корректировки в макет.

Как «родить» персонаж?

Как и в случае с обычными родами, персонаж является результатом предварительной работы, в нашем случае – исследований.

Сперва необходимо провести серию интервью со всеми ответственными сторонами. Такими сторонами могут быть:

  • директора
  • менеджеры
  • консультанты
  • продавцы
  • итд

При этом, если управленцы будут полезны для выявления бизнес-задач, то для будущих персонажей самыми важными будут как раз те личности, которые непосредственно общаются с клиентами. Зачастую консультанты и продавцы наиболее осведомлены о проблемах, потребностях и страхах клиентов, чем управленцы.

Самой частой ошибкой большинства компаний является попытка получить информацию по брифу. Так вот – не марайте зря бумагу. Вам никогда не удастся получить действительно важную и ценную информацию по брифу. Каждый бизнес уникален и имеет свои особенности, которые можно уловить только при личном общении. К тому же брифы далеко не весело заполнять, по этому обычно в них появляются лишь короткие отписки или информация без какой либо ценности.

Совсем идеально также провести интервью непосредственно с самими пользователями продукта или услуги, но обычно эта задача трудновыполнима и увеличивает бюджет проекта в разы, так что общения с консультантами и продавцами будет достаточно.

Подробные нюансы интервьюирования бизнеса отложим до следующего материала (если такой захотите).

На основе полученных данных можно довольно просто определить группы пользователей сходных по поведению и задачам и выбрать из них те, на которые будет рассчитан интерфейс. Каждая группа и есть персонаж (собирательный образ).

Теперь дело за картой эмпатии (Empathy Map). Она необходима для формирования полноценного образа каждого персонажа и выглядит примерно вот так:

Заполнить ее после интервью будет довольно просто и лучше это делать вдвоем.

Формируем потребности

В итоге, в карте эмпатии будут записаны те самые потребности, которые и нужны для создания крутого лендинга. Если проектируется полноценный сайт, то работу следует продолжить, создав карту идеального пути (Customer Journey Map). Но в лендинге ведь одна страница, так что опустим.

Теперь остается только приоритезировать потребности (самые важные закрываем сразу, остальные по ходу) и сопоставить им интерфейсные решения.

Что со всем этим делать?

Теперь, когда есть понимание целевой аудитории, персонажи и их потребности, появляется поле для настоящей деятельности. Вместо расталкивания по макету стандартных блоков вроде: «почему 99% клиентов выбирают нас», «спешите на акцию» итд, вы сможете ответить на действительно волнующие вопросы пользователей и захватить значительно более ценную аудиторию, чем ищущих шару.

И на последок следует сказать, что на самом деле любая описываемая техника, будь то таймер, предложение скидки или что-то другое может являться эффективным инструментом, если ее использовать правильно.

Например, проектируя лендинг для сервиса СМС-рассылки мы обнаружили, что ни один из множества конкурентов не предлагает ничего большего, чем просто сервис рассылки. Вместе с тем, из интервью с бизнесом четко прослеживалась необходимость помощи клиентам в обучении правильному СМС-маркетингу. Такое обучение не только повысило бы лояльность клиентов, но и увеличило бы прибыль самого бизнеса за счет более частных рассылок. По этому мы предложили заказчику составить руководство по эффективному СМС-маркетингу и давать его каждому клиенту, пополнившему счет на некую минимальную сумму. Таким образом мы сформировали УТП (уникальное торговое предложение). Далее были спроектированы две версии лендинга. В первой версии руководство транслируется как одна из особенностей сервиса, во второй – как УТП с таймером. По окончании технической реализации мы запустим A/B-тест и определим какой вариант оказался наиболее успешным.

В данном примере применение таймера вполне оправданно, потому что акция не высасывается из пальца, а транслируется предложение имеющее реальную ценность.

Главный инсайд этой статьи – думайте! Перестаньте штамповать шаблонные решения без какой либо аналитики и предварительной работы. Уважайте себя и бизнес клиента.

habr.com

Отправить ответ

avatar
  Подписаться  
Уведомление о