Разработка лендинга: пошаговая инструкция

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

Разработка сайта лендинг пейдж — что это и для чего подходит

Landing (англ. «приземление») page (англ. «страница») — веб-ресурс, состоящий из одной страницы, узкоспециализированной, призывающей пользователя к конкретному целевому действию. Сайт — удобная и стильная площадка, на которой пользователь получает максимум нужной информации о продукте в предельно лаконичном виде: что предлагает бизнес, почему это ценно, в чём преимущества и выгоды товара. Клиента ничто не отвлекает, он изучает предложение и делает заявку.

У лендинга много названий:

• целевая страница;

• страница приземления;

• страница захвата;

• продающая страница;

• одностраничный сайт;

• продающий сайт.

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

• текущее положение дел на рынке;

• развитие занимаемой вами рыночной ниши;

• уникальное торговое предложение;

• непосредственно характеристики посадочной страницы: оформление, стиль, интерфейс.

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

Структура оптимального лендинга

1. Оффер

   Важнейшая часть. От её качества зависит, оправдает ли страница захвата своё название, сумеет ли «захватить» потенциального клиента. Часто оффером называют заголовок, который должен содержать уникальное торговое предложение — УТП (кратко, но емко), чтобы разжечь интерес посетителя. А это возможно через воздействие на болевые точки клиента: нужно знать, что его беспокоит, и предложить решение проблемы, дополнив её всегда востребованной скидкой или приятным и полезным бонусом.

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

2. Основные сведения о продукте

   Представление товара лицом: фото, видеоматериалы, характеристики и руководство по применению — самые основные моменты.

3. Почему клиент должен выбрать вас

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

4. Социальные доказательства

   
   

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

   

5. Расценки

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

6. Механизм работы

   Пользователь понял свою проблему, осознал необходимость покупки предлагаемого вами решения. Но как это будет выглядеть? Сколько по времени составит доставка (если речь о товаре)? Как часто будут приходить подборки (если от него требуется оформление подписки)? Поэтому данный блок посвящен описанию механизма, который запускает действие клиента. Хорошо, если он будет представлен наглядно — через инфографику, картинки, шаги со стрелками.

7. Призыв

   
   

   Call To Action — призыв к действию, то, ради чего, собственно, и затевается вся работа по созданию лендинга. СТА-элементы включают в себя не только непосредственно кнопки, нажатием на которые пользователь совершает то самое действие, но также лид-формы, собирающие контактную информацию клиента, формы оформления заказа, обратный отсчет времени до истечения срока скидки (нужно успеть, торопитесь!).

Дизайнерские находки, позволяющие повысить эффективность призыва:

• цветовое акцентирование СТА-элемента;

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

• продающий текст (повторить информацию о скидках и бонусах, но другими словами).

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

Этапы разработки и создания лендинга

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

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

1. Исследование аудитории

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

2. Маркетинговое исследование

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

3. Работа над текстом и заголовком

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

4. Дизайн

   
   

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

5. Верстка веб-страницы

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

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

   
   

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

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

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

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

Четкое понимание задачи (срок — 1 день)

В стандартных брифах чаще всего прописано следующее:

• род деятельности фирмы;

• кто основные конкуренты компании;

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

• получение контактов;

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

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

Аналитическая работа над проектом (срок — 2 дня)

Ведется по всем направлениям, касающимся конкурентов компании и её целевой аудитории. Участие в работе на данном этапе принимают все специалисты, которым предстоит работать над проектом.

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

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

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

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

Создание контента(срок — 2 дня)

От качества контента зависит эффективность сайта: продающий текст, сильный заголовок, органичная вписанность ключевиков (страница должна соответствовать поисковым запросам пользователей), понятные картинки. Всё это должно привести посетителя к действию, которого от него ждут.

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

Дизайн (срок — 2-3 дня)

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

Результаты A/B-тестирования говорят, что конверсия серьезно не меняется, если сравнивать две страницы с незначительными различиями. Между стилем и убожеством клиенты, конечно, выбирают первое, соответственно, и коэффициенты конверсии будут полярными.

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

Верстка (срок — 3–5 дней)

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

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

Прикрутка сайта к движку (срок — 1-2 дня)

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

Движки могут быть профильными, идеальными для сайта с конкретной задачей (к примеру, заказ запчастей для авто), либо иметь общее назначение: WordPress, 1С-Битрикс, Shop-Script, Drupal, Joomla!, Opencart, MODX и многие другие.

Прием заказчиком

Работа завершена. Остается только, чтобы заказчик принял свой сайт.

Какова цена разработки лендинга: подробнейший анализ

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

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

Онлайн-конструкторы

Могут быть как универсальными (посредством которых создаются различные сайты и лендинги в том числе), так и узкопрофильными, непосредственно для посадочных страниц, которые мы и рассмотрим более детально. Использование конструктора позволяет сэкономить на услугах веб-мастеров. Но не всё так однозначно.

В чём плюсы конструкторов:

• наличие бесплатного тестового периода;

• хостинг предоставляется;

• процесс регистрации прост, непосредственно разработка и настройка лендинга также не требуют серьезных временных затрат;

• среди встроенных шаблонов отыщется тот, который отвечает специфике вашего предложения;

• адаптирование страницы под гаджеты производится с помощью имеющегося инструментария, включающего также всё, что нужно для налаживания коммуникации с пользователем;

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

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

Минусы онлайн-конструкторов одностраничника:

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

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

• неуникальный дизайн. Даже из двух сотен представленных вариантов вы всё равно выбираете шаблон, и это не ускользнет от поисковых роботов, да и пользователь увидит, что дизайнер не прикладывал к сайту свою профессиональную руку;

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

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

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

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

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

Ниже представлен перечень наиболее востребованных конструкторов и расценки на их использование.

• Landingi.com

  От 29 у. е. в месяц. Тестовый 30-дневный период бесплатно. В комплекте 105 шаблонов, но используемый язык — английский, что может существенно затруднить работу. Можно самостоятельно наполнить шаблон, не привлекая готовые решения. Адаптивная верстка предусмотрена только в некоторых версиях сервиса.

• Tilda.cc

  
  

  Существуют различные пакеты: «Бесплатный», «Персональный» (15 у. е. в месяц, подписка сразу на год позволяет сэкономить: её стоимость составляет 120 у. е.), «Бизнес» (тоже более выгодна годовая подписка, стоимость которой 240 у. е., помесячная оплата — 25 у. е.). Тестовый период ограничивается 2 неделями. На сервисе предусмотрена возможность обучения новичков (видеоуроки), копилка модулей постоянно пополняется и насчитывает уже более ста различных блоков. Дизайн сайтов эффектный. Большой плюс — адаптивная верстка, ощутимый минус — англоязычные шаблоны и обязательное присутствие на готовом лендинге логотипа конструкторской платформы.

• Lpgenerator.ru

  «White Label» — этот пакет обойдется в 245 у. е. / месяц, «Безлим» — 62 у. е. / месяц, «Продвинутый» — 34 у. е. / месяц. Двухнедельный тестовый период. Количество шаблонов превышает 200, правда, только половина бесплатна, а количество изображений в галерее — более 50 миллионов. Можно конструировать страницу на пустом шаблоне, использовать самые разные опции и функции, которыми снабжена платформа. Сконструировать мультилендинги не проблема. Адаптация сайта под все гаджеты — легко. Но успехов в разработке лендинга на базе данного конструктора добьется опытный пользователь, новичку будет сложно разобраться в богатом функционале платформы.

• Umi.ru

  Цена пакета «Лендинг» составляет 2 у. е. в месяц при условии покупки 10-летнего пакета. Тестовый период — 15 дней. Конструктор отлично подходит тем, кто только начинает постигать азы создания продающих сайтов. Панель управления максимально упрощена, чтобы у новичков не возникало трудностей. Более пятисот вариантов дизайна и 15 тематических категорий позволяют выбрать наиболее подходящий стиль. Есть возможность адаптивной верстки.

• Lpmotor.ru

  
  

  При покупке пакета сроком на 10 лет цена в месяц составит 10 у. е. Тестовый период не ограничен. Специфика сервиса позволяет самостоятельно собирать свою посадочную страницу, перетаскивая на неё каждый необходимый вам элемент, поэтому и встроенных шаблонов немного (меньше 30). Размеры картинок можно менять в соответствии с пожеланиями. Но существенным недостатком является невозможность адаптировать сайт под гаджеты.

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

Приобретение готового сайта на шаблоне

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

Действительно, плюсов много:

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

2. Экономия средств. Готовый сайт дешевле, чем работа с нуля.

3. Шаблон-основу заказчик выбирает сам.

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

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

Так что риски необходимо оценить объективно.

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

Заказ фрилансеру

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

В чём плюсы сотрудничества с фрилансером?

1. Экономия денег, ведь стоимость разработки страницы «свободным сотрудником» составляет от 100 до 500 долларов (можно найти и тех, кто готов работать за 80 $). В любом случае расценки ниже, чем у веб-студий.

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

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

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

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

• есть угроза несоблюдения сроков;

• интерес исполнителя составляют собственные доходы, а не успешность вашего бизнеса;

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

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

Заказ в веб-студии

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

Плюсов же несоизмеримо больше:

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

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

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

4. Студия полностью отвечает за одностраничный сайт.

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

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

Рассчитаем примерную стоимость разработки продающей страницы студийным коллективом.

Амортизационные расходы неизбежно войдут в общую сумму. Аренда офиса, коммунальные услуги, зарплата сотрудников, расходы на связь и Интернет, вложения в A/B-тестирование и прочее. Крупные агентства ведут расчет цены на основе временных затрат сотрудника.

Что ещё входит в прайс, по которому и будет предъявлена сумма к оплате:

• Аккумулирование информации

  Специалист — проект-менеджер.

  Среднее время — 12 часов.

  Час работы — 15 у. е.

  Итого — 180 у. е.

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

• Анализ брифа клиента

  Специалист — интернет-маркетолог.

  Среднее время — 22 часа.

  Час работы — 20 у. е.

  Итого — 440 у. е.

  Изучение целевой аудитории, составление портрета клиента, анализ конкурентов. Детальное исследование бизнеса заказчика. Интернет-маркетолог разрабатывает маркетинговую структуру лендинга (черновая основа). Принимает контент, оценивает его с точки зрения ЦА, вносит правки, дает рекомендации по улучшению уникального торгового предложения.

  
  

• Создание контента

  Специалист — диджитал-копирайтер.

  Среднее время — 10 часов.

  Час работы — 15 у. е.

  Итого — 150 у. е.

  Весь контент на странице: заголовки, подзаголовки, предложение, призывы к совершению действия и так далее.

• Разработка дизайна

  Специалист — веб-дизайнер.

  Среднее время — 30 часов.

  Час работы — 25 у. е.

  Итого — 625 у. е. (без разработки Mood Board) / 750 у. е.

  Дело в том, что действовать можно в двух направлениях: либо клиент экономит и отказывается от разработки Mood Board, либо она разрабатывается.

  
  

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

• Верстка

  Специалист — верстальщик.

  Среднее время — 56 часов.

  Час работы — 25 у. е.

  Итого: 1400 / 950 у. е. (при отказе от анимации и подключения к CMS).

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

• Подключение и настройка аналитики

  Специалист — аналитик.

  Среднее время — 1 час.

  Час работы — 20 у. е.

  Итого — 20 у. е.

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

• Тестирование

  Специалист — тестировщик.

  Среднее время — 3 часа.

  Час работы — 20 у. е.

  Итого — 60 у. е.

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

  
  

• Дополнительные работы

  • Колтрекинг под ключ, в среднем 60 у. е. за 3 часа работы.

  • CRM-система, стоимость часа работы специалиста — 15 у. е., окончательная цена зависит от объемов и задач.

  Итого: 2345–3000 у. е.*

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

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

Правила дизайна при разработке продающего лендинга

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

Общие правила таковы:

• лаконичность и стиль, неперегруженность элементами, четкость и емкость фраз оффера и качественный контент;

• акцент на удобство пользователя (с помощью UX/UI-дизайна создается продающий интерфейс).В самом общем виде: если элемент прикручен, то он работает, если есть форма заказа, то она включает минимум полей;

• соблюдать устоявшиеся требования к структуре, располагая блоки в определенном порядке (так, первый «призывный» блок размещается в конце первого экрана, второй — внизу страницы), выделять цветом призыв к действию;

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

Ошибки, создающие плохой и неэффективный лендинг

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

• нелогичный дизайн, который точно не понравится целевой аудитории, множество цветовых акцентов, которые вместо привлечения внимания действуют точно наоборот;

• нет УТП. Пользователь просто покинет страницу, так и не поняв, что ему предлагается;

• длинный текст. Лонгриды иногда полезны, но не для лендинга;

• фото- и видеоконтент плохого качества либо не соответствующий предложению;

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

• формы подписки или заявок сложные, кнопки не работают.

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

Как заказать разработку лендинга под ключ

В общем виде алгоритм следующий:

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

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

3. После согласования техзаданий разработчик погружается в задачу. Он создает эскиз (в специальной программе или ручкой на листе): как строится блочная схема, где оффер, где СТА-элементы и так далее.

   Скачайте полезный документ по теме:

   

   Чек-лист: Как добиваться своих целей в переговорах с клиентами

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

Автор статьи

Дмитрий Свистунов

Руководитель SEO-отдела и разработки

Статья опубликована: 01.08.2019

Последние статьи этого автора:

• Адаптивная верстка сайта: гайд для начинающих
• Анкор ссылки: виды, правила составления, влияние на продвижение
• Белая раскрутка сайта без перехода на темную сторону

Забрать подарки
из закрытой базы

Скачать 7,4 MB

Полезные
материалы
для руководителей

Скачать 3,2 MB