0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать лендинг самому

Как сделать лендинг самому. Пошаговая инструкция (2019)

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

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

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

Разберитесь со структурой

В любой промостранице есть обязательные блоки. Все построено на психологии потенциального клиента:

  • Шапка — меню сайта. В лендингах обычно ставят «якоря» на блоки, указанные ниже. Кликнув по ним, пользователь переносится вниз по странице.
  • Главный блок — суть вашего предложения для будущего покупателя.
  • Преимущества/описание товара или услуги — подробности о продукте. Почему человек должен купить именно ваш продукт?
  • Рекомендации/отзывы — элемент социального доказательства. Если о продукте хорошие отзывы, доверие к компании повышается.
  • Формы захвата — блок, в котором вы собираете персональные данные. Имя пользователя, его телефон или email.
  • Подвал — краткая информация о компании, возможно, еще одна кнопка «купить» или повторение меню.
Статья в тему:  По фамилии вк. Найти чел в конт. Поиск людей вконтакте

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

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

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

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

Собираем информацию

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

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

Изучаем сайты конкурентов

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

Зачем анализировать конкурентов:

  • будете представлять, какие блоки нужны на вашем лендинге;
  • сможете понять, как выделиться на фоне остальных;
  • подсмотрите какие-то интересные решения.

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

Статья в тему:  ТОП программ для создания GIF-анимации

Результаты анализа занесите в таблицу:

Доставка за 2 дня

Совет

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

Анализируем целевую аудиторию

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

Если у вас уже есть клиенты, покопайтесь в голове и поищите там ответы на вопросы:

  • Что люди спрашивали перед покупкой?
  • В чем сомневались?
  • По каким причинам отказались покупать?
  • Насколько им понравилось и что именно?
  • Что не понравилось и почему?

Если на какие-то вопросы не знаете ответов, позвоните 4—5 клиентам и уточните.

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

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

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

Совет

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

Статья в тему:  Какой оператор самый дешевый. Выбираем самый выгодный тариф

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

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

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

В реальности все не совсем так. А точнее, совсем не так.

Вот несколько ценных мыслей (которые навеяны практикой):

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

Поэтому для начинающих бизнесменов я рекомендую следующую схему работы:

Статья в тему:  Где в виндовс 7 быстродействие

Шаг 1

Сначала делаем лендинг самостоятельно. Это поможет сэкономить время и деньги на старте.

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

Запуск контекстной рекламы в Яндекс.Директ

Подбор ключевых слов. Подумайте, по каким запросам ваш товар или услугу могут искать с помощью Яндекса. Составьте свой список, а остальные запросы поможет сформулировать сервис https://wordstat.yandex.ru.

  • Добавление минус-слов. Минус-слова используются, чтобы по запросам, где имеются такие слова, не показывалось объявление.
  • Составление объявлений. Используйте методику «одно объявление — одно слово» или «одно объявление на группу слов». В тексте объявления укажите поисковый запрос (например, «создать лендинг»), преимущества («без программирования и помощи специалистов») и призыв к действию («регистрируйтесь сейчас»).
  • Стратегия показа объявлений. Если вы не располагаете большим бюджетом, подойдёт стратегия «Недельный бюджет: максимум кликов».
Статья в тему:  Как подключить беспроводной джойстик

  • Регион показа. Если вы оказываете услуги только в Москве, то не имеет смысла показывать рекламные объявления по всей России.
  • Временной таргетинг. Например, реклама товаров актуальна круглосуточно, а объявления услуг лучше показывать в часы работы организации.
  • Тематическая сеть и показы по дополнительным релевантным фразам. На начальных этапах рекомендуем отключить эти настройки.

как создать одностраничный сайт

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

Этап 1. Подготовка

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

– Определение цели лендинга

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

Перед созданием Вам нужно чётко определить цель Вашего лендинга. И запомните – цель должна быть одна:

  1. Получить новые заявки на товары/услуги;
  2. Увеличить узнаваемость бренда;
  3. Информировать о предоставлении товаров/услуг;
  4. Предоставить консультацию по услугам;
  5. Получить резюме от кандидатов;
  6. Привлечь партнеров, дилеров, представителей;
  7. Обеспечить доступ к сервису.

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

Статья в тему:  Что такое cкайп. Что такое скайп

– Определение целевой аудитории

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

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

Целевая аудитория

– Поиск выгод

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

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

Взгляните на это!

Чтобы Вы лучше уловили суть, вот Вам пример из 10 вопросов, которые помогут глубже копнуть в свою компанию и свой продукт и подать полученную информацию “под чудесным соусом”:

  1. Сформулируйте 3-5 “причины, почему объективно выгоднее покупать у Вас, а не у конкурентов”;
  2. Какие особенности производства есть именно в Вашей компании?
  3. Проводите ли Вы внутреннее обучение персонала?
  4. Сравните продукт с аналогами. Укажите преимущества и недостатки;
  5. Кто является лицом или лицами компании?
  6. Какие бонусы Вы готовы выдавать клиентам при покупке на большие суммы?
  7. Распишите детально этапы работы с клиентом от первого обращения до выполнения работ;
  8. Расскажите про финансовые условия работы (предоплата, рассрочка, отсрочка первых выплат, кредиты, скидки, продукт на реализацию, выкуп неликвида и т.д.);
  9. Какие о компании или от компании существуют публикации? (экспертные комментарии, интервью, жюри в телешоу, авторские колонки, статьи);
  10. Ваши клиенты-звёзды.
Статья в тему:  Чем создать загрузочный диск. Как создать загрузочный iso

– Формирование структуры

Здесь на помощь приходит Лестница Ханта. Также, как и аватар клиента, она даст саму структуру будущего лендинга. Если очень коротко, то до момента принятия решения о покупке человек проходит 5 шагов/уровней осознанности, и Вам необходимо помнить об этом при создании лендинга:

  1. Этап “Безразличие”. Проблемы не существует, Вам нужно сначала создать её в голове человека. Показать, что если он этого не сделает/не купит, то все будет плохо;
  2. Этап “Осведомленность”. Проблема есть, но нет решения. На первых экранах демонстрируете, что существуют разные варианты решения проблемы клиента;
  3. Этап “Сравнение”. Варианты решения проблемы сравниваются. Донесите, что Ваше решение лучше других: сравнительной таблицей, обзором продукта, результатов исследования, консультации и т.д.;
  4. Этап “Выбор”. Вариант выбран, идет поиск продуктов. Показываете, какое предложение подойдёт пользователю, точнее, в каком в виде/комплектации – рассказываете о выгодах своей продукции;
  5. Этап “Покупка”. Выбор между поставщиками продукта. Указываете выгоды работы именно с Вашей компанией, а уже потом рассказывать о продукте и о том, что он самый лучший.

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

Этап 2. Создание прототипа

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

Статья в тему:  Приложение йота для смартфона. Мобильное приложение

Держитесь, держитесь!

– Структура

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

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

  • AIDA (товары/услуги);
  • PmPHSA (инфобизнес). (Pain, more Pain, Hope, Solution, Action – боль, усиление боли, надежда, решение, призыв к действию).

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

– Детали

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

Можно сделать это опять же на листке бумаги, но мы используем специальную программу Balsamiq Mockups, которую Вам и рекомендуем. Вот так выглядит реализация:

Прототип

Интересно. Не забудьте установить на сайт систему комментирования. Так пользователи смогут делиться своим мнением и даже подталкивать к покупкам других посетителей (а еще это положительно влияет на SEO). Кликайте и узнавайте подробнее -> Сackle

И вот так все выглядит в итоге в реальности:

Готовый лендинг

Статья в тему:  Программа для монтажа аудио файлов онлайн. Редакторы аудио

На этом шаге раскрывается весь Ваш концепт. И без общих знаний копирайтинга сюда лучше не соваться. Иначе Ваша фантазия закончится на избитых фразах в стиле “Почему 95% клиентов выбирают нас”, “Как мы работаем”, “О нас”. Чтобы хоть как-то подкачаться в этой области, рекомендую почитать наши статьи:

– Призывы к действию

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

Лайфхак. Вывести сайт в ТОП поисковиков несложно с сервисом комплексного SEO-маркетинга. Буквально в два клика Вы узнаете текущие позиции вашего сайта по ключевым словам, посмотрите как продвигаются конкуренты и составит эффективную стратегию SEO-продвижения. Кликайте и тестируйте -> SE Ranking

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

Пойман!

Также call to action должен быть простым. Чем проще шаг, тем больше конверсия сайта, и тем больше шансов убедить человека стать Вашим навсегда.

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

Статья в тему:  Как отключить ребенок под присмотром от МТС: способы

Этап 3. Дизайн

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

  1. Цветовые пятна. Один экран = один основной цвет. Не нужно использовать несколько разных оттенков и создавать тем самым новогоднюю ёлку;
  2. Минимализм. Если опыта в дизайне landing page мало, то Ваш выбор – простая и стильная страница без лишних деталей. Чтобы Вам было приятно, называйте его “Как у Apple”;
  3. Воздух. Между элементами должно быть пространство, которое отделяет между собой смыслы. В идеале запомнить правило: 1 экран = 1 смысл;
  4. Акценты. У Вас должно всё быть в соподчинении. Что-то должно бросаться в глаза первым, потом взгляд должен перемещаться на второй элемент, а затем на другие.

Если уже сейчас Вы думаете, что лендинг создать самостоятельно – это для Вас слишком, есть мы:)))

Бесит!

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

Этап 4. Верстка

Здесь собраны лучшие по нашему мнению конструкторы лендинга онлайн. Стоимость зависит от выбранного в тарифе функционала: интеграций, А/Б тестов, доп. пользователей и т.д., в таблице указал минимальную.

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector