Люди приходят на сайт с разными задачами: кому-то просто нужен номер телефона, а кто-то хочет заказать товар. Чтобы каждый нашел то, что ищет, на сайте есть много страниц — каталог, портфолио, контакты, блог. А когда нужно рассказать об одном конкретном предложении, подойдет лендинг. В этой статье рассказываем, как создать лендинг для своего проекта и увеличить количество клиентов.
Что такое лендинг
Лендинг — это сайт, который состоит из одной страницы и призывает пользователя что-то сделать. Например, подписаться на рассылку, купить билет на конференцию или отправить резюме. Для этого созданы все условия: вся информация на одной странице, каждый блок подводит к целевому действию и есть кнопка. Человеку не нужно переходить на другие страницы и что-то искать.
На лендинге ничего не отвлекает от целевого действия, поэтому он лучше подходит для продвижения конкретных предложений и рекламы
С чего начать создание лендинга
Хороший лендинг — это простая и понятная история о вашем продукте. Подумайте, кому вы ее рассказываете: кто ваши клиенты и что для них важно. Это даст возможность структурировать страницу вокруг важного для читателя, а не вокруг всего подряд. Вы сможете вести клиентов за ручку: последовательно отвечать на вопросы и прорабатывать страхи. Чем точнее выделена целевая аудитория, тем проще ей что-то предложить.
Как сделать эффективный лендинг пейдж за 10 минут. Конструктор landing page своими руками
Пример: лендинг вебинара по мобильной обработке фотографий.
Аудитория — девушки, которые хотят развивать Инстаграм. Нужно показать, что вы научите быстро обрабатывать фотографии для блога и создавать с помощью обработки единый стиль ленты. Потребуются иллюстрации «до/после». Аудитория — фотографы. Нужно показать, что на смартфоне можно быстро обработать фотографии и получить такой же результат, как на компьютере.
Полезно показать конкретный сценарий: например, после вебинара участники смогут сохранить кадры с камеры на телефон, подготовить анонс съемки прямо на свадьбе и вывести на проектор во время банкета.
Рассказывать историю можно не только с помощью текста. Люди часто принимают решения на основе эмоций, а не фактов и логики. Создать нужное настроение помогут правильные иллюстрации. Попробуйте показать на фотографиях не только сам продукт, а еще и то, как изменится жизнь клиента после его использования.
Приглашаете на конференцию — покажите видео счастливых людей в зале, продаете дизайнерские часы — сделайте фотографии стильных девушек, в образ которых идеально вписывается этот аксессуар. Подумайте, на кого хотят быть похожими ваши клиенты. Тексты неубедительны, поэтому начинайте делать лендинг с подбора фотографий и видео.
Как собрать лендинг
Вы изучили целевую аудиторию и подготовили иллюстрации. Осталось продумать структуру и создать страницу. На Vigbo это просто: у нас есть шаблоны для одностраничников и большая библиотека готовых блоков. Это заготовки, в которых нужно только заменить текст и фото — все остальное продумали дизайнеры. Можно выбирать любые блоки и комбинировать их друг с другом.
Как сделать идеальный landing page (лендинг) в любой нише
Начнем?
1. Обложка
Обложка — это первое впечатление. Чтобы за несколько секунд убедить человека остаться на странице, первый экран лендинга должен быть максимально цепляющим и интересным. В этом поможет набор инструментов: большая имиджевая картинка, заголовок, подзаголовок и кнопка. Начнем с картинки. Она привлечет внимание раньше текста, поэтому постарайтесь сразу создать нужное настроение.
Поставьте на обложку хорошую фотографию или атмосферное видео. Для оформления этой части страницы отлично подойдет слайдер или обложка из «Базовых блоков». Если приглашаете на работу, удачной фотографией для обложки будет ваша дружная команда. Продвигаете кафе — покажите аппетитные блюда. И вам не нужно будет об этом писать — фотография скажет сама. Перейдем к тексту.
В основе будут ответы на вопросы «Что вы предлагаете?» и «Для кого?» В заголовке сформулируйте пользу, которую получит клиент, а в подзаголовке напишите детали, которые дополнят ваше предложение. Обратите внимание на сочетание фона и текста. Не используйте пестрые фотографии с мелкими деталями — на них текст трудно читается. Видео лучше брать плавные и с увеличенным фокусом, чтобы все объекты были немного крупноваты.
Источник: blog.vigbo.com
Как создать идеальный лендинг: виды landing page, структура и советы
Лендинг или landing page — это посадочная страница, которая создана для выполнения одной задачи. Чтобы лендинг с этим справился, у него должна быть ясная цель, логически выстроенная структура, продающий контент и удобный интерфейс.
Как создать LandingPage самому
Лендинг или сайт, имеющий всего одну страничку, как никогда подходит новичкам для создания собственного ресурса. Предстоящая работа не вызовет затруднений, а готовый ресурс будет выполнять все необходимые функции.
Больше подробностей о том, как создать лендинг пейдж самостоятельно, вы сможете узнать из представленной статьи.
Сайты лендинг пейдж – что это такое?
Ранее, сайты такого формата были не слишком востребованы, поскольку раскручивать ресурс было очень проблемно. Сегодня конъюнктура рынка существенно изменилась, появились новые направления, инструменты для продвижения. В результате лендинги приобрели новое значение и оригинальную конфигурацию.
Термин: Лендинг пейдж (landing page) – это страница, где продвигается товар, услуга, посетители «направляются» к совершению определенного действия.
Сайты такого формата используются для обращения покупателей за бесплатными консультациями, для бронирования мест, подачи заявки на приобретение товара, получения услуги. Из характерных особенностей таких сайтов можно указать следующие моменты:
- состоит из одной страницы, а все сведения и полезные данные расположены в виде блоков;
- можно разместить информацию разного типа – тексты, фото и видео, файлы для скачивания;
- не имеет сложной навигации, больших текстов и баннеров. Переход по блокам осуществляется путем обычной прокрутки.
Получается, что небольшой и простой сайт содержит минимум информации, необходимой для представления проекта в интернете. Для предпринимателя или компании, которые планируют обозначить свое присутствие в интернете, такой вариант может стать оптимальным решением.
Семь шагов создания Landing page для новичков
Самостоятельно сделать сайт такого типа не сложно. Важно действовать строго по инструкции и переходить от этапа к этапу для получения нужного результата. Придерживаясь представленных рекомендаций, можно будет получить профессионально сделанный, красивый сайт, полностью бесплатно. Рассмотрим пошаговые рекомендации по созданию лендинга из html шаблона.
Шаг 1. Скачиваем html-шаблон для лендинга (обычно, такие предложения бесплатные).
Фактически, речь идет об отдельной странице в интернете, которая сподвигает пользователя на конкретное действие. У таких сайтов не меню и ссылок на другие ресурсы. Чтобы реализовать проект, сначала надо найти подходящий html-шаблон и отредактировать его.
Шаг 2. Меняем картинки на главном экране.
Когда задача по скачиванию шаблона выполнена, необходимо перейти на следующий этап – редактирование. Здесь будет такой порядок действий:
- Скачали, переходите в папку «blue», в которой хранятся файлы с расширением «html». Необходимо кликнуть по файлу index.html и открыть шаблон, который был скачан, в браузере.
- Переходим к редактированию при помощи программы Notepad++. Потребуется ее сказать и установить на компьютер.
- Первоочередные действия – установка нормальной картинки на начальный экран проекта. Для этого ищем картинку, которая будет подходить к теме сайта. Найти полезный контент можно в Яндекс-картинках, указав размер «Большой».
- Скачиваем выбранную картинку и копируем ее в папку ««images», меняем название на «banner.jpg». Старое изображение тоже нужно переименовать.
- Обновляем шаблон в браузере. Если картинка появляется, значит все встало как надо. Переходим к следующему этапу
Шаг 3. Редактируем тексты на главном экране.
Переходим к редактированию текстовой информации. Для этого используем алгоритм:
- Правой кнопкой мышки кликаем по «index.html» — «Открыть с помощью Notepad++».
- Открывается исходный код шаблона. Задача исполнителя – заменить черный текст на другие параметры. Качество правки – это 80% успеха всей работы.
- Меняем заголовки: «Alpha» на нужный нам (например, Консультация с опытным юристом по любым вопросам и в любое время). Текст надо вставить между тегами
Шаг 4. Затемняем картинку, выбранную для фона.
Продолжаем работу над шаблоном. Слишком светлый фон приводит к тому, что заголовок не слишком выделяется. Сделаем фон темнее. Для этого:
- Переходим в папку «assets -> css ->images».
- Меняем название двух файлов, которые представлены здесь. К примеру, светлый переименовываем в «overlay2.png», а более темный — просто «overlay».
- Сохраняем и обновляем. Теперь все смотрится намного лучше.
- Аналогичным образом меняем весь шаблон, приводим его к красивому виду.
Шаг 5. Меняем форму подписки.
Здесь могут возникнуть сложности, поскольку придется регистрироваться в любом сервисе рассылок, генерировать форму и вставлять ее в лендинг. Есть более простое решение – указать номер телефона и тем самым, увеличить конверсию заказов.
В коде шаблона нужно будет просто удалить всю форму и вписать номер мобильного телефона.
В результате получится вот такая картинка.
Шаг 6. Загружаем сайт на хостинг.
Готовый проект необходимо выложить в интернет. Для этого покупает домен и хостинг, например у Reg.ru и закачивает страницу на хостинг. Предварительно нужно будет переименовать папку «blue», например, в «services». Это позволит лендингу приобрести адрес yourdomain.ru/services/index.html. На завершающем этапе необходимо сменить расширение на «php».
Шаг 7. Продвигаем лендинг и привлекаем целевую аудиторию
На финальной стадии остается протестировать работу сайта и заняться продвижением ресурса. Сделать это тоже можно самостоятельно и бесплатно. Для этого необходимо настроить правильно контекстную рекламу и использовать другие способы продвижения лендинга.
В дальнейшем, необходимо постоянно отслеживать статистику по проекту, чтобы понять, какие коррективы необходимы к внесению для максимально продуктивной работы сайта. Если вы нуждаетесь в помощи профессионалов, то в нашем агентстве найдете полезные услуги.
Источник: internet-team.ru