Без сильного дизайна онлайн-бизнес не «выстрелит» — или, не раскроется на все 100%. Внешнему виду лендингов посвящена категория нашего блога — . Но сегодня мы рассмотрим удачные примеры дизайна именно товарных лендинг пейдж.
Обратите внимание на роль «главного изображения» или «hero image» в каждом примере — оно закладывает продающий потенциал лендинга.
Надеемся, эти кейсы вдохновят вас на собственные тесты.
Сайт магазина дизайнерской одежды и аксессуаров Hebe Boutique — пример гармоничного, продуманного дизайна. Главное изображение сразу привлекает внимание, а фотографии товаров отличаются качеством. Типографика тоже радует: толщина шрифта больше стандартной, что, вместе с качественными фото, дает добротный визуальный образ.
Этот сайт eCommerce оформлен в удачной гамме. Разработчики отказались от традиционного белого фона, что выделило ресурс из подобных. Как и в примере выше, Ticklers используют прекрасные фото. Большие, сменяющиеся изображения показывают, как сидит и смотрится одежда на живых людях в реальных условиях.
Интересный формат социального доказательства — протестируйте его на своих .
После перехода сразу понятно, это — магазин женской одежды. Примечательно сочетание качественных женских фото с инфо-блоками о скидках, акциях, условиях доставки и прочему.
Интернет-магазин Ada Blackjack продает сумки и рюкзаки. Дизайн прост, в его основе — хорошие фото товаров. Такой макет не отвлекает от главного — товаров.
AMBSN — eCommerce-сайт по продаже одежды. Учитывая высокую конкуренцию, владельцы решили выделиться ярким оформлением — благо, стиль одежды позволяет это.
Другой способ выделиться — нестандартный дизайн. Пример — магазин одежды и товаров для дома RYDER, с весьма креативным макетом (см. меню на скриншоте). Стоит протестировать, как это влияет на конверсию landing page.
Считается, что на главной странице стоит указывать выгоды (бесплатная доставка, акции, распродажи и пр.) и размещать фото популярных товаров. Или просто товарную витрину, на крайний случай. Но глядя на сайт Morepork, кажется, что компания продает себя, а не свои товары.
Возможно, тактика оправдана — стоит протестировать ее, чтобы узнать убедиться в этом.
Dick Moby продают очки, и на лендинге бренда много сильных дизайн-ходов:
The Horse подкупает нестандартностью. Дизайн главной страницы построен на квадратных блоках. В первом — информация по доставке, в остальных — Instagram-фото продукта. Это интересно, потому что необычно.
Бренд продает накладные ресницы. Они же — в центре композиции, а благодаря укрупненным фото товара (и его упаковки), продукт привлекает внимание с первых секунд.
В дизайне Mahabis отражен важный аспект оффера — высокое качество. Пользователь может оценить мельчайшие детали — это внушает доверие и побуждает к покупке.
Poketo — пример грамотного расставления цветовых акцентов. Хотя на главной странице много ярких красок, в целом, дизайн не перенасыщен ими. Сайт скорее светлый, пастельный, а броские цветные пятна только собирают внимание.
Jackie Smith — очередной «яркий» сайт-eCommerce. Как и в примере выше, визуальный баланс выдержан хорошо. Насыщенными цветами выделены важные элементы — фото товаров и блоки с акциями. Все остальное — черно-белое.
Дизайн Grovemade перекидывает мост между домашней страницей и витриной — на сайте продаются деревянные подставки, канцелярия и аксессуары. Многое со скриншота ниже — продукты бренда. Расположение товара на фото тщательно продумано, а нестандартный — несколько округлый — шрифт дополняет художественную концепцию.
В онлайн-магазине обуви Muroexe товары удачно скомпонованы и представлены аккуратной сеткой. В дизайн много пустого пространства, что создает эффект легкости и улучшает пользовательский опыт.
На первом экране онлайн-магазина Greyrock — только фото. Там изображена мебель, которая собирается легко и без инструментов (реальное УТП). Девушка с книгой и надпись в заголовке дополняют композицию, как бы говоря: «Расслабься (Take it easy), закажи мебель, быстро собери ее и отдыхай».
Кстати, данный лендинг выполнен на очень простом макете. В галерее шаблонов LPgenerator вы можете найти множество похожих готовых страниц, а обширный позволит вам скорректировать выбранные макеты без специальных знаний:
Простота и красота керамики от Helbak удачно отразились на сайте бренда. Незамысловатые очертания товаров дополняет пустое пространство вокруг изображений.
Еще один интернет-магазин в стиле «Ничего лишнего». Хотя дизайн обходится без особых «фишек», впечатления незавершенности он не оставляет. Все к месту, от перечня товаров ничего не отвлекает.
Сайт с простым дизайном, без многочисленных фото продукта. При этом макет построен на «чистых» черных и белых оттенках, создающих выгодный контраст с фото ювелирных изделий.
Интернет-магазин THING IND. предлагает нестандартные товары для дома. Концепция отражена в оформлении лендингов. На сайте вместо черного выбран темно-синий шрифт (в том числе, для навигации). Дизайнеры создали непринужденную атмосферу, что нетипично для сферы eCommerce.
Soap Co. подают товар так, что он «продает себя сам». Нет никаких рекламных элементов — только фото и текст. Отличный пример минимализма в дизайне.
Насыщенный, стильный дизайн. Элементов много, но внимание не рассеивается. Заняты даже углы — в них размещена аббревиатура бренда.
Дизайн транслирует суть оффера: качественное кофейное оборудование. Под каждый товар отведен свой лендинг, с перечнем функций и выгод. Дизайн радует качественными фотографиями, продуманной цветовой гаммой, грамотной игрой с и типографикой.
Интернет-магазин Frank Body предлагает современные средства по уходу за кожей. Так как целевая аудитория — молодежь, то и дизайн сайта соответствующий. Эффект достигается монотипным шрифтом и пастельными тонами.
Кстати, отныне вам больше не нужно открывать сервис Google Fonts для получения сторонних шрифтов, ведь теперь шрифты подключаются прямо из .
Мы добавили все шрифты из коллекции Google Fonts в наглядную галерею, и все, что нужно сделать — это выбрать подходящий шрифт, нажать на кнопку подключения и использовать его для новых или уже размещенных на лендинге текстов.
Rest. продает канцелярские принадлежности ручной работы. Дизайн-концепт транслирует солидность, упорядоченную жизнь состоятельных людей — это достигается хорошими фото продуктов и небольшими продающими текстами.
Мы с вами уже обсуждали, что такое landing page, чем они хороши и на какие базовые принципы опираются. Но несмотря на то, что существует ряд правил и приёмов, которые обеспечат успешность вашего сайта, неправильно думать, что разработка лендинга – это шаблонная работа, а хорошо работающую страницу можно сделать за 5 минут, только знай себе картинки подставляй и тексты меняй. Конечно, это творческий процесс, и фантазия, подкрепленная пониманием поведения своей целевой аудитории, только поощряется. Ниже мы представим десятку примеров небанальных лендингов, а также страниц, обеспечивающих высокую конверсию.
Очень интересно оформленный ленд, посвященный продаже комнатного термостата. Несмотря на наличие всякого рода технических данных и описания удобного функционала, лендинг сосредоточен на визуальной составляющей – несколько фотографий интерьера, а также гениальная по задумке и исполнению анимация в середине страницы вызывают ощущения, что после покупки этого девайса, у тебя в доме станет не хуже, чем на картинках в интернете. Таким образом, ленд продает не термостат, а уют в доме, что и является конечной потребностью клиента.
Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com
Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com
По-настоящему интересные лендинги способны привлечь внимание даже людей, далеких от целевой аудитории. Убедитесь на примере магазина, продающего огромных плюшевых медведей. Сайт буквально переполнен интересными задумками и словно ведет с посетителем диалог, что в итоге, с высокой вероятностью, означает покупку.
http://medvedy.com
Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do
Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/
Еще один лендинг с высокой конверсией. Принцип превращения посетителя в лида здесь используется аналогичный предыдущему примеру – калькулятор. Предлагаем оценить, сколько параметров возможно внести для подбора полиса, и насколько неутомительно это сделано. То же самое можно сказать и про остальное наполнение ленда – предельно просто и понятно, при этом описаны вообще все преимущества, которые хочет получить автовладелец, страхуя свою машину.
http://простокаско.рф
Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru
Хороший пример лендинга, где относительно большое количество текста (в том числе и занимаемая им площадь на главном экране) не создает для посетителя никаких трудностей, а наоборот смотрится органично, и удачно расписывает все преимущества ремонтной организации. Услуги по ремонту ноутбуков являются срочными, поэтому не стоит потенциальным клиентам выдавать информации сверх меры: достаточно нескольких блоков, но проработанных максимально красиво и информативно, что вызывает доверие.
Сегодня мы обсудим довольно конкурентную и востребованную сферу бизнеса — оптовые поставки. Традиционно, проанализируем несколько примеров из Рунета, а также продемонстрируем образцы, размещенные в каталоге LPgenerator. Подробности — далее.
Лендинги Рунета
Первый лендинг пейдж для оптовых поставок — фирмы Глав.Сахар. Собственно, уже из названия понятно, что они продают. Хедер содержательный. Здесь вместили одновременно начальную цену, минимальный объем заказа, географию доставки, предложили акцию, разместили лид-форму, CTA-кнопку, контактный телефон. Дизайн обычный, не впечатлил.
За линией сгиба — несколько пунктов, которыми компания отличается от остальных.
Ниже — блок под названием «Наша команда», где поместили фото сотрудника (надеемся, настоящее), и его обращение к читателям. Текст с претензией, хотя бы потому, что авторы убеждены — в 95% российских компаний относятся к клиентам безразлично. Источник такой занимательной статистики неизвестен.
Последняя страница веб-ресурса выглядит так. Нужно сказать, заканчивается он слишком неожиданно, всего на третьем разделе. Здесь поместили описание схемы работы — познавательная информация, нужная посетителю, а также решили написать несколько слов о самом бренде — тоже в целом неплохо.
Отсутствуют какие-либо социальные доказательства, кроме утверждения о работе компании с ведущими предприятиями пищевой промышленности Краснодарского края и Южного федерального округа. Поэтому, форма «Остались вопросы?» очень даже кстати. Наверняка они появятся у целевого посетителя.
Второй лендинг для оптовых услуг представляет ортопедическую детскую обувь известных марок. Хедер более «сдержанный» по сравнению с предыдущим. Кроме оффера, логотипа, лид-формы, CTA-кнопки здесь нет элементов. Информации хватает для того, чтобы понять сферу деятельности бренда, а значит, страница выполняет свою функцию.
За линией сгиба — акция, есть лид-форма (их даже две), бонусное предложение сопровождается «эффектом срочности». Кстати, наличие второй лид-формы внушает сомнение. Слишком навязчивое решение — размещать несколько call-to-action элементов на одной странице.
Следующий раздел — каталог товаров детской обуви, с ценами. Всегда полезный раздел.
Далее следует, пожалуй, один из самых любимых разработчиками блоков — условно назовем его «конкуренты плохие, но мы — хорошие». Описание собственных преимуществ — это нужный раздел, из него пользователь узнает информацию о компании и ее способах работы. Блок с недостатками большинства конкурентов — совсем другое, его необходимость слишком сомнительна, к тому же вряд ли его вообще читают — нет интереса.
Ниже — социальные доказательства, которые одновременно обрадовали и расстроили. Обрадовали тем, что они вообще есть:) Даже в разных видах: отзывы/сертификаты. Огорчили именно отзывами. Недоработка создателей — видимо просто забыли убрать несколько повторяющихся комментариев. Теперь сомнения вызывает и подлинность данного текста.
Второй — о продаже щебня. Полная версия .
— реализация пиломатериалов.
Здравствуйте, читатели финансового журнала «РичПро.ru»! Сегодня поговорим про лендинг, что это такое, какие преимущества и недостатки он имеет, и т.д.
Лендинг («посадочная страница» или landing page ) — это достаточно известный термин, обозначающий веб-страницу с определенной спецификацией. Однако суть таких страниц известна далеко не каждому.
Итак, что такое лендинг пэйдж? Краткое определение «landing page» можно озвучить следующим образом — это интернет-страница на домене, поддомене в формате html/css (либо другом).
Лендингом интересуются люди, которые занимаются продажами различных товаров в интернете.
На подобной «целевой странице» не будет размещаться назойливая реклама, бесполезные тексты, мигающие баннеры или всплывающие меню.
Из этой статьи вы узнаете:
Желаем вам продуктивного изучения материалов!
Что такое Лендинг (посадочная страница), каких видов она бывает, как создать самому и прочую информацию читайте далее в статье
Лендинг пейдж — это одностраничный сайт в сети, который может иметь несколько названий:
Главная задача landing page заключается в побуждении посетителей сайта выполнить какое-то активное действие — позвонить, оставить заявку, приобрести товар, подписаться на рассылку и т.д.
То есть, лэндингом называется инструмент интернет-маркетинга, призванный увеличить продажи различных товаров либо услуг в интернете.
Лэндинг пэйдж придумали в США около 10 лет назад интернет-маркетологи.
В определенный момент они начали понимать, что конкуренция на рынке постоянно возрастает. Сайты, интернет-магазины улучшаются и посетители не всегда могут разобраться в чем преимущество одной компании над другой.
Серьезная конкуренция в отрасли и послужила первопричиной создания лендинг пейджа.
Пример идеального продающего лендинг пейджа
Целью лэндинга является получение контактов возможных покупателей, заходивших на данный одностраничник.
Обратите внимание! Продажа товара/услуги проводится на следующем этапе, — уже после целевого действия посетителя, то есть подачи заявки для предоставления консультации.
Эксперты интернет маркетинга утверждают, что качественная лэндинг-пэйдж способна в несколько раз повысить конверсию сайта. При правильном использовании лэндинга конверсия продаж может увеличиться на 8-35% .
Любой владелец сайта постоянно ищет способы повысить его популярность и максимально увеличить продажи.
Главными критериями, по которым определяется эффективность интернет-ресурса , являются «воронка продаж» и «конверсия сайта» . Разобравшись в сути этих понятий можно узнать уровень ваших продаж. Ознакомимся с данными определениями подробнее.
Конверсия и воронка продаж являются главными показателями эффективности лендинга
Конверсия сайта считается наиболее значимым показателем эффективности интернет-ресурса.
Значение конверсии отображает количество посетителей страницы, ставших покупателями ваших товаров/услуг.
Другими словами, конверсия сайта — это своего рода «маркер», отмечающий выполнение необходимых вам требований , а именно:
Например для туризма вполне нормальным уровнем считается 8-13% . А вот у сайта, на котором продаются элитные шубы, конверсия составляет до 10% , и это считается отличным показателем. (Дело в том, что здешние клиенты имеют более высокую покупательскую способность).
Важно! Как правило, уровень конверсии колеблется от 2-3% до 20-40% . Если конверсия составляет например 20%, то означает, что из ста целевых посетителей, которые зашли на сайт, двадцать выполнили целевое действие.
Конверсию сайта необходимо постоянно улучшать. Для этого нужно завоевать доверие пользователей сайта. Ваша интернет страница должна быть удобной с легко доступной информацией.
Стоит отметить, что уровень конверсии целевой страницы всегда выше, чем у обычного сайта.
Воронка продаж может показывать количество посетителей вашего сайта, не совершивших требующиеся вам действия. Она представляет собой график в виде перевернутой пирамиды. Такая воронка имеет следующее представление:
При правильном использовании, воронка продаж способна стать эффективным помощником в планировании оптимального количества рекламного материала, числа контактов на каждом этапе продаж и т.д.
Исходя из показателей воронки продаж, можно делать выводы относительно качества менеджмента и необходимости корректировки работы на определенном этапе продаж.
Данный аналитический инструмент дает понимание того, каким образом потенциальный клиент принимает решение о приобретении предлагаемого вами товара либо услуги. Что его подталкивает к такому действию.
Проанализировав эти шаги, у вас появиться возможность осуществлять контроль над поведением клиента посредством правильно разработанной целевой страницы.
Ценность воронки продаж заключается сегментировании огромной массы покупателей по поведению и интересам.
Пример — есть два человека, желающих приобрести средство передвижения.
Один еще не определился, что именно он хочет купить — самолет либо автомобиль. Второй наоборот, уже четко знает, что ему нужен автомобиль. Эти люди абсолютно разные — первый, после долгих раздумий, вообще купит себе велосипед, а вот второй готов хоть завтра пойти за автомобилем.
Как правило, весь путь от заинтересованности к вашему товару и до трепетного момента его приобретения, разделяют на четыре этапа:
Накладывая данные этапы на число людей, которые находятся на каждом этапе, то в итоге действительно получится воронка, сужающаяся к низу.
1) В верхней ее части расположены люди, осознавшие, что их заинтересовал определенный товар. На этом этапе человек старается найти общую информацию о понравившемся продукте, возможно его аналоги, минимальные характеристики.
3) В случая принятия решения о покупке товара, клиент переходит на следующий этап, в котором ключевая роль отводится ясности и четкости контента. Именно он способен побудить человека совершить покупку либо стать преградой для такого решения.
4) В самом низу воронки находятся люди, которые перешли из статуса посетителей сайта в статус покупателей. Если воронка продаж организована правильно, клиент обязательно купит товар на этом же сайте.
Целью любого качественного лэндинга является невидимое продвижение посетителя по всем этапам воронки продаж от осознания до действия . Лучшими инструментами будут образовательные статьи, пошаговые гиды, инфографика.
Важно! Информация о товаре должна быть специализированной. Ее цель — усилить мотивацию потенциального клиента совершить покупку.
Объем продаж в интернете регулярно растет. Вместе с этим будет видоизменяться и воронка продаж. Возможно со временем она станет более сложной. Поэтому очень важно понять ее уже сейчас.
Наибольшая эффективность лэндинга может быть достигнута только при участии в разработке полноценной команды профессионалов .
Для создания качественной посадочной страницы (до её запуска в интернете) потребуется помощь следующих специалистов.
Только слаженная работа всех специалистов способна создать по-настоящему качественную целевую страницу.
Рассмотрим основные преимущества landing page по сравнению с другими сайтами и интернет-магазинами. (Читайте также нашу статью — , где вы найдете пошаговую инструкцию по созданию и запуску успешного ИМ).
Итак, начнем по порядку:
Правила и советы по созданию landing page
Встречаются лэндинги с конверсией 40-60% . Подобные показатели означают, что каждый второй посетитель сайта оставлял свои данные либо оформлял заявку на приобретение товара. Такому успеху способствовало два фактора:
Не смогли побудить посетителя нажать на кнопку «купить»?
Чтобы клиентов становилось больше, необходимо придерживаться следующих принципов:
Когда в рамках одного экрана размещается несколько товаров, внимание клиента будет рассеиваться. Он мельком осмотрит всю страницу. Возможно он проявит заинтересованность к какой-нибудь смешной картинке либо мигающей скидке. Однако, в итоге вкладка все равно будет закрыта. Не пройдет и минуты как посетитель забудет о вашем сайте.
Если посетитель заходит на сайт и видит один товар, на котором он сможет сосредоточить все свое внимание, степень его заинтересованности будет расти. И вероятность того, что он совершит нужное вам действие также станет очень высокой .
Заходя на страницу, пользователь первым делом спрашивает у себя, куда он попал и зачем.
Важно! Если в первые секунды своего пребывания на странице он не сможет найти ответы — потенциальный клиент гарантированно потерян. Необходимо обеспечить посетителя ясной и понятной информацией о вашем товаре .
Статистика говорит о том, что около 80% возможных покупателей покидают сайт в первые пятнадцать секунд . Основными причинами такого факта являются:
Данные советы будут способствовать росту продаж вашего товара.
Однако не стоит слишком усердствовать в желании заполучить покупателя. Наличие множества рекламных уловок и навязчивое предложение купить товар будут вызывать у посетителя только негатив.
В хорошей лэндинг пэйдж присутствует одно рекламное предложение, легко помещающееся в заголовок.
Примеры продающих заголовков: Если Ваш товар — люминесцентные лампы? Вот заголовок — «Экономьте энергию в 4 раза эффективнее» . Нужно пригласить толстушек в фитнес центр? Напишите в заголовке их мечту — «Кто хочет фигуру телезвезды?» .
Верстая заголовки обязательно необходимо пользоваться тэгами h1 и h2 . По возможности, вписывайте в заголовки ключевые фразы — это слова либо словосочетания, по которым через поисковик ваш сайт будут находить клиенты.
Текст — это первоочередное.
Важно! Заказывать дизайн лэндинга следует только после окончательно составленного качественного текста.
Для написания первоклассного текста необходимо:
Сейчас со стороны гуру интернет-маркетинга можно услышать критические высказывания в адрес больших лэндингов. Однако если внимательно разобраться в этой ситуации, то становится понятно, что основная масса критики приходится на скучные и малоинформативные тексты . А вот про добротные длинные landing page любители покритиковать как-то забывают.
Не нужно опасаться больших текстов, если:
Данное правило является одним из самых значимых для продвижения и продажи услуг либо товаров.
При оформлении текста следует придерживаться следующих рекомендаций:
Три восклицательных знака в конце являются одним из признаков агрессивной рекламы. Помимо этого, есть еще «CAPS LOCK».
Обратите внимание! У большинства людей слова или словосочетания со всеми заглавными буквами и восклицательными знаками вызывают подозрение . У них появляется стойкая уверенность в том, что их хотят обмануть .
Если копирайтер, контент-менеджер либо редактор используют подобные штуки, то это говорит о их низкой квалификации.
Также не рекомендуется включать в текст заезженные фразы типа «самые низкие цены в регионе», «гибкая система скидок», «индивидуальный подход» и т.п. Информация, которая не будет подкреплена фактами, цифрами, сравнениями, просто бесполезна. Поэтому из текста ее необходимо удалять без всякого сожаления.
Необходимо понять, как будет двигаться взгляд пользователя.
Если все элементы страницы будут размещены на своих местах, человек легко сможет воспринимать информацию. А если посетителю станет понятен предлагаемый вами товар, вероятность того, что он его приобретет значительно вырастет.
Также нужна визуальная навигация — это тематические картинки, иконки и стрелки. Привлечь внимание человека можно контрастными цветами — выделить заголовки , кнопку сделать красной , оранжевой или желтой .
Под понятием релевантности подразумевается соответствие .
Релевантным лэндингом называется интернет-страница, которая соответствует ожиданиям посетителя.
Лэндинг следует разрабатывать не только под каждую маркетинговую компанию, а под каждый источник трафика. Например, если посетители заходят на ваш страницу из какой-либо социальной сети, эта информация должна отображаться на сайте.
Примерно 9 из 10 клиентов перед тем как совершить покупку, обдумывают свое решение . Люди опасаются мошенников, боятся за собственную безопасность.
Есть немало клиентов, которые желают скрыть от других покупку. У некоторых людей возникают опасения потери своих денег либо неверие в такую низкую стоимость товара.
Так как у вас нет возможности лично пообщаться и развеять все страхи пользователя, нужно заблаговременно позаботиться об аргументированных ответах на всяческие возражения. Их следует вставить в текст.
Данные маркетинговые ходы всегда были и будут актуальными при разработке целевых страниц.
С дефицитом нужно быть очень аккуратным , поскольку не все ведутся на такую уловку.
Важно! На таймер обратного отсчета времени сегодня уже никто не обращает внимание. Тем более, если он регулярно обновляется после перезагрузки страницы.
Необходимо воспользоваться другими методами. К примеру , показывать информацию о количестве оставшегося товара и регулярно обновлять эти цифры. Посетитель должен увидеть, что товар быстро раскупается.
Пример: Нужно постараться сделать так, чтобы алгоритм действий или мыслей покупателя был следующим: «Вчера в наличии было 100 хлебопечек со скидкой 50% , сегодня с утра уже 33, а ближе к обеду осталось только 5 штук. Надо срочно покупать, пока товар еще есть!»
Элементы доверия лучше размещать около призывов к действию.
Как правило, форма ввода персональных данных не вызывает раздражение у большинства посетителей. Если потребуется люди из целевой аудитории всегда готова написать имя, род занятий, адрес электронной почты .
Обычно трудности появляются на следующих этапах регистрации, когда посетителя просят рассказать подробности своей жизни. Такие вопросы лучше задавать уже после того, как пользователь подтвердил факт регистрации.
Не мене распространенной проблемой является сложная капча!
Капча — это всплывающая форма для внесение набора определенных символов (цифры и буквы). Заполняя капчу посетитель подтверждает, что он не робот .
Чтобы расшифровать символы и записать их в правильной последовательности иногда требуется немало времени. Это и является причиной того, что примерно 30-40% людей просто закрывают вкладку и забывают о вашем предложении.
Не нужно использовать капчу . Пусть она будет у ваших конкурентов.
В этом правиле представлена суть всех предыдущих правил.
Важно! Следует заказывать простую целевую страницу .
Она должна быть:
Идеальный Landing Page – это страница, которую можно получить путём тестирования, корректировки и замеров эффективности.
Самостоятельная разработка лэндинга не является такой уж сложной задачей. При наличии знаний и терпения слепить посадочную страницу сможет любой человек. Однако, в таком деле есть как положительные (+) моменты, так и отрицательные (-) .
Рассмотрим все преимущества и недостатки самостоятельного создания landing page:
Плюсы (+)
Минусы (-)
Заказывать лэндинг в специальной студии либо потрудиться над ним самому — решать только вам .
Однако, стоит напомнить , что создание страницы своими руками не предусматривает никаких трат. Поэтому все-таки стоит попробовать свои силы даже если параллельно вы сделали заказ на лэндинг в студии.
В случае создания качественного лэндинга, в дальнейшем можно развить приобретенные навыки и сделать разработку целевых страниц своим . Востребованность данных услуг возрастает с каждым годом.
Обратите внимание! Если подобная работа кажется вам непосильной, поскольку она требует усидчивости и забирает много времени, тогда лучше не жалеть денег и заказать создание лэндинга профессионалам . И пока они будут заниматься вашим заказом, у вас появиться время для решения главных задач бизнеса.
Разработка посадочной страницы своими руками обоснована лишь в том случае, если она у вас первая и вы хотите сэкономить свои средства. Ведь нельзя быть уверенным в том, что продвигаемый через этот сайт товар либо услуга будет пользоваться большим спросом.
Однако если продажи уже запущены, появились первые заказы и у вас есть уверенность, что ваш продукт станет востребованным, тогда самое время обратиться к специалистам. Они помогут сделать ваш посадочную страницу более качественной и эффективной , а также значительно повысят уровень конверсии.
Заплатив за услуги 5-15 тысяч рублей, ваши продажи могут увеличиться на 2-3 единицы в сутки . За год набежит вполне приличная сумма, которая значительно превысит сумму, потраченную на «апгрейд» вашего сайта.
Важно! Повышение конверсии всего на 0,5% способно за год принести миллионные прибыли.
Конечно самому можно создать лэндинг более качественный, чем это сделает одинокий фрилансер. О том, читайте в статье по ссылке.
Заказ в студии будет стоить не дешево, однако вы сэкономите свое время, а потраченные деньги в последствии многократно возвратятся в виде прибыли.
Большая популярность лэндингов обусловила появление множества конструкторов. Давайте рассмотрим несколько наиболее популярных русскоязычных конструкторов.
«Lpgenerator» является отличным конструктором сайтов, при помощи которого можно создать посадочную станицу с нуля. Сервис может предложить больше 300 шаблонов, большое количество инструментов — управление лидами , А/В тестирование и множество других плюшек.
Цена простого тарифа — 2156 рублей в месяц. Данный тариф предполагает ограничение на количество посетителей — 9 тысяч в месяц.
Есть тариф без ограничений . Его стоимость составляет 4000 рублей в месяц.
Цены дороговаты, однако многие говорят, что Lpgenerator этого стоит.
Конструктор сайтов «Flexbe» считается одним из самых надежных и простых конструкторов лэндинг пэйдж. Есть бесплатная версия , которая действует 14 дней. Этого времени вполне достаточно для оценки удобства конструктора и его соответствия вашему бизнесу.
Самый доступный тариф — 750 рублей в месяц. В тариф входит: домен — 1, страницы — 10, СМС уведомления — 250, техническая поддержка, собственный почтовый ящик, бесплатный домен.RU и др.
Наиболее дорогой тариф стоит 3 000 рублей в месяц. В него входит неограниченное количество доменов и страниц, 1000 СМС уведомлений и др.
Из минусов (-) можно выделить ограниченность в создании лэндинга. Получить что-то крутое не представляется возможным поскольку набор инструментов данного конструктора сайтов не велик.
К плюсам (+) стоит отнести скорость создания лэндинг пэйдж. За десять минут получает вполне сносный одностраничник, который хорошо смотрится на экранах мобильных телефонов.
«LPTrend» — понятный конструктор лэндинг пэйдж, который подойдет для новичков . Сервис может предложить 61 готовый шаблон с ограничениями по верстке.
Имейте в виду! Создание лэндинга с нуля здесь не предусмотрено . Отсутствует интеграция с другими сервисами.
Из функционала есть А/В тестирование, вкладка «полезные сервисы» , которая имеет ссылки на различные инструменты.
Пробный период составляет 15 дней. Достаточный срок для проверки возможностей сервиса.
Самый дешевый тариф — 500 рублей в месяц. Возможна генерация одной посадочной страницы.
За самый дорогой тариф придется выкладывать по 2000 рублей в месяц.
Подписка на премиум тариф дает возможность создания неограниченного количества landing page.
Существует еще пару конструкторов сайтов, на которые стоит обратить внимание :
«Базиум» — довольно неплохой конструктор сайтов. Сервис предлагает почти 400 вариаций дизайна, 53 блока и 27 разных настроек, способных полностью удовлетворить все потребности. Из положительных моментов особенно можно выделить возможность оплаты услуг по мере использования. За данный сервис придется платить 35 рублей в сутки .
«Tilda» — предлагает модульную систему. Самый дешевый тариф стоит 500 рублей, при условии оплаты за весь год. Если оплата будет производится ежемесячно, в таком случае стоимость тарифа будет составлять 750 рублей.
Рассмотрим популярные сервисы, где также можно создать landing page (одностраничник) бесплатно:
Рассмотрим несколько примеров продающих лендингов. Имейте виду, что landing page постоянно меняют свою актуальность. Если «сегодня» определенные шаблоны были с высокой конверсией, то не факт что с такой же конверсией будут работать эти шаблоны «завтра».
Поэтому рекомендуем не копировать , а брать в пример и создавать свои лендинги со своими уникальными картинками и текстами (контентом, которого нет у других), либо заказывать их у специалистов, которые знают актуальность действия лендингов.
Структура посадочной страницы состоит из нескольких элементов:
Каждая известная платформа, например «Вордпресс» , «Джумла» и др., имеет собственные шаблоны целевых страниц. Однако качественных и бесплатных лэндинг пэйдж для Вордпресс встретить невозможно . Относительно хороший лэндинг стартует от 15-25 долларов .
Также существуют шаблоны, не привязанные ни к одной из платформ. Они исчисляются сотнями тысяч. Можно найти немало сайтов, где есть возможность скачать готовые бесплатные шаблоны лендинг пейдж.
Однако говорить о нормальном бесплатном лэндинге не приходится. В большинстве своем такие предложения — просто мусор . Достойных вариантов очень мало. Качественные шаблоны Landing Page можно попробовать найти на популярных лендинг-платформах (например, lpgenerator, wix и пр.)
Лучший сервис для создания первого лендинга. Комплект из пары десятков одностраничных шаблонов подскажет наилучшие варианты оформления и подачи предложения. Редактор позволяет в считанные минуты собрать из готовых адаптивных блоков эффективную страницу. Главное - расположить секции в логическом порядке и красиво преподнести оффер. Изображения, табы, таймер для акций, отзывы, наглядная карта, коммуникации, включая заказ обратного звонка, и многое другое присутствует в полном объёме.
Меню лендинга поддерживает анкорные ссылки для быстрого доступа к секциям. Эффект параллакса, широкоформатные блоки с красивой подачей изображений и видеофоны помогут создать насыщенную и полезную страницу. Всплывающие окна позволят акцентировать внимание посетителей на акциях. Бесплатное подключение SSL укрепит доверие клиентов, отправляющих вам личные данные через форму. Оптимальный рецепт: выбираете наиболее близкий по тематике шаблон, заполняете своим контентом и публикуете, ничего структурно не меняя.
Плюсы:
Минусы:
Специализированный конструктор посадочных страниц. Предназначен для тестирования маркетинговых гипотез, арбитража трафика и заработка на офферах веб-предпринимателями. Подходит и новичкам, и опытным пользователям. Редактор позволяет собирать страницы из готовых секций и виджетов, последовательно добавляя их один за другим. Выбор их достаточный: прайс, отзывы, этапы, таймлайн, таймер, таблица, заголовки, кнопка, галерея, свой код HTML, обратный звонок, живой чат, панели соцсетей и прочие.
Эффективные структуры дизайна для уверенных продаж, сдобренные эффектами переходов, корректно отображаются на всех типах экранов. Изюминка сервиса - отличная подача статистической информации. Конверсия в процентах, точки падения продаж, посещаемость по источникам и прочее - всё понятно для новичков и достаточно детально для опытных веб-мастеров. Подключение SSL бесплатное. Добавление всплывающих окон позволит получить ещё больше лидов. Простой в использовании и эффективный конструктор.
Плюсы:
Минусы:
Стоимость за месяц при оплате за год:
Wix - конструктор для создания лендингов с богатым, разнообразным дизайном и полным набором маркетинговых уловок. Можно нарисовать запоминающийся, уникальный шаблон либо воспользоваться одним из многочисленных готовых вариантов - заполняете своим контентом, и страница готова к публикации. Богатый набор приложений позволит добавить эффекты, таймеры, всплывающие окна, отзывы, интеграции социальных сетей, анимированные счётчики посетителей, подарочные карты, красивые формы обратной связи, сбора подписок, записи на приём и прочее по смыслу задачи.
Богатый набор виджетов, встроенный графический редактор, анимации, наборы иконок, растровых фигур и эффекты скроллинга позволят создать яркий лендинг, претендующий на высокую конверсию. Для работы с клиентской базой имеется встроенная CRM, возможность настройки маркетинговых и триггерных рассылок, для анализа результатов - Google Analytics. Использование Wix Code позволит настроить расписание вывода данных в зависимости от времени суток, региона и прочих вещей. Структура лендинга реализуется через анкорные ссылки на области макета.
Плюсы:
Минусы:
Стоимость за месяц при оплате за год:
LPGenerator - один из самых мощных специализированных конструкторов лендингов. В принципе, это идеальный сервис в своей нише. Относительная сложность редактора компенсируется огромными возможностями по кастомизации дизайна и функциональности страниц. Более 250 профессиональных шаблонов из 22 категорий. Продуманный и гибкий процесс прорисовки страницы с нуля, можно править код макетов вручную и загружать собственные. Есть витрина товаров с пагинацией - качественный мини-магазин внутри лендинга.
Полный набор инструментов для анализа конверсии и маркетинга (всесторонняя статистика, A/B-тесты, воронка продаж, источники трафика, цели конверсии, CRM, рассылки и прочее) позволяют выжать максимум эффекта со страниц. Редактор визуальный, виджетов очень много, есть удобный конструктор секций, мониторинг версий страницы с анализом конверсии и т. д. Аудитория системы - веб-студии и опытные разработчики. Для новичков есть «Академия лидогенерации» - мощный курс, который окажется полезным большинству пользователей.
Плюсы:
Минусы:
Стоимость за месяц при оплате за год:
uCoz - удачный выбор для продвинутых разработчиков. Позволяет работать с кодом, есть конструктор шаблонов, в котором легко выстроить блочную структуру одностраничника. Для новичков наилучший вариант - использование премиум-шаблона, их очень много и там всё есть: красивый дизайн, правильная структура, функциональность (формы, заказ чего-либо, витрина и т. д.). Кроме того, продвинутая система сбора статистики поможет отслеживать эффективность страницы и продвигать, ведь контекстную рекламу можно контролировать прямо из панели управления.
Редактор поддерживает подключение сторонних PHP-скриптов и загрузку собственных шаблонов. При наличии опыта собрать лендинг - дело 1-2 вечеров. Сервис поддерживает синхронизацию с социалками, онлайн-чатами, конструкторами форм, калькулятором услуг и прочими полезными штуками. Кастомизация страниц происходит, в основном, через правку кода, хотя визуальный редактор тоже есть. Это вариант для тех, кто знает, как нужно верстать лендинги либо новичков, желающих опубликовать страницу на основе подарочного премиум-дизайна.
Плюсы:
Минусы:
Стоимость за месяц при оплате за год:
PlatformaLP - специализированный конструктор посадочных страниц. Около полусотни классных шаблонов, куча стандартных виджетов, а также профильных вроде счётчиков/вкладок/декораций/спойлеров и визуальный редактор, позволяющий гибко отрегулировать структуру, содержимое каждой секции страницы для десктопного и мобильного формата в отдельности. Есть корзина - можно продавать онлайн. Поддерживается вставка HTML-кода, а также интеграция сторонних сервисов - Bitrix24, amoCRM, GetResponse, RoboKassa, MailChimp, Яндекс.Касса, JustClick, Mailer, Unisender, SendPulse и LeadVertex.
Поддерживаются мультилендинги: можно создать несколько вариантов посадочной страницы для демонстрации в различных регионах. Эффективность можно измерять A/B-тестами, аналитические данные получать от Google или Яндекса. Ещё можно добавить реакции лендинга на поведение посетителя - всплывающие окна различного содержания при уходе со страницы, прокрутке до футера, повторном заходе, подачи заявки, заполнении формы и т. д. Основано это на работе с Cookie (сообщение на согласие их использования есть). Можно включить lazy load для изображений (ускоряет загрузку страниц), добавить анимации, использовать Google Fonts.
Плюсы:
Минусы:
Стоимость за месяц:
Пакеты расширения для бизнес-планов:
Сервис, хорошо приспособленный для сборки посадочных страниц. Два десятка профильных шаблонов хорошего качества, удобный визуальный редактор плюс возможность бесплатной публикации лендинга на своём домене. Набор виджетов и готовых блоков достаточен для публикации страниц классической структуры, а в меру гибкая кастомизация поможет украсить дизайн. Можно просто заменить стоковый контент в секциях шаблона своим и публиковать страницу.
Поддерживаются интеграции 16 полезных сервисов (PayPal, Google, MailChimp и др.), стандартные SEO-настройки и приём онлайн-платежей. Значительно изменить стоковый шаблон можно при помощи инструментов дизайнера, идущих в комплекте. Новичкам пригодится шпаргалка прогресса сайта со списком задач и ссылками на области панели управления, в которых они решаются. Также есть эффекты, возможность командной разработки, гибкая настройка шрифтов и языков сайта. Всё это упаковано в приятный и простой интерфейс.
Плюсы:
Минусы:
Стоимость за месяц при оплате за год:
LPMotor - специализированный сервис, предлагающий создание посадочной страницы с нуля, готовых блоков либо с использованием адаптивных шаблонов (около 100 штук, качество отличное). Визуальный редактор позволяет редактировать каждый элемент в отдельности, регулировать позиции, комбинировать в произвольном порядке блоки, секции и шаблоны секций, детально настраивать их внешний вид, создавать переходы между блоками (скос, закругление, угол), добавлять эффекты, а также скрывать отдельные блоки от показа на ПК или мобильных устройствах. Удобен для новичков.
Есть встроенная CRM хорошего качества, возможность тестирования вариантов одной и той же страницы (A/B-тест) и автоворонка продаж - интерфейс для настройки автоматических действий в случае выполнения пользователем заданного сценария (заполнил форму - получил письмо и т. д.). Поддерживаются всплывающие окна и множество интеграций: Jivosite, VK, Facebook, MailChimp, UniSender, GetResponse, Яндекс.Касса/Деньги, JustClick, amoCRM, PayPal, RoboKassa, Bitrix24, Yagla и прочее. Встроенная система сбора статистики приличная. Можно настроить получение уведомлений о заявках по SMS на почту или в Telegram. Есть анти-спам.
Плюсы:
Минусы:
Стоимость за месяц при оплате за год:
Стоимость подключения автоворонки продаж (пробный период - 7 дней):
Flexbe - сервис, рассчитанный на сборку посадочных страниц только из готовых блоков. Подходит для новичков. Шаблонов около 20 штук, качество хорошее, блоки адаптивные. Для каждой секции можно выбрать набор отображаемых элементов и немного подкрутить дизайн. Готовых секций достаточно для сборки лендинга классической структуры. Доступно несколько шрифтовых пар для быстрой смены, есть эффекты параллакса и отдаления, настройки градиента и затемнения, поддерживаются якоря в меню. SSL подключается
автоматически при добавлении домена. Можно вставить свой HTML-код на страницу.
Сервис поддерживает интеграцию приложений базовой важности (amoCRM, Bitrix24, CallbackHunter, Jivosite, GetResponse, UniSender), создание мультилендигов/геолендингов и предоставляет доступ к API. Приём онлайн платежей возможен через Яндекс.Касса, RoboKassa и карту Тинькофф. Можно подключить почтовые сервисы Google, Mail.ru и Яндекс. Кроме того, есть встроенная CRM среднего уровня и система сбора статистических данных. Можно настроить формат показа страницы при шаринге в социальных сетях. Присутствует мобильное приложение iOS/Android и настройки появления всплывающих окон.
Плюсы:
Минусы:
Стоимость за месяц при оплате за год:
Mobirise - бесплатная программа (Mac, Windows, Android), позволяющая собирать посадочные страницы из готовых блоков. Шаблоны представлены расширениями - платными наборами ($20-40) блоков, заточенных под конкретную задачу (бизнес, магазин, юрист, портфолио, ресторан и т. д.). Из коробки даётся 4 бесплатных шаблона. Также есть расширения для добавления интеграции социальных сетей и средств комментирования, перводчик, Soundcloud, Google Analytics, SEO-инструменты, а из платных - пакет иконок, корзина с оплатой через PayPal, редактор кода страниц и слайдер изображений.
Набор блоков (количество, структура, назначение) зависит от выбранного шаблона. Каждую секцию можно настроить, выбрав отображаемые элементы, цвета, эффекты, размеры и прочее. В целом, даже на бесплатном шаблоне блоков множество - их хватит с лихвой для сборки нормального лендинга со всеми фишками (отзывы, преимущества, колонки, табы, таймлайны, таймер, мультимедиа, прайс, карта, социалки и всё остальное). Страницы получаются адаптивные по умолчанию. Базовые SEO-настройки присутствуют. Для публикации страниц нужно купить хостинг и домен. Рекомендуем обратить внимание на пак со всеми платными расширениями.
Плюсы:
Минусы:
Стоимость:
Цель посадочной страницы - заинтересовать посетителя и подтолкнуть к совершению запланированного вами действия. Исходя из этого тезиса нужно выстраивать блоки в порядке, ведущем к максимальному эффекту в вашем конкретном случае. Любой из вышеописанных конструкторов лендингов способен реализовать эту формулу. Иногда можно просто заменить демо-контент шаблона своими данными, получив хорошую страницу, - структура этих дизайнов не с потолка берётся, их собирают со знанием дела.
Тем не менее, существуют общепринятые направляющие, по которым собирают лендинги. Уже всё выверено давно - что работает, а что нет. Хотя для каждого конкретного случая нужно тестировать индивидуально, шлифуя нюансы до блеска (поменяли местами кнопки/блоки, цвет акцента, основной шрифт, формулировку оффера, количество полей в форме, расположение блока социалок - всё это может играть роль, нужно искать удачное сочетание). В целом, схема создания лендинга во всех конструкторах примерно одинакова:
Характер и порядок секций имеет огромное значение. Суть в том, что по мере листания страницы посетитель должен заразиться желанием последовать вашему предложению. И сделать это. А какие же блоки использовать для достижения цели? В каком порядке? 100% рецепта успеха любой страницы из любой ниши не существует, но кое-что можно обозначить:
В зависимости от характера вашего предложения можно использовать расписания мероприятий, меню блюд, ответы на популярные вопросы, фото команды, корзину с витриной и прочее. Важно соблюдать анатомию страницы. Например, меню кафе - это часть оффера, должна идти в чуть выше середины страницы, фото команды - ближе к футеру, как и FAQ. Всё по логике, но суть одна.
Благодаря конструкторам, любой человек может быстро опубликовать лендинг, способный приносить доходы. Дело не только удобстве формата, но и в других нюансах: правильные шаблоны, подогнанная под решение задачи функциональность, удобство сбора статистики, наличие техподдержки, FAQ и прочего.
Оптимальными для большинства новичков будут uKit, uLanding и Wix - в них получаются хорошие лендинги. Недорого, быстро и красиво. Самый мощный профильный сервис - LPGenerator. Идущие следом PlatformaLP и LPMotor несколько уступают ему. uCoz может всё хорошо, и лендинги в том числе. Ucraft - неплохой вариант, Flexbe приятен и простоват, Mobirise - на любителя.
Не стоит рассчитывать на бесплатную публикацию полноценного лендинга. Какой бы вы сервис не выбрали, оплатите подходящий тариф - это даст кучу преимуществ, избавит от проблем и увеличит конверсию, в итоге. Универсального рецепта идеальной страницы не существует, но вы можете ориентироваться на средневзвешенную структуру и получать хорошую прибыль.