Создание дизайна landing page

Реальные примеры работающих лендингов

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

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

Пример 1. Мастер Климат — компания по установке и продаже климатического оборудования

www.masterclimat.pro — этот сайт мы сделали с другом, когда еще занимались изготовлением сайтов под заказ.

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

Пример 2. Вакансии Альфа-Банка

www.job.alfabank.ru — прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.

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

Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.

Ucraft — удобный и многофункциональный

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

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

На лендинг можно поставить Google Analytics. Кроме того сервис можно интегрировать с Mail Chimp, Google Maps, Twitter, Instagram, You Tube, Disqus и другими сервисами, чтобы сделать landing page более привлекательной и функциональной.

Способы оплаты: Visa, Mastercard, Pay Pal.

Достоинства

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

Недостатки

Для чего нужен лендинг?

Лендинг не просто информирует о товаре – он его продает. Цель любого лендинга – одно конкретное действие.

Это или продажа товара/услуги, или сбор контактных данных посетителей, или привлечение трафика на основной сайт.

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

Продажа товара. Допустим, вы стали фрилансером-копирайтером и хотите продвинуть в интернете свои услуги. Услуга у вас одна – написание текстов.

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

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

Сбор контактных данных, или лидов. Лиды – это контакты потенциальных клиентов. Как их собрать? Очевидно, заинтересовать людей, чтобы они оставили в форме заказа свой телефон или электронную почту.

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

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

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

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

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

Но они-то еще о вас не знают! Значит, делайте лендинг, ориентированный полностью на аудиторию предпринимателей. Описываем их боли и проблемы и предлагаем решение – ваши тексты.

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

Дизайн лендинга: основные правила

Теперь поговорим о дизайне лендинга, его основных правилах, ведь структура лендинга – это еще не все

Важно, чтобы landing page был привлекательным и в плане оформления.

Основные правила разработки дизайна лендинга:

  • Минимализм. Дизайн должен быть стильным, шрифты читабельными. Тестовая часть и изображение следует чередовать. И не следует нагромождать много элементов. Пусть лучше будет побольше свободного пространства.
  • Кнопки СТА стоит размещать в конце первого экрана. Это правило для лучшей продажи.
  • Не стоит использовать шаблоны. Следует применять уникальные изображения продукции или хотя бы добавьте на шаблонные фотографии дизайнерские элементы, которые применяются в вашей компании.
  • Сайт-страница должна быть удобна для посетителя: от активных элементов до кнопки СТА.

Соблюдая эти простые правила при дизайне лендинга, он принесет больше целевых действий

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

Налоги с лэндинг пэйджа

Рассмотрим налогооблажение от продажи товаров или услуг через landing page. Предприниматели, которые осуществляют продажи (ведут свой бизнес) через интернет (рекламу, посадочные страницы т.д.) необходимо оплачивать налоги от прибыли. Рекомендуется это делать только тогда, когда у вас начинают увеличивать объема продаж, оборот и т.д. Для этого понадобится зарегистрировать юридическое лицо. (О том, что лучше выбрать ИП или ООО для своего бизнеса читайте здесь)

  • Первый тип налогообложения — общая система налогообложения. Данный режим предусматривает уплату наибольшего количества налогов. Сюда относятся — налог на прибыль, НДФЛ для ИП и физлиц, НДС (налог на добавленную стоимость), различные взносы (страховые и т.д.) и прочие налоги.
  • Второй тип налогов — УСН (Упрощённая система налогообложения). Данный тип уплаты налогов является самым распространенным среди начинающих предпринимателей. (6 % с доходов, либо ставка от 5 до 15% с разницы между расходами и доходами, зависит от региона деятельности бизнеса)
  • Третий типа налогообложения — ЕНВД — Данный тип относится к отдельным видам деятельности, которые внесены в НК (налоговый кодекс). Уплата налогов в данном режиме фиксированная, а сам размер налогов зависит от региона деятельности бизнеса.
  • Патентная система налогообложения. Покупается патент на определенный вид деятельности, в каждом регионе стоимость патента разная. Оплата налогов фиксированная и выражается в рублях. Режим действует только для ИП.

Какие налоги нужно уплачивать с landing page зависит от вашего налогообложения. При регистрации бизнеса необходимо указать коды ОКВЭД и основной вид вашей деятельность.

Рекомендуем прочитать — Как открыть ИП — пошаговая инструкция.

Критерии хорошего конструктора одностраничников

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

Стоимость
Задумайтесь о бюджете на ваш сайт, готовы ли вы платить по 300—500 руб. ежемесячно за его обслуживание? У хороших платформ минимальный тариф находится в этом диапазоне, но есть и более дорогостоящие предложения, например, LPgenerator за 799 руб. в месяц.
Сложность использования
Через лучшие сервисы очень легко работать. Они сделаны на русском языке, не подвисают, имеют интуитивно понятный интерфейс. Чтобы это оценить, нужно за пробный период успеть, как минимум, создать проект и запустить его на бесплатном поддомене.
Интеграции с нужными сервисами
Большинство популярных платформ предлагают синхронизировать данные с различными CRM, почтовыми рассылками, кассами и т. д. Тем не менее, встречаются и те, где очень мало возможностей по интеграции, и такие варианты лучше исключать.
Наличие инструментов аналитики
Они однозначно понадобятся тем, кто планирует не просто запустить свой сайт, а продавать с него товары или заниматься арбитражем трафика. К сожалению, далеко не все конструкторы имеют расширенные возможности для отчетов в реальном времени и А/Б тестирование

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

В одном сервисе может быть всего 5–10 вариантов, но они идеально подойдут, чтобы создать одностраничный сайт самому с нуля, а в другом — несколько тысяч бесполезных шаблонов.
Регистрация доменов
Возможность купить адрес для сайта сразу в платформе по привлекательной стоимости — не самый важный критерий, но это удобно. Вам не придется прописывать DNS и ждать пока изменится делегирование, все будет сразу готово к работе. Многие конструкторы даже предлагают один домен с привязкой бесплатно при оплате тарифа.
Возможность передать или скачать сайт с выгрузкой кода
Данная услуга может понадобиться для последующей продажи проекта или переезда на другой хостинг. В первое время она кажется бесполезной, но когда встанет подобный вопрос, то будет уже поздно.

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

Как оформить первый экран

  1. Логотип (вариантивно),
  2. Дескрипт,
  3. Контакт,
  4. Меню (по необходимости),
  5. Заголовок,
  6. Подзаголовок (вариативно),
  7. Изображение/видео продукта,
  8. CTA (Форма или Кнопка),
  9. Идентификация,
  10. Выгоды (вариативно).

2. Дескрипт

  • точно описывает то, чем занимается компания с конкретизацией ниши (пример — Конструктор Landing Page, Организация профессиональных конференций);
  • указывает на специализацию (пример — Свадебная фотосъемка, Агентство элитной недвижимости);
  • может содержать идентификацию (пример — Консультации для начинающих бизнесменов, Тренинги для топ-менеджеров);
  • может демонстрировать выгоду (пример — Отдел продаж под ключ)

5. Заголовок или самая важная часть Landing Page

Технология 1. Как сделать продающий заголовок: 4UUsefulness (Полезность)«трех почему»Urgency (Срочность или Актуальность)Uniqueness (Уникальность)докладов Тима ЭшаПроцесс изучения посетителями одностраничникаUltra-specificity (Ультра-специфичность)Пример 1Дизайн интерьеров.
– Разработаем дизайн интерьера, который сделает дом удобнее.
– Разработаем дизайн интерьера, в который захочется возвращаться.– Разработаем дизайн интерьера в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.– Профессионалы индивидуально разработают дизайн интерьера, в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.– Дизайн интерьеров на заказ
– Профессионалы индивидуально разработают дизайн интерьера, в который Вы захотите возвращаться, сэкономив 30% бюджета за 2 недели
Пример 2Купить шины.– Увеличьте безопасность автомобиля на дороге.– Увеличьте безопасность автомобиля на дороге на 35%.– Увеличьте безопасность автомобиля на дороге на 35% за 1 час.– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус».– Купить самые лучшие шины у нас
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус»
Технология 2. Как создать продающий заголовок: 3ВПримеры:– Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами
– Делайте молочные коктейли за 1 минуту у себя дома с блендером
– Увеличим прибыль вашего сайта в 2 раза с технологией создания заголовков по 4U
Технология 3. Создание заголовка: 2МПримеры:
– Как продать автомобиль за 3 часа на 10% выгоднее, не выходя из дома
– Как заработать 1000 рублей лежа на диване за 1 день
– Как увеличить конверсию в 2 раза за 10 минут без вложений

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

Пример заголовка на первом экране Landing Page.регистрируйтесь

6. Подзаголовок

Пример:– Заголовок: Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами.
– Подзаголовок: Все еще не хватает на новый Феррари? Звоните прямо сейчас, и мы увеличим ваши продажи.

7. Изображение

Используем четкие, без шумов, яркие картинки.В карточках продукта фон должен быть такой же, как и фон блока. Используем изображения формата .png. Примеры справа конверсию убивают сразу. Разница очевидна.Никогда не накладывайте на фон изображения с фоном. Используем .png изображения, причем лучше брать реальные фото, а не рисунки из фотобанка.unsplash.comallthefreestock.comПример первого экрана для заголовка и изображения Landing Page.

8А. Кнопка

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

Примеры призыва к действиюХорошо:
– Получить консультацию
– Узнать больше
– Получить мой подарок
– Увеличить продажи
– Получить бесплатно
– Принять участие
Плохо:
– Отправить
– Заказать
– Купить

8.Б. Форма

  • заголовок;
  • подзаголовок;
  • поля для ввода;
  • кнопка;
  • подпись;
  • CTA + выгода.

Заголовок формыПодзаголовок формыПоляПоля контактовКнопкаПодпись

9. Идентификация

Примеры:
Для кого подойдет?
– Для владельцев бизнеса
– Для начинающего бизнеса
– Для владельцев веб-студий
Для кого не подойдет?
– Для дачников
– Для домохозяек
– Для автовладельцев

Помощники в создании одностраничных сайтов

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

Spagece

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

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

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

WordPress

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

LPGenerator

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

Tilda

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

Кратко о конструкторе Tilda в таблице.

Количество шаблонов Более 180
Индивидуальный заказ дизайна Отсутствует
Пробный период 14 дней
Минимальный тариф От 750 руб. в месяц (скидка при оплате сразу за год)
Привязка собственного домена Есть
Адаптивность дизайна 5 экранов
Интеграция CRM, почтовые рассылки, сервисы приема платежей, банковский эквайринг (Альфа-Банк, Сбербанк, Тинькофф)
Аналитика А/Б тестирование, мультилендинги, отчеты в реальном времени, Google Analytics и Яндекс.Метрика
Регистрация доменов Отсутствует, подарочные предоставляются через Reg.ru

Интересный факт: несколько сайтов, созданных пользователями Tilda, были награждены известными премиями. Например, первое место в рамках номинации «Промышленность и оборудование» по версии Рейтинга Рунета 2016, а также победа в Bitrix Design Cup 2016.

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

Перейти на tilda.cc

Mobirise

Mobirise — это бесплатная программа для создания лендингов без редактирования кода на фреймворке Bootstrap. Она доступна в Windows и Mac, являясь прекрасной альтернативой современным конструкторам.

Сравнивать Mobirise с вышеупомянутыми платформами бессмысленно. Это совершенно иного рода решение для создания сайтов со следующими особенностями:

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

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

Перейти на mobirise.com

Что такое лендинг пейдж — обзор для новичков

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

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Примеры лэндингов:

Почему делают лэндинги:

  1. Они хорошо мотивируют посетителя совершить нужное действие.
  2. Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
  3. Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.

Лэндинги создают для:

  1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
  2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
  3. Распространения софта — продажа программного обеспечения.

Лендинг и воронка продаж

Процесс продаж через лендинг пейдж выглядит примерно так:

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

Самая широкая часть – переход на страницу. На этом этапе мы тестируем работу контекстной рекламы, сообщений в соцсетях, публикаций на других сайтах. Определяем CTR.

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

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

Случай 1. Низкая конверсия (продажи) основного сайта компании

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

Пример расчета: за 24 часа на сайте побывало 300 человек. Подписались на рассылку – 12 пользователей. Конверсия составит: 12 / 300 * 100% = 4%.

Средняя конверсия сайтов в зоне .РУ – 0,5%. Конверсия лэндингов 5–10%. В этих цифрах скрывается вся правда о том, почему предприниматели так любят продавать свои товары и услуги через одностраничники.

Случай 2. Запуск нового продукта

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

Рекомендую прочитать нашу исчерпывающую стать о том, что такое контекстная реклама.

Случай 3. Решение конкретной задачи

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

Создание landing page без в большинстве случаев поможет увеличит продажи.

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

Чтобы страница заработала – нужно ее «включить».

Для этого можно предпринять следующие ходы:

  1. Запустить контекстную рекламу на ваш одностраничный сайт.
  2. Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
  3. Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector