Что такое прототип лендинга и каким он должен быть?

Что такое прототип лендинга

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

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

В создании сайта есть 3 ключевых этапа:

• Создание прототипа.
• Накладка дизайна на черновой вариант.
• Верстка сайта техническим специалистом.

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

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

Каким должен быть прототип

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

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

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

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

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

Каким должен быть первый экран:

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

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

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

Принципы создания продающего прототипа

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

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

Анализ целевой аудитории на примере ниши клининга

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

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

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

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

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

Анализ конкурентов

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

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

Как я уже говорил, в региональном бизнесе это сделать намного проще. Многие люди даже не задумываются об анализе аудитории и конкурентов. Я живу в Сургуте, и здесь большинство бизнесов даже не запускает рекламу. Они просто привыкли работать на сарафанном радио. 

Критерии успешного прототипа лендинга

После того как мы провели анализ аудитории и конкурентов, мы можем создать прототип. 

Я хочу выделить критерии успешного прототипа:

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

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

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

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