Как сделать красивый лендинг в деловом стиле. Примеры продающих лендингов (landing page)

«Встречают по одёжке…», гласит известная пословица. Что ж, в случае с интернет-маркетингом это в 9 случаях из 10 совершенно справедливо.

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

Первое правило дизайна: «Не заставляйте меня думать!»

Ключевое правило веб-дизайна сформулировано в Стивом Кругом. Вышедшая в далёком 2000 году книга «Не заставляйте меня думать» актуальна спустя 15 лет.

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

В чём суть правила? Среднестатистический потребитель не хочет думать. Зайдя на сайт или продающую страницу, он хочет рассуждать по принципу «так, понятно… а вот это… а вот и то, что мне нужно». И как часто владельцы сайта сами строят препятствия на пути у потенциального покупателя! Бездарный дизайн лендинга – то, что забивает первый гвоздь в крышку гроба вашего проекта.
Как же выглядят типичные ошибки?

4 ошибки, снижающие конверсию

Ошибки №1 и №2

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

• В первом случае «дизайнеры» используют заезженные, безжизненные шаблоны. Утянутые с flaticon.com бесплатные пиктограммы, таймеры на весь экран со «специальными предложениями» и другие прелести – прилагаются.
• Второй случай намного хуже первого, и, ей-Богу, лучше бы горе-дизайнеры лепили всё по одному (но хорошему) шаблону. Речь идёт о случаях, когда дизайн абсолютно не соответствует предлагаемому товару. Визуально «тяжёлые» блоки, тёмно-коричневый цвет, текстуры кожи, дерева и золота в лендинге, продающем чай для похудения? Легко!
  Как этого избежать
• Остерегайтесь бесплатных «стандартных» шаблонов. Они могут быть очень яркими и красочными, но абсолютно не выражающими суть вашего товара. Обратитесь к профессионалам, которые придадут лендингу действительно уникальный вид.
• Чётко определитесь с ЦА. Если это девушки, то и дизайн landing page должен быть в меру «девчачьим» – в зависимости от товара. Если вы продаёте дрели новейших моделей, то пусть и дизайн landing page будет сдержанным, «профессиональным» – ведь именно этого ждёт мужская аудитория. Запомните: не получится угодить всем.

Ошибка №3

По какой-то неведомой причине тексты и шрифты во многих лендингах выполнены до того безобразно, что диву даёшься. Эта тема обширна, и охватить её в рамках небольшого поста будет невозможно. Рассмотрим лишь самые частые ошибки:

• Мелкий шрифт. Это хуже… хуже всего, в общем. Когда текст набран крошечными буковками, ваш потенциальный клиент НЕ БУДЕТ напрягать зрение дольше нескольких секунд, и просто закроет страницу. Смиритесь. И начните, наконец, использовать большие буквы.
• Слишком много текста. Лендинг может состоять и из 5, и из 25 блоков (последнее даже лучше – при соответствующем исполнении). Однако ни один из них не должен быть перегружен текстом. 90% людей визуалы – так дайте им картинки, образы, которые легко считываются и запоминаются. «Не заставляйте меня думать!» — не забыли?
• Светлый текст на тёмном фоне, капслок, восклицательные знаки!!!, и другие мелочи. Всё это напрямую относится к дизайну. Текст в лендинге должен легко читаться. А читаемость зависит не только от того, как построена фраза, но и от того, как она выглядит.

Как этого избежать?

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

Ошибка №4

Этот пункт касается в первую очередь лендингов, связанных с бизнес-тематикой. Ошибка, о которой пойдёт речь, преследует 99 из 100 продающих страниц. Речь идёт об изображениях с бесплатных фотостоков. В основном этот ужас можно увидеть в разделах «О компании», но некоторые не стесняются ставить фотографии улыбающихся бизнесменов и в первый блок лендинга.
Отнеситесь к этому серьёзно. То, что допустимо в блоге или статье, недопустимо в бизнесе, тем более – в продажах.
Когда вы используете это:

Ваш лендинг выглядит:

• банальным
• пошлым и безвкусным
• кричащим «у нас нет собственных фотографий, поэтому мы покажем приторную картинку»
• а главное – это ощутимо снижает конверсию

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

Немного о usability

К дизайну также относится «юзабилити» лендинга. Слово usability не имеет адекватного перевода на русский язык. «Удобство использования» – достаточно близкий перевод, лишённый, впрочем, оригинального «вкуса».
От того, как расположены и как выглядят элементы интерфейса на вашей landing page, во многом зависит решение посетителя о покупке.

Говоря упрощённо:

1. Кнопка «купить» выглядит вызывающе, кричаще? «Мне что-то навязывают», думает клиент, и навсегда уходит с вашей страницы.
2. Кнопка «купить» находится в неочевидном месте, её трудно найти? Клиент снова уходит.

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

Помните, для чего нужен лендинг

Есть лендинги с прекрасным дизайном, грамотной структурой, идеально подобранными шрифтами. Всё замечательно, но конверсия почему-то мизерная. В чём же проблема? В том, что посадочная страница создаётся исключительно ради одного дела. Ради продажи.
Все элементы лендинга – дизайн, текст, структура – должны быть заточены на то, чтобы побудить посетителя сделать заказ. Это не так просто, и за деревьями легко не увидеть леса. Помните об этом.

Целевая страница или лендинг или landing page - та страница, та информация, которая впервые, в большинстве случаев, знакомит пользователей (и потенциальных клиентов) с брендом и его услугами/товарами. Это даже не сайт в привычном для нас понимании. Это более сложная вещь, выразимся так, которая представляет информацию всё ту же, что и на сайте, но в более сжатом и конкретном виде, как говорится, «по делу без излишеств». Казалось бы, что выглядеть это должно скучным и унылым, а на деле даже тот, кому и услуги бренда-то не нужны, «зависают» на страничках и смотрят, читают, пытаются узнать, как оформлено и прочее. Представьте, что такой пользователь бывает магическим способом еще заворожен так, что все равно умудряется что-то купить/заказать или уж точно, добавить страничку в закладки.

Вот почему? Как они (веб-дизайнеры) это делают?

О лендингах есть много разной информации в интернете, продаются книги в магазинах и прочее. Но мы хотим в этом материале рассмотреть те моменты, из которых не просто создается лендинг, а как с этими моментами работают именитые (и не очень) дизайнеры. Какие интересные идеи они находят, чем вдохновляются и не только. В общем, как обычно, отправляемся в дебри веб-дизайна и творческих идей. Сегодня же понедельник…

Не все так просто

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

Шаблонность

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

В результате появляются такие лендинги как pinestreet , youate , ginventory , baronfig . Структура каждого из них узнаваема и не оригинальна (по сути), но визуализация в целом, оформление, расположение отдельных элементов, типографика придают каждой целевой странице свой характер и уникальность .

Ясность CTA

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

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

Лендинг Lyft целиком и полностью направлен на мотивацию водителей заработать деньги. А потому тут же сразу, на первой части лендинга находится и форма для заполнения, благодаря которой водители могут узнать, сколько они заработают через неделю вместе с Lyft, введя свой город и километраж. При этом после заполнения формы, пользователи не отправляются на новую страницу, они сразу видят некоторую сумму в долларах и еще одну кнопку CTA, дабы применить введённые данные. Уже потом начинается переадресация, регистрация и прочее.

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

В свою очередь целевая страница Taster"s Club решает сразу несколько идей, что мы описали выше. Это и персональный подход, и яркие CTA, и создание дизайна понятного для разного типа пользователей. Интерес в данном случае представляет тот момент, что данный лендинг является и домашней страницей виски-клуба.

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

Если же кликнуть на JOIN NOW, то начинается настоящая забава. Изначально предстоит выбрать свой клуб (тип виски), который вам более всего нравится и затем увидеть возможные варианты членства и цены для приобретения. Уже затем можно еще раз кликнуть по кнопке «Присоединиться» и перейти к форме для заполнения платежной информации.

Иерархия, поток и примеры целостности

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

Проект LS Productions имеет вначале большое по размеру видео и заметный логотип в верхнем левом углу, а также и сообщение в центре о том, что нужно прокрутить страницу. Таким образом, пользователь понимает, что видео можно пропустить и перейти к ознакомлению с контентом, услугами и прочим. В дальнейшем, при использовании стиля разделённого экрана , вся информация подается блоками с контрастным чередованием, художественными шрифтами, выделениями и так далее. И что занятно, обилие контента не превращается «в кашу», поскольку свободного пространства очень много.

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

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

Особый интерес представляет и еще одна секция - HOW IT WORKS. Люди в большинстве своем заняты чем-то и не любят сложностей, поэтому секция стала идеальным способом устранить любые сомнения. Всего в трех шагах показывается, как работает компания и что, и зачем должен сделать пользователь: консультация - график работы - конечный результат. Банально , скажете вы, это и так понятно . Одно дело понятно, но никогда не мешает лишний раз повторить и проговорить.

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

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

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

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

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

Выводы

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

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

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

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

Как выбрать шаблон одностраничника?

1. Внешний вид. Дизайн желательно делать в общем стиле компании. В интерфейсе не должно быть слишком несочетаемых цветов. Однако, одни пастельные тона тоже давно надоели пользователям, поэтому яркость и креативность приветствуются.
2. «Вес». Анимированное оформление, мерцающие баннеры, «тяжёлые» элементы, слайдеры могут сделать сайт таким перегруженным, что он будет открываться дольше, чем у конкурентов.
3. Количество блоков и возможность их настройки. Перед выбором шаблона точно решите, какие именно блоки нужны по минимуму, чтобы не перегружать страницу. Примеряя шаблон, выясните - можно ли убирать блоки и менять местами.
4. Кроссбраузерность и наличие адаптивного дизайна позволит сильно расширить аудиторию потенциальных клиентов. Поэтому обязательно выбирайте только адаптивные шаблоны одностраничников .

Предлагаем одностраничные шаблоны бесплатно

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

Приглашаем скачать шаблоны одностраничных сайтов

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

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

Коротко: что такое лендинг и для чего он нужен

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

Синонимы: одностраничный сайт, одностраничник, лендинг пейдж, посадочная страница, landing page, целевая страница.

Посадочная страница используется для продвижения товара или услуги, она призвана «направить» посетителя на совершение определенного действия:

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

Делать самостоятельно или заказать работу «под ключ»?

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

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

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

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

Как лучше поступить, если вы:

1. вы новичок в бизнесе;
2. хотите протестировать новую нишу;
3. у вас небольшой стартовый капитал.

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

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

Единственное, что вам действительно необходимо — это знание своего продукта: его достоинств, недостатков и целевой аудитории.

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

Помните, что если вы решили заказать лендинг «под ключ», вам нужно составить как можно более точное ТЗ и согласовать все детали с разработчиками.

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

LPMotor — самый лучший конструктор одностраничников

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

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

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

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

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

При оплате за год вы получите скидку 40%.

Оплатить услуги и тарифы платформы можно с помощью банковской карты, через Сбербанк Онлайн, Альфа-клик, посредством перевода через Связной, Евросеть, МТС, Теле2 и Билайн. Поддерживаются электронные кошельки: Яндекс.Деньги, QIWI, Webmoney.

Достоинства

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

Недостатки

• Отсутствие бесплатного тарифа

Bloxy — стильный и современный

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

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

Пользователю предлагается три тарифных плана:

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

Сервис позволяет интегрировать ваш одностраничник с популярными сервисами: amoCRM, Битрикс 24, Робокасса, Яндекс Касса, Google Analytics, Яндекс Метрика, Mail Chimp и др.

Достоинства

• Понятный интерфейс
• Интеграции со всеми необходимыми ресурсами для ведение бизнеса в интернете
• Удобный конструктор для создания собственного одностраничника

Недостатки

• Нет готовых шаблонов
• Стоит дороже конкурентов

LPgenerator — самый функциональный конструктор

LPgenerator имеет все необходимые инструменты для создания одностраничного сайта. В основном данный ресурс рассчитан на профессионалов, которые имеют опыт работы с подобными платформами. Наверно, это самый «мощный» и многофукнциональный конструктор из всех представленных на рынке.

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

На сайте собраны необходимые инструменты для создания и управления лендингом: управление каналами трафика, подробная аналитика и статистика, удобное сплит-тестирование, построение воронки продаж, собственная CRM и LP Телефония и т.д.

Кроме того, вы можете интегрировать lpgenerator с различными онлайн-сервисами: Robokassa, Битрикс 24, AmoCRM, Мегаплан, Dropbox, SmartResponder и др.

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

Бесплатный тариф отсутствует, оценить все преимущества и недостатки сервиса можно с помощью семидневного бесплатного пробного периода. Далее подключается один из платных тарифов (цены в месяц): «Базовый» (799 рублей), «Продвинутый» (2375 рублей), «Безлимитный» (3999 рублей), «Корпоративный» (15730 рублей).

При оплате за год, вы получаете 30% скидку:

Оплатить тарифы можно следующими способами: безналичный расчет, Web Money, карты Visa, Maestro и MasterCard, Сбербанк Онлайн, «Мир», «Альфа-Банк», «Яндекс.Деньги», Qiwi Wallet, Tele2, Beeline, «Мегафон», МТС, «Евросеть».

Достоинства

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

Недостатки

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

Ucraft — бесплатный конструктор посадочных страниц

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

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

К готовому лендингу можно подключить следующие сервисы: Google Analytics, Mail Chimp, Google Maps, Twitter, Instagram, You Tube, Disqus.

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

Платные тарифы можно оплатить с помощью Visa, Mastercard, Pay Pal.

Достоинства

• Удобный редактор для создания собственного одностраничного сайта
• Бесплатный тариф с хостингом и доменом 3-го уровня
• Есть инструменты для совместной работы над проектом
• Возможность интегрировать одностраничник с популярными сервисами

Недостатки

• Мало готовых шаблонов

Примерная структура одностраничного сайта

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

1. Заголовок

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

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

2. Логотип, название фирмы и контактная информация

Логотип позволяет пользователям идентифицировать вашу компанию и повысить уровень доверия.

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

3. Данные о предоставляемом продукте или услуге

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

1. Реальные фотографии продукта;
2. Видеозапись (данному контенту потенциальные потребители доверяют больше всего).

4. Преимущества бренда

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

5. Описание услуг

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

6. Обратная связь с клиентами

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

Пример создания лендинга своими руками помощью сервиса LPmotor

Давайте попробуем для примера создать простую целевую страницу в конструкторе LPmotor.

Первое, что нам нужно сделать это зарегистрироваться в LPmotor .

В личном кабинете кликаем на зеленую кнопку «Создать сайт».

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

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

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

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

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

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

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

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

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

Отсюда вы сможете управлять всеми функциями лендинг пейдж.

Самое первое, что нужно сделать, это изменить домен.

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

Следующий шаг — подключение счетчиков посещаемости Яндекс Метрика или Google Analytics.

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

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

В разделе «Аналитика» вы можете посмотреть посещаемость сайта по разным каналам трафика и воронку конверсии.

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

Самый последний шаг — публикация сайта.

Для этого нужно перейти на вкладку «Рабочий стол» и нажать кнопку «Опубликовать». С этого момента ваш сайт будет доступен пользователям по всему миру.

Я рассказал только о самых важных функциях конструктора. Наверняка, у вас еще возникнут вопросы: что такое A/B тесты, для чего нужны SEO настройки, как настроить анти-спам фильтр и т.д. На этот случай предусмотрены обучающие видео. Посмотреть их вы можете по ссылке «Обучение» в верхнем правом углу экрана. Если возникнут какие-нибудь вопросы, смело пишите в службу поддержки. Кроме того, можете также написать в комментариях к этой статье. Обязательно отвечу всем.

Заключение

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

Приветствую вас в блоге Start-Luck. Ваша цель создание лендинга и вы исследуете разные варианты ее достижения? Тогда эта статья будет вам полезна.

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

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

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

Структура

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

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

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

Итак, как сделать лендинг, что он должен в себе содержать?

Компания

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

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

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

Помимо названия на одностраничнике нужно разместить контакты. Это повышает уровень доверия.

Продукт

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

Преимущества

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

Оффер

Наверняка вы уже сто раз это слышали: «Мы продаем не продукт, а решение проблемы». Стоматолог дарит красивую улыбку без стеснения, вместо шубы мы получаем роскошь и заботливую теплоту, мобильные операторы предоставляют возможность общаться с самыми дорогими людьми. Это и называется оффер – то, что получает клиент. Его реальная выгода.

Форма обратной связи

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

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

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

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

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

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

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

У меня есть альтернативный вариант. Adobe Muse. я тоже уже писал. Это все тот же конструктор, только чуть более сложный и без «запятнанной» репутации. Используя его вы уже проявите себя как профессионал. Компания, выпустившая его, также создавала фотошоп, премьер про, в котором работают телевизионщики и многое другое качественное и крутое ПО.

Если вы уже сейчас хотите попытаться поработать в нем, могу предложить вам курс Сергея Садовникова «Гений продающих сайтов ». Вместе с обучающим курсов вы получите 80 шаблонов абсолютно бесплатно. Готовый дизайн, используй!

Его останется только немного отредактировать и выложить на . Расходы на него составят уже не 375 рублей в месяц, а всего 120. Существенная выгода, плюс возможность выйти в ТОП поисковой выдачи.

Лучшие примеры, которые нарушают все правила

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

Дизайнеры восхитили именно меня и думаю, от некоторых из этих примеров вам тоже захочется воскликнуть: «WFT!».

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

На втором месте «Окна людям ». Ребята просто взяли, нарисовали ленд на листочке, отсканировали и выложили в интернете.

На последней картинке – кошечка, которая сидит на окне. Согласитесь, такие сайты не забываются.

Ну и первое место – Алексей Земсков (3208.ru ), который занимается ремонтом. Просто офигеваешь, когда попадаешь на этот сайт. Кажется, что он создан школьником, подкупает своей мужественностью, простотой и брутальностью.

Если вы не обратили внимание или не можете прочитать, на логотипе написано: «Сайт очень легко запомнить – 32 зуба и 8 пальцев».

Почему он на первом месте? Да потому что спустившись с главного экрана ты понимаешь, что проект выполнил нифига не профан. Он сделан очень круто, профессионально. Это ни разу не насмешка. Тексты подкупают своей правдивостью. Создается впечатление, что ты знаешь этого Алексея и очень хочешь работать именно с ним.

Ну вот и все, создавайте свои сайты и обязательно подписывайтесь на рассылку.