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

Серьёзный разговор про лендинги.

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

Это не про текстики/картиночки. Это про маркетинг, исследования, умения анализировать, договариваться, управлять, контролировать - это сложно.

И вот посмотри на то, о чем написано в теоретическом модуле. Это похоже на то, что можно сделать "за два часа с нулевыми знаниями"?

Нет.

Но это похоже на то, что должно стоить дорого.

Да, такие сайты, сделанные вот так в принципе не могут стоить дёшево.

Это не может стоить дёшево. Не три копейки и не 5 тысяч.

Что такое лендинг и его разновидности

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

Мультилендинг - лендинг, на котором часть содержания меняется в зависимости от запроса, по которому пришел клиент.

Лендинг-мультисайт - набор лендингов, по одному на каждую услугу (товар) компании, слепленные в один сайт. Каждая страница - отдельный лендос + главная-каталог.

Создание сайта по шагам

1. Извлечение информации - интервьюирование клиента по 117 вопросам
2. Исследование конкурентов и изучение интервью
3. Прототипирование - создание текстовой схемы сайта (всех страниц)
4. Дизайн страниц - это обычно делегируем
5. Верстка страниц - это тоже делегируем
6. Пуско-наладка сайта - внедрение аналитики, подключение CRM и так далее
7. Сдача проекта

Сколько что стоит (актуально на 2026)

• Домен и хостинг - от 2500 до 15000 рублей в год.
• Прототипы страниц (копирайтер) - от 8000р/страница
• Дизайн страниц (дизайнер) - от 10000р/страница
• Верстка страниц (верстальщик) - от 5000р/страница

Если ты умеешь делать прототипы - экономишь от трети до половины. А если ты ещё подружился с AI и Claude/ChatGPT помогает тебе писать тексты — то ещё больше.

Остальные сайты можно примерно прикинуть при помощи умножения на количество страниц. Но обычно «внутренние» страницы сайта сильно дешевле.

Так один «нормальный» стоит 57к, а мультисайт из трех - около 90к. Примерно :)

Общение с клиентом, который сказал «хочу сайт»

1. Узнать, чем занимается клиент.
2. Узнать, как видит решение задачи клиент, какой именно он хочет сайт?
3. Узнать, есть ли уже в этом опыт, есть ли сайт, есть ли трафик?
4. Узнать, откуда клиент планирует получать трафик. Подсказать, как лучше.
5. Узнать примерный бюджет на задачу.
6. Объявить цену, отработать возражения.
7. Закрыть на следующий этап - подписание договора, аванс. Интервью и подробное обсуждение - уже работа. Работа - только после аванса.

Кому проще всего продать лендинг?

Тому, кто уже есть, но не очень.

Такому проще всего продать через сравнение своей эффективности с его текущей эффективностью. Можно через аудит.

Тому, чьи конкуренты активно качают контекст.

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

Тому, у кого есть прямой спрос на его продукт.

Такому можно давить на то, для таких дел лучше всего качает лендос+контекст.

Теперь надо эти вложения окупить. Ну и конкуренты давно и плотно в контексте :)

Что будет после аванса?

1. Интервью. Интервью делается сразу после аванса, занимает 2-4 часа.
2. Транскрибация интервью + изучение. Исследование конкурентов. 3 дня.
3. Создание текстового прототипа или прототипов. 3-5 дней.
4. Дизайн на основе прототипов страниц. 5-10 дней.
5. Верстка готового дизайна. 3-10 дней.
6. Сдача проекта, запуск трафика. 1-3 дня.
7. Если делаете и трафик тоже: Аналитика и оптимизация трафика. Пока клиент платит :)

Сколько денег и в какие этапы брать с клиента?

Тут тебе важно понять одну штуку.

Сделать сайт - стоит денег.

Да, даже если не считать твою зарплату, это стоит денег!

Статьи расходов:

• Оплата дизайнера
• Оплата верстальщика
• Оплата копирайтера (ты так делать не будешь, но я все равно расскажу)
• Хостинг + домен
• Оплата сервисов

И если ты вдруг не берешь у клиента предоплату, то ты ЗА СВОЙ СЧЁТ делаешь ему сайт, пока он не заплатит тебе в конце.

А случается всякое, понимаешь?

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

А в конце работы бери вторую часть.

А в идеале, конечно, сразу взять оплату 100%.

Как понять, сколько тебе потребуется на создание сайта

Цена на работу подрядчика будет зависеть от уровня его мастерства и иногда наглости, но это нормальное дело :)

Цены на дизайн за 1 лендинг (2026)

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

• Эконом - 10 - 18к
• Хороший среднячок - 20 - 40к
• Лухари - от 50к

Цены на верстальщиков за 1 лендинг (2026)

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

• Эконом - 8 - 12к
• Хороший среднячок - 15 - 25к
• Лухари - от 30к

Цены на копирайтеров

Копирайтер в данном случае - это ты. Ты проводишь исследование, получаешь максимум информации от клиента и на основе этого делаешь прототип. Поэтому делегировать этот процесс = рисковать всем результатом.

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

И то результат неизвестен :)

В 2026 ChatGPT/Claude умеют писать охуенно — но только если ты сам понимаешь, что должно быть в тексте. AI - не замена тебе, а ускоритель: интервью, исследование, оффер, структура - это твоё. Финальная редактура - тоже твоя. А черновики и переформулировки - можешь делегировать.

Стоимость хостинга

Timeweb - около 3000 рублей в год + домен в подарок. Beget, Reg.ru - сопоставимые цены. Это копейки в общем бюджете, не экономь тут.

Как действовать

1. Ты по этой схеме прикидываешь и понимаешь, сколько тебе надо взять у клиента денег перед началом работы.
2. Плюсом советую накинуть еще немного, а то всякое бывает.
3. Берешь предоплату и начинаешь работать.
4. Платишь всем подрядчикам и за хостинг из полученных денег.
5. Утверждаешь проект - всем всё нравится.
6. Берешь вторую часть оплаты.
7. Отдаёшь исходники.
8. Берешь отзыв.
9. Оформляешь кейс.

Про последние два пункта не забываем!

Сбор информации для лендинга

Подготовка очень важна

Ты по сути строишь фундамент своего будущего проекта. Если ты тут поленишься или отнесешься недостаточно внимательно, то хана.

Тебе нужно собрать максимум информации и отнестись ответственно.

Для этого у тебя есть весь второй модуль.

Сколько и как можно зарабатывать на лендингах?

Стоимость твоего сайта будет зависеть от твоего уровня

Как ни крути.

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

Если ты новичок-боровичок, который делает сайты на Тильде

То твои услуги будут стоить 15-40 тысяч за страницу.

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

Средний уровень

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

В среднем ты сможешь продавать страницу за 150 000 рублей. Это уже хороший уровень и средняя цена без загибонов.

На этом уровне ты сможешь в спокойном режиме делать 3 лендинга в месяц - 450 000 рублей, из которых после оплаты дизайнеров, верстальщиков и т.д. у тебя останется примерно 320 000 рублей.

Вот твой заработок.

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

Уровень профи

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

Тут ценник за одну страницу будет в пределах 300 000-500 000. Но вместе с повышением твоей экспертности, тебе надо будет повышать и качество сайта, нанимать более дорогих дизайнеров - не экономить на виде.

Но вместе с этим, ты научишься делать работу быстрее, а значит сможешь делать больше трёх лендингов в месяц. Пусть будет 5-7.

Ты получишь 2-3 миллиона, из которых у тебя останется тысяч 1.5-2 млн.

Это уже совсем другой разговор, правда?))

Как преодолеть три главных препятствия в обучении

Первое препятствие: отсутствие массы

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

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

Второе препятствие: нарушение принципа постепенности

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

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

Третье препятствие: непонятое слово

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

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

Как и зачем проводить интервью с клиентом.

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

Продукт (товар или услуга)

1. Что вы продаете? Зачем и в какой ситуации это покупают?
2. Какую проблему в жизни или в бизнесе ваш продукт решает?
3. Почему клиенты покупают именно ваш продукт?
4. Расскажите, как устроен продукт? Из каких частей он состоит?
5. Каков принцип работы продукта?
6. Распишите по этапам или по логическим элементам вашу услугу.
7. Сравните товар или услугу с аналогами? Честно укажите преимущества и недостатки.
8. Как выглядит упаковка и дополнительные материалы, которые идут с основным товаром или услугой (инструкции, буклеты, запчасти, подарки, отчеты и т.д.)?
9. Из какого сырья и материалов производится товар?
10. Где, кем и как он изготавливается?
11. Как выглядит транспортировка товара?
12. Как продукт хранится на складе?
13. Что можете сказать про выкладку на полках, в торговом зале или на сайте?
14. Как происходит эксплуатация и использование клиентом? Есть ли на данном этапе цикла какие-то позитивные или негативные моменты?
15. Нужно ли утилизировать товар и вообще, что можно сказать про стадию после использования?

Компания в целом

16. Как называется компания? Почему Вы выбрали такое название?
17. Дайте несколько формулировок сферы деятельности.
18. Покажите сайт и все рекламные материалы компании.
19. «Разрежьте» свой бизнес по направлениям товаров и услуг.
20. «Разрежьте» свой бизнес по клиентским категориям.
21. «Разрежьте» свой бизнес по регионам и странам.
22. «Разрежьте» свой бизнес по каналам продаж.
23. Как появилась идея? Что привело вас в этот бизнес?
24. Расскажите историю по шагам и вехам развития.
25. Каковы цифры вашего бизнеса: оборот и прибыль?
26. Каковы цифры вашего бизнеса: количество товара в ассортименте?
27. Каковы цифры вашего бизнеса: количество проданных единиц?
28. Каковы цифры вашего бизнеса: количество сотрудников (штатные, подрядные)?
29. Каковы цифры вашего бизнеса: количество клиентов?
30. Каковы цифры вашего бизнеса: количество офисов, франшиз?
31. Каковы цифры вашего бизнеса: количество наград?
32. Каковы цифры вашего бизнеса: количество посетителей сайта, просмотров блога и т.д.?
33. Какие цифры масштаба вы можете привести в пример (километры проводов, литры выпитого, тонны сырья, миллионы человеко-часов, тысячи миль перелетов, сотни эскизов, терабайты исходников)?
34. Какие цифры времени вы можете привести в пример (время установки и монтажа, время производства, сроки гарантии, время отклика на заявку, период расчета сметы, время доставки такси или пиццы)?
35. Кто по-вашему является главными конкурентами за бюджет ваших клиентов?
36. Внедрены ли в компанию системы автоматизации бизнеса (CRM, ERP, KPI, BI)?

Лицо компании

37. Кто является лицом или лицами компании (основатели, топ-менеджмент)?
38. Откуда родом?
39. Ваш семейный статус?
40. Предки и род (семейное дело)?
41. Образование (общее и специальная подготовка).
42. Карьера (опыт в данной сфере и других сферах)?
43. Кто учитель (известный мастер)?
44. Какая «профессиональная школа» (компания-эталон)?
45. Ваши личные награды и достижения (в том числе и не профессиональные).
46. Расскажите историю появления компании.
47. Ключевые проекты, которые Вы делали.
48. Ваши хобби и увлечения.
49. Ваши другие бизнесы и проекты.
50. Участвуете ли вы каким-то образом в социальной, культурной и политической жизни?
51. Занимаетесь ли каким-то образом благотворительностью?
52. Имеете ли ученую степень, публикации и занимается ли научно-преподавательской деятельностью?

Люди и команда

53. Кто ключевые люди в компании (имена, должности)?
54. Дайте краткую справку о каждом ключевом лице вашей компании (биография, опыт, знаковые проекты и клиенты).
55. Как выглядит организационная структура?
56. Сколько человек работает в каждом отделе?
57. Как выглядит схема взаимодействия с клиентом (кто и как работает над клиентом, кто общается с клиентом, кто участвует в проекте и на каких стадиях)?
58. Какие требование вы выдвигаете к работникам (сертификаты, лицензии, профессиональное образование, физическая подготовка, возраст, этические принципы)?
59. Как ваша компания развивает и обучает своих сотрудников?

Клиенты, опыт и портфолио

60. Какие типы или категории клиентов с вами работают?
61. Есть ли у вас клиенты-звезды (люди и организации)?
62. Опишите свой самый дорогой проект.
63. Опишите свой самый масштабный проект.
64. Опишите самый известный проект.
65. Опишите самый необычный проект.
66. Опишите самый сложный проект.
67. Сотрудничали ли вы когда-либо с государственными структурами?
68. Какие вопросы задают вам клиенты чаще всего?
69. Какие самые частые клиентские сомнения, страхи, стереотипы и возражения?
70. Какая основная боль и проблема есть у ваших клиентов?
71. Что именно в вашем предложении «цепляет» клиентов сильнее всего?
72. Можете ли вы хотя бы примерно оценить, сколько денег вы сэкономили для своих клиентов или помогли дополнительно заработать?

Сервис и условия

73. Распишите основные этапы работы с клиентом от первого обращения до получения вами денег и выполнения работ.
74. Расскажите, как вы сопровождаете клиента после покупки.
75. Опишите самые удачные акции, которые вы проводили.
76. Дарите ли вы своим клиентам подарки и в каком случае?
77. Опишите свою доставку.
78. Внедрена ли в вашей компании программа лояльности (карты, накопительные скидки, бонусные баллы, подарки и т.д.)?
79. Расскажите про финансовые условия работы (предоплата, рассрочка, отсрочка первых выплат, товарные кредиты, скидки, товар на реализацию, выкуп неликвида и т.д.).
80. Как вы собираете обратную связь от клиентов?
81. Как вы контролируете качество?
82. Как вы работаете с претензиями и рекламациями?
83. Сформулируйте 3-5 «не продуктовых» причин, почему объективно выгоднее покупать у вас, а не у конкурентов.
84. Есть ли в вашем бизнесе понятие «легкого входа» или бесплатного первого шага для клиента?

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

85. Сколько клиентов насчитывает ваш бизнес?
86. Есть ли у вас какие-либо награды и регалии (премии, рейтинги, грамоты, медали, кубки, благодарственные письма)?
87. Какие о компании или от компании существуют публикации (экспертные комментарии, интервью, жюри в телешоу, авторские колонки, статьи)?
88. Продаются ли книги, написанные ключевыми людьми вашей компании?
89. Имеет ли компания лицензии, разрешения и сертификаты, подтверждающие квалификацию?
90. Посещаемость сайта, количество подписчиков в социальных сетях, количество зарегистрированных пользователей.
91. Количество отзывов на сайте и особенно на сторонних ресурсах.
92. Доля постоянных клиентов и клиентов, пришедших по рекомендации в общей структуре выручки.
93. Является ли компания членом ассоциаций, гильдий и других профессиональных объединений?
94. Владеет ли компания зарегистрированными патентами и авторскими правами на собственные разработки?
95. Организует ли ваша компания значимые профессиональные события (выставки, конференции, школы, семинары, роад-шоу, презентации, церемонии)?

Внутренняя кухня

96. Что делается на каждом этапе?
97. Результат каждого этапа?
98. Сколько человек занято на каждом этапе?
99. Сколько времени длится каждый этап?
100. В чем преимущество вашей технологии производства перед конкурентами?
101. Есть ли у вас ручное производство отдельных элементов?
102. Как вы контролируете качество выпускаемой продукции?
103. Покажите и расскажите про ваш офис (магазин, ресторан, шоурум)?
104. На каком оборудовании вы работаете?
105. Есть ли у вас собственные софты и программы?
106. Есть ли у вас знаковые поставщики и подрядчики?
107. Какие традиции и правила существуют в вашей компании?
108. Есть ли у вас своя служба безопасности?
109. Есть ли у вас свой брендированный транспорт?
110. Можете ли вы показать брендированную сувенирную продукцию?
111. Есть ли у вас свой внутренний сайт, журнал, бюллетень?

Детали и мелочи

112. Используете ли вы уникальные материалы?
113. Владеете ли вы уникальными технологиями и методиками?
114. Можете ли вы разобрать продукт или услугу и описать его по элементам?
115. Есть ли у вас секреты, ноу-хау и нюансы, которые больше никто не использует?
116. Работают ли с вами уникальные, единственные в своем роде специалисты?
117. Укажите те детали и мелочи в продукции или услуге, по которым можно судить о безупречном качестве.

Правила работы со списком

1. В интервью участвует как минимум 2 человека: один задаёт вопросы — второй отвечает. В идеале, человек, который спрашивает, не знаком с компанией, её деятельностью и продуктом.
2. Задавайте все вопросы, даже если заранее знаете, что на него ответят или что ответа вообще нет.
3. Пропускать вопросы можно, но (!) только те, которые некорректны для данного направления (например: продаём клининговые услуги, а вопрос про выкладку товара на складе) — все остальные вопросы задаём.
4. В процессе будут появляться сопутствующие вопросы — задавайте их, уточняйте, переспрашивайте. Ищите, пока не найдется УТП.
5. Если вопрос кажется неважным, не ведитесь. Неважных вопросов там нет. Лучше знать, чем не знать.
6. Интервью проводите ТОЛЬКО устно: человек всегда скажет больше, чем напишет.
7. Весь разговор от и до записывается на диктофон (дружеский совет: проверяйте, началась ли запись, работает ли микрофон).
8. Выберите время и старайтесь не отвлекаться на другие вещи: сконцентрируйтесь на задаче. Разговор обычно занимает от 2 до 4 часов.

Что делать, если Вы — собственник компании?

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

Что потом делать с записью?

Её надо переписать в текст. Полностью.

В 2026 это делается бесплатно за минуту: загружаешь аудио в любой нормальный AI (ChatGPT с Whisper, MacWhisper, transkriptor.com) - получаешь готовый текст. Раньше это стоило 500р/час фрилансеру, теперь это просто часть твоего рабочего процесса.

Если по каким-то причинам не хочешь возиться с AI - закажи на фрилансе, перепишут (в среднем 800-1500р за час разговора).

Поздравляю, теперь у Вас есть материал для начала работы.

Конкуренты, аватары и потребительское поведение ЦА.

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

Как сделать анализ конкурентов?

Это обязательный шаг.

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

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

Все лучшие идеи - берём и дорабатываем.

Все плохие - просто игнорируем и НЕ делаем так.

Итак, как изучать конкурентов

1. Идём в Google и забиваем целевой запрос по своей теме.

   Например: «Клининг Краснодар» или «Шубы купить Сызрань» и т.д. Просматривай сайты, которые рекламируются.

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

   Просмотри их сайты, обращай внимание на то, какую информацию они «выпячивают», а какую замалчивают. Какой дизайн, какие рекламные объявления.

   Напоминаю: все хорошие идеи записывай, запоминай, делай себе скриншоты. Это пригодится.

2. Посмотри, какие ещё каналы использует компания-конкурент.

   Если они представлены в социальных сетях - посмотри и туда. Изучи комментарии и реакцию их клиентов, это твоя прямая ЦА всё-таки: какие вопросы они задают, что им нравится больше всего и т.д. Используй это в своей работе.

3. Найди группы и страницы конкурентов в соцсетях (ВК, Telegram, Дзен, YouTube).

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

   Telegram-канал в 2026 - это часто главный канал коммуникации с базой. Посмотри: есть ли он у конкурента, как часто пишут, есть ли реакции, ведут ли диалог в комментах. Это даёт понимание глубины их маркетинга.

4. Проверь конкурентов в AI-поиске.

   Открой ChatGPT, Perplexity, Я.Нейро и задай 5-7 ключевых запросов по теме клиента. Кого AI цитирует? Кого упоминает в ответах? Часть людей сейчас вообще не доходит до классической выдачи - они получают ответ от AI и идут к тому, кого там упомянули. Если конкуренты светятся в ChatGPT, а твой клиент - нет, это слепое пятно, которое надо закрывать.

5. Помимо Google, спроси своего клиента о конкурентах.

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

6. На что закрывают на своих конвертерах?

   Какой офер? Что предлагают? На каких условиях? Есть ли лёгкий первый шаг? Лид-магнит?

7. Как общаются после заявки?

   Перезванивают быстро? Что говорят? Хорошо говорят? Закрывают на следующий шаг?

8. Обязательно изучи чужие кейсы.

   Наверняка кроме тебя кто-то когда-то продвигал эту тему. Наверняка где-то есть как минимум 3 кейса по этой тематике. Найди их и изучи. Всё прекрасно гуглится.

   Плюс есть база кейсов Церебро — открыть таблицу.

Как прописать аватары ЦА

Что такое аватар клиента?

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

Специалисты рекомендуют давать аватару имя и фото, некоторые для создания аватара берут имя и фото реальных клиентов, с которых и списывают портрет. В отделах маркетинга крупных компаний вроде Coca-Cola и Procter&Gamble есть специальные почётные доски, на них — аватары: фотографии и описания. Сотрудники компании каждый день смотрят на своих потенциальных клиентов и делают продукты именно для них, а не для абстрактной «женщины 25-40 лет».

Маркетологи расходятся во мнениях насчёт того, сколько аватаров нужно делать. Кто-то рекомендует делать только 1 аватар и не распыляться на начальном этапе на много портретов. Кто-то, наоборот, рекомендует составлять как можно больше разных аватаров - в соответствии с каждым сегментом вашей ЦА.

Итак, какие характеристики нашего идеального клиента мы должны выяснить:

Общие характеристики аватара

1. Пол

Мужчина / женщина.

2. Возраст

Конкретный возраст или узкий диапазон.

3. Где живёт?

Город, район, тип жилья.

4. Семейное положение?

Холост, в браке, в отношениях, разведён.

5. Есть ли у клиента дети?

Сколько, какого возраста.

6. Как бы вы его назвали?

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

7. Чем занимается клиент?

Кем работает? Каков его социальный статус? Доход?

8. Чем увлекается, интересуется?

Хобби, привычки, контент, который потребляет.

9. Кто супруг или супруга?

Что супруг думает об увлечениях нашего клиента или желаниях купить наши товары? (=> какие доводы нам надо привести на посадочной площадке для обработки возражений супруга?)

10. Какое у клиента образование?

Как это влияет на покупку наших товаров?

11. Религиозные или философские взгляды? Принципы?

Как это влияет на покупку наших товаров?

12. Самая большая неудовлетворённость в жизни?

Чем он недоволен в своей жизни, и что делает для того, чтобы изменить жизнь к лучшему?

13. Каковы проблемы, страхи клиента?

Что мешает спать, чего боится в работе и в быту.

14. О чём мечтает клиент?

Чего хочет в глубине души?

15. Жизненные ценности и приоритеты?

Что для него важно по-настоящему.

16. Как выглядит обычный день из жизни клиента?

От пробуждения до сна — по часам.

Как прописать потребительское поведение ЦА

Потребительское поведение аватара

1. Зачем клиент покупает ваш продукт? Какую измеримую проблему он хочет решить?

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

2. Почему эта ситуация возникает?

   Почему у клиента возникла данная проблема? Систематически ли она повторяется, или же ваш сервис сможет решить её раз и навсегда?

3. Что клиент делает, чтобы решить проблему? Что он пробовал? Что сработало, а что нет?

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

4. По каким критериям клиент принимает решение о покупке?

   Что для него важно - цена, качество, гарантии, известность марки, совет друзей, скорость и удобство покупки?

5. За что клиент не готов платить?

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

6. Что останавливает вашего клиента от покупки?

   Когда клиент убедился, что ценность вашего продукта в несколько десятков (а может и сотен) раз выше, чем его цена. Когда он уже достал деньги, чтобы оплатить товар - сможет ли его что-либо остановить? Возможно, ему нужно спецобслуживание после покупки, отдельный менеджер для сопровождения проекта. Может, для него важна возможность оплатить по безналичному расчёту, или дружелюбное «Ждём Вас снова!». Над чем нужно поработать в вашей компании, чтобы удовлетворить все потребности клиента?

7. Что он говорит и что на самом деле чувствует (о чём не говорит)?

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

8. Кто его окружает?

   Кто влияет на решение клиента о покупке? Поможет ли ваш товар/услуга вашему клиенту выделиться среди его окружения? Какие качества важны в профессиональной среде клиента? Что он считает преимуществом перед конкурентами, а какие недостатки необходимо срочно устранить => сможет ли ваша компания устранить их?

Как создать правильный план упаковки бизнеса.

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

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

Что надо сделать

1. Составьте несколько формулировок названия Вашего товара или услуги ("бизиборды", "Доски Монтессори", "Развивающие модули" и т.д.).
2. Зайдите в Яндекс Вордстат, вбейте туда формулировки (по одной), выставьте Ваш регион и проверьте статистику по этим запросам.

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

Если люди ищут конкретно этот товар

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

И тут возникает вопрос: как нам этих людей сконвертировать?

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

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

Допустим, у Вас магазин моторных масел:

• Если человек ищет масло конкретного производителя, то вы можете при помощи UTM-меток показывать на своём лендинге именно то масло, которое он искал - это называется мультилендинг с автоподменой экрана.
• Если человек просто ищет масло (запрос "моторное масло купить Казань"), то Вы можете сделать просто лендинг со встроенным каталогом и, в идеале, прикрутить туда подбор масла по марке авто, потому что многие автовладельцы просто не знают, какое масло им нужно (если бы знали, в запросе фигурировало бы конкретное название).

Несколько смежных направлений

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

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

В этом случае лучше:

• Сделать один общий лендинг - "Фундамент под ключ";
• Сделать лендинг на каждую из ваших услуг.

Если люди НЕ ищут этот товар

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

Тут Вам придется:

• Сначала доказать, что Ваш продукт им нужен - сформировать потребность.
• И только потом убедить их купить именно у Вас.

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

2 метода обращения к клиентам на лендинге

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

• Сначала Вы рассказываете, как ему на самом деле плохо и тяжело, а потом - как ему будет клево с Вашим товаром.
• А потом начинаете объяснять, почему ему лучше купить у Вас.

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

2. Через позитив. Тут мы говорим только о хорошем, никакого негатива: расписываем наши преимущества, УТП и т.д.

В каком случае какой вариант использовать?

Тут опирайтесь на собственные ощущения.

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

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

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

Как определять количество и характер информации на лендинге.

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

Пирамида Маслоу

Берем наш товар и смотрим, где он находится в пирамиде Маслоу и определяемся.

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

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

Пример - ekapusta.com

Средний пример - кредит

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

Пример - alfabank.ru/get-money/mortgage/programs/digital-ab/

Обратный пример - Инвестирование

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

Пример - alfabank.ru/alfaprivate/

Лестница теплоты клиента по Ханту

Чем выше трафик на лестнице Ханта - тем более конкретным и коротким должен быть лендинг.

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

Если мы берем информационку - на лендосе сначала надо продать компанию и продукт, а потом уже предложение.

Например - france-dec.ru

Когда человек гуглит потолки - он уже знает, что ему надо потолки. У него есть проблема и есть решение. Он выбирает продукт и поставщика.

Околотематика

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

Например - здравница-лагонаки.рф

Этот ленд отлично продает санаторий по запросам "мазь от радикулита" или "продуло почки".

Например - vinir23.ru - версия, которая продает тем, кто искал например отбеливание.

То же самое работает и в обратном направлении.

Если вы взяли длинный ленд для холодного трафика и залили на него горячий трафик - заявок особо не будет.

Смекаете? :)

Как ты будешь оформлять кейс и брать отзыв.

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

Ху из кейс?

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

Всё это может быть оформлено в виде текстового документа или красивой PDF-ки.

Зачем вот это вот всё?

В основном, твои клиенты — это предприниматели: малые, средние и крупные или перекупщики. И им всегда непросто выбрать себе исполнителя.

Представь, что ты ищешь художника, чтобы нарисовать картину.

Приходит к тебе какой-нибудь Ган-Вог и говорит: я рисую в стиле жоп-ин-де-крас, использую краски из Башкирии, обучался у самого лучшего граффитиста города Барнаул!

И ты такой думаешь, блин… херня какая-то.

А потом приходит Петя и говорит, я рисую вот такие картины, смотри…

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

Твои потенциальные клиенты всегда хотят видеть, что было до них

Они рассуждают так:

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

Твой уровень оценивается по кейсам

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

Чтобы брать дорогие работы…

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

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

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

Всё просто и логично, но почему-то многие этого не делают.

И запомни: худший вариант кейса - инфографика, на которой написано: компания ООО "Петушок", сделал сайт, продажи увеличились на миллион рублей, заказчик доволен. Вот так делать не надо. Каждый твой будущий кейс должен быть в виде интересной истории.

И да, это касается всех: дизайнеров, программистов, копирайтеров - всех.

Надеюсь, уже до всех дошло, что кейсы — это важно и без них работать вы не будете? :)

Как расписывать и упаковывать кейсы

Кейсы — это не только цифры и статистика. Кейс — это в первую очередь история.

Интересно смотреть на конкретику, и она нужна, но нужны эмоции и подробности.

Важно, чтобы в кейсе было про:

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

Пиши кейс как будто другу

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

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

Пиши просто. нормальным. языком.

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

Про копирайтинг

Кратко о том, как должен быть написан кейс, чтобы его:

• а) захотелось прочитать
• б) дочитали
• в) захотели с тобой работать.

Чтобы твой кейс хотелось открыть

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

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

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

Чтоб твой кейс дочитали

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

Второе — структурируй текст и разбивай его на небольшие абзацы. Одна мысль — один абзац.

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

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

Чтоб захотели с тобой работать

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

В каком формате это всё делать

Самые рабочие площадки в 2026: твой Telegram-канал (если есть), статья на vc.ru или Habr, длиннопост в Дзене, статья в ВК. Везде есть редактор, картинки, ссылки - твоей задачи хватит. Лучше всего, когда кейс лежит у тебя на личном сайте/портфолио + анонс с ссылкой в твоём канале или в ВК - так и SEO растёт, и подписчики видят, что ты делаешь.

Как ты будешь брать отзыв

Я должен сказать тебе очень важную вещь, а ты запомнишь её на всю жизнь.

Отзывы - это очень сильная штука, которая может заставить совершенно адекватного человека усомниться в том, что белое - это белое, а чёрное - это черное.

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

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

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

А ты ведь не лохотронами будешь заниматься, а бизнесы продвигать :)

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

Отзывы - это важно.

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

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

Опять же, есть куча моментов и нюансов. Все тебе знать сейчас не обязательно.

Но некоторые запомни:

1. Перед тем, как взять отзыв, спроси своего клиента: слушай, дай мне обратную связь: тебе все понравилось? Тебя устроили результаты? И если он в этот момент счастлив и ему все очень понравилось, попроси его дать тебе отзыв. Если он говорит: ну, в принципе норм, только я не на такое рассчитывал / вон то не понравилось - отзыв не бери, а займись тем, чтобы наладить отношения со своим клиентом и исправить ситуацию.
2. Бери отзыв у клиента, когда он максимально счастлив и доволен результатом. Потому что этот восторг довольно быстро проходит и потом отзыв может получиться вялым :)

Формат отзыва

• Лучший вариант - видео отзыв.
• На втором месте - аудио-отзыв (его можно просто наложить на фотку твоего клиента и сделать типа видео).
• Худший вариант - текст. И если ты берешь текстовый отзыв - выбей разрешение разместить ссылку на соцсеть заказчика.

Вопросы для отзыва:

1. Почему вы решили сотрудничать именно со мной?
2. За решением какого вопроса вы ко мне обратились?
3. Ваше мнение о продукте (услуге) — что больше всего понравилось?
4. Какая главная ценность моего продукта (услуги)?
5. Что смогло выделить меня на фоне аналогичных предложений?
6. Вы рассчитывали именно на такой эффект от продукта (услуги)?
7. Кому бы вы порекомендовали мой продукт (услугу)?

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

Подготовительная часть пройдена — теперь садимся за макет. Разберём программу, метод 4U и требования к первому экрану.

В какой программе делать прототип лендинга

Раньше я топил за Balsamiq Mockups. Но в 2026 это уже мёртвая история. Сейчас два рабочих варианта - и больше тебе ничего не нужно:

1. Figma (figma.com) - стандарт индустрии. Бесплатная, работает в браузере, шарится по ссылке клиенту/дизайнеру/верстальщику. Если хочешь, чтобы дизайнер потом подхватил твой прототип без вопросов - делай в Figma.
2. Proto (proto.smolnikov.su) - мой собственный конструктор прототипов, заточенный именно под лендосы. Быстрее, чем Figma, для тех, кто не хочет разбираться в дизайн-инструментах. Нарисовал → скинул дизайнеру → дальше работа.

Всё. Никаких Photoshop, никаких Balsamiq, никаких "я в Word нарисую таблицей". Один из этих двух - и вперёд.

Что использовать в Figma для прототипа

Если выбрал Figma - вот минимум, который тебе нужен:

• Frame (F) - твой холст. Создаёшь несколько фреймов один за другим - получаются "экраны" будущего сайта.
• Text (T) - заголовки, подзаголовки, обычный текст.
• Rectangle (R) - блоки, плашки, кнопки, формы.
• Иконки - бесплатно тащишь из плагинов (Iconify, Material Symbols, Feather Icons).
• Картинки - drag-and-drop из папки или Unsplash-плагин прямо в макет.

Если ты вообще никогда ничего не рисовал - открываешь figma.com, регистрируешься, создаёшь Frame размером 1440px и вперёд. Освоишь за пару часов на ютубе, гайдов миллион.

Как шарить макет

В Figma в правом верхнем углу - кнопка Share. Делаешь ссылку "Anyone with the link can view" и кидаешь дизайнеру/клиенту. В Proto - аналогично, шаринг по ссылке. Все смотрят в браузере, могут оставлять комментарии прямо на макете. Никаких PDF и .bmpr.

Если очень нужен PDF (клиент упёртый) - в Figma: File → Export → PDF. Но проще сразу делиться ссылкой.

Как составить конверсионный заголовок

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

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

Наверняка Вы уже и сами это знаете :)

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

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

Суть метода

Он позволяет разделить Ваше предложение на 4 важных элемента:

1. Usefulness (полезность)

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

2. Ultra-specificity (ультраспецифичность)

Её величество - конкретика. Изучите и дайте людям в заголовке точное число (на 22% больше, в 6 раз дешевле, на 40 секунд быстрее и так далее). Не используйте цифры типа "99%" - люди в это не верят уже лет 15.

3. Urgency (срочность)

В данном случае "срочность" - это не ограничения клиента во времени (типа "до конца акции осталось 5 дней" или "регистрация до 1 марта"). Срочность - это объяснение клиенту, когда он получит свой результат (дырку в стене) - через 20 часов, в течение 15 минут.

4. Uniqueness (уникальность)

Это тот элемент, который должен убедить клиента купить именно у Вас, а не у какого-то там знакомого Антона, который вроде тоже "этим" занимается.

Это некая отстройка от конкурентов.

Часто этот пункт вызывает затруднение, я часто слышу: "Мы продаем то же самое, что и остальные".

Бороться с этой проблемой мы уже учились: 117 вопросов упаковки. Ищем то, что выделяет нас на фоне других: какие-то особые эксперты в команде, подарки клиентам или сумасшедшие гарантии - всегда можно что-то найти.

Вопросы для проверки заголовка

1. Предлагает ли ваш заголовок читателю награду за прочтение?
2. Какую конкретику вы можете вынести в заголовок, чтобы сделать его более интригующим и правдоподобным?
3. Вызывает ли ваш заголовок сильную эмоцию, побуждающую к действию, из тех, которые уже сформированы в голове читателя относительно вашего предмета?
4. Делает ли ваш заголовок такое предложение, которое бы мгновенно заставило вашего потенциального клиента начать кивать головой?
5. Выиграет ли ваш заголовок от включения в него подробностей вашего предложения?
6. Можете ли вы добавить элемент интриги, которая бы заставила вашего потенциального клиента начать читать текст?

Примеры удачных 4U заголовков

• Наши фирменные роллы на 25% длиннее до конца лета
• Приготовим для вас за 15 минут сочный гамбургер с двойной котлетой и соусом по секретному рецепту
• Подготовь своё тело к летнему сезону — Фитнес-клуб «Гиря» — 6 месяцев за 2999 руб.
• Сбрось до 20кг за 4 месяца с диетой, которой пользовалась Селена Гомез
• Научись уверенно ездить по городу и получи права за 2 месяца с сертифицированными стрит-рэйсерами автошколы «Болид»
• Отремонтируем вашу обувь пока вы пьёте кофе или сделаем всё бесплатно
• Бригада строителей хипстеров сделает евроремонт квартиры за 2 месяца по цене ниже, чем у конкурентов
• Получи кредит до 5 000 000 руб. под залог машины в день обращения. Автомобиль остаётся у вас
• Кэшбек 5% с любых покупок по дебетовой карте крупнейшего банка в Европе
• Зрелищное байкер-шоу, которое войдёт в Книгу рекордов Гинесса — 31 августа в Олимпийском
• Двухдневный тур по самым НЕтуристическим местам Парижа. Только в этот уикенд!
• Плати телефоном с карты любого банка без комиссии. Подключиться за 5 минут
• Кофе за $1 по текущему курсу ЦБ наши бариста приготовят за 4 минуты
• Если наши операторы не ответят в течение 7 минут, за каждую минуту ожидания вы получите €10 из их зарплаты
• Подари эмоции: Цветы в шляпе с доставкой за 30 минут
• Составление индивидуальной программы питания, которая позволит вам чувствовать себя в два раза лучше и терять лишний вес, благодаря сбалансированному рациону
• Капли для носа с водой из мертвого моря очистят ваш нос за 3 минуты
• После стрижки в нашем барбершопе вас ждет повышение на работе
• Защити свой дом от беды с помощью автоматических огнетушителей с запатентованной системой распыления
• Освой новую профессию, чтобы получать дополнительный доход, работая из дома, на курсах микроблейдинга
• Не трать время на болезнь, а срочно прими средство, которое начинает действовать в течение 7 минут
• Соседи не сверлят в наших квартирах с отделкой в ипотеку до 20%
• Частный детектив соберёт любую информацию за 7 дней
• Забудь о мигрени за 20 секунд, приняв средство на основе трав из Индии
• Сумки с системой защиты от воров, застрахованные на $100 000

Как сделать правильный первый экран лендинга

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

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

Требования к первому экрану

• Он должен быть красивым и привлекательным, он задаёт стиль всего лендинга.
• Он должен быть понятным и конкретным. Человек, увидит его в первую очередь, поэтому он сразу должен понять, куда он попал! Как составлять заголовок - в предыдущем задании.
• Человек сразу должен понять, что он тут получит: в чём его выгода.
• Там должна присутствовать форма заявки, потому что некоторые люди не будут копаться во всём: они либо оставят заявку, либо нет (не забудьте предусмотреть галочку "Даю согласие на обработку моих персональных данных" - она нужна!).

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

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

На такие лендинги можно поставить лид-магнит.

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

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

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

Всем остальным - подумайте в сторону длинного лендинга :)

Про верхнее меню

Оно должно быть узким. Это значит, не огромным, а маленьким!

Что там должно присутствовать:

• Ваш логотип;
• Номер телефона;
• Кнопка заказа звонка;
• Несколько пунктов меню.
• Возможно, город, в котором Вы работаете.

Чего там точно НЕ ДОЛЖНО быть:

• Лозунги
• Акции
• Какая-то информация о Вас
• НИЧЕГО ТАКОГО!

Собираем макет от начала до конца и проверяем по чек-листу.

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

Как сделать прототипы страниц на ваши продукты/услуги целиком

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

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

Дизайнеры - люди без чувства юмора и телепатических способностей. Они сделают ровно то, что Вы укажете на макете.

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

Сейчас Вы должны сделать свой макет максимально подробным и понятным.

Когда Вы найдёте себе дизайнера-исполнителя, Вы скажете ему: «Макет - это текст, но не форма! Если список сделан буллетами (маркированный список с черными точечками), это не значит, что ты тоже должен сделать так же: ты можешь сделать диаграмму, схему - что угодно. Смотри на свой вкус».

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

Поэтому важно указать на макете дизайнеру: где он может воротить, что угодно, а где решаете Вы.

Что Вам надо учесть, чтобы дизайнер не сделал херню

1. Пропорции. Если вы на макете делаете логотип на пол-экрана, а рядом малюсенький заголовок и огромную картинку - дизайнер может воспринять это буквально, а Вы потом будете недовольны. Заголовки - больше. Текст - меньше. И пытайтесь соблюсти пропорции форм заявок, картинок и так далее.

Обратите внимание на пример:

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

2. Оставляйте пояснения для дизайнера. Я делаю это красным текстом, иногда со стрелочками, чтобы было понятно, к чему относится пометка.

Допустим:

• Вы делаете список проектной документации на странице - укажите, сколько там будет документов, должны они быть большими или этот блок должен занимать минимум места.
• У Вас нет логотипа, но скоро будет - сделайте просто на месте логотипа пустой круг и красным текстом в нем напишите - ЛОГОТИП. Помните, дизайнеры не читают мысли.

3. Не допускайте в макете рыб (повторяющихся шаблонных текстов).

Допустим, Вы делаете блок с отзывами: не ленитесь, напишите все отзывы сразу, не обрекайте себя на двойную работу, все равно Вам потом придется писать или искать эти отзывы. Сделайте сразу всё.

Ни в коем случае не говорите дизайнеру: ну, напиши там что-нибудь. Никогда!

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

В общем: ему не разрешаете, и сами в макете не допускаете рыб!

4. Учтите, что дизайнер делает ровно то, что видит на макете. Если Вы думаете, что «Он же не дурак, и так поймет, что тут надо» - не поймет.

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

Дизайнер - не маркетолог и не копирайтер - не перекладывайте на него свои задачи.

Вы должны подсказывать дизайнеру на всём макете и при этом не забыть про все прошлые уроки.

Составьте макет с учетом целей и составленного плана.

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

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

Параллельная работа с интервью

Помните про Ваш текст, который Вы получили после интервью по списку "117 вопросов упаковки"?

Во время создания макета параллельно откройте этот текст.

Внесли какую-то информацию - зашли в документ с текстом - удалили кусочек из текста, который уже отразили на макете.

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

Делаете макет - удаляете кусочки.

Когда макет готов - заходите в Ваше интервью и смотрите, есть ли что-то там еще такое, что может Вам пригодиться.

Если да - вставляете недостающую информацию.

Схема удобная и не даёт Вам возможности что-то упустить :)

Предупреждаю сразу: на макет обычно уходит от 4х до 24 часов беспрерывной работы. Поэтому запаситесь терпением и всё получится :)

Чек-лист для проверки прототипа на ошибки

Это нужно делать, потому что, когда увлекаешься процессом, можно упустить важные моменты.

И иногда лучше не зацикливаться на всех правилах и просто писать, как пишется.

В конце концов, когда Вы закончите - вот Вам чек-лист :)

• Первый оффер должен быть сильным!
• Подзаголовки и заголовки должны быть четкими и понятными. Не жалейте букв - они бесплатные!
• При акценте на что-то - важно указать мелочи. Говорите конкретно!
• Названия блоков должны отражать суровую действительность. Называйте вещи своими именами!
• Если Вы продаёте услуги, не ленитесь расписывать их подробно. Клиент должен понимать, что он может тут получить.
• Доносите до клиента конечную мысль, а не её обрывки.
• Подружитесь с логикой и причинно-следственными связями!

Конструкторы — это быстро, но не качественно. А дизайнер и верстальщик — две разные профессии.

Короткий, но важный урок. Разбираемся, когда конструктор всё-таки уместен, и почему специалист «2 в 1» — обычно так себе вариант.

Конструкторы в 2026 - это уже не зло

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

Конструкторы выросли. Tilda Zero Block позволяет верстать профессионально, не отличая результат от ручной верстки. Webflow и Framer на западе вообще стали стандартом для агентств. Adaptive загружается нормально, мобилка не глючит, чистый код в выгрузке.

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

Когда конструктор - норм

1. Ты прошёл всю подготовительную часть: интервью, упаковка, прототип, дизайн в Figma. И на конструкторе только профессионально верстаешь по готовому дизайну (Tilda Zero Block, Webflow). Сейчас многие хорошие верстальщики работают именно так.
2. Тебе нужен MVP/тест гипотезы за 2-3 дня. Сделал на Tilda как попало, залил трафик, посмотрел заявки. Если зашло - дальше делаешь нормально. Если нет - не вложил кучу денег.
3. У тебя совсем простой кейс типа лендинга на одно мероприятие или акцию на месяц. Тут конструктор - идеальный вариант.

Когда конструктор - всё ещё плохо

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

AI-конструкторы - новая штука

v0.dev, Lovable, Bolt.new - последний класс инструментов. Ты описываешь промптом структуру лендинга, AI делает код. Получается рабочий сайт за 5-10 минут.

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

Почему дизайн и верстка - отдельно? Почему не специалист 2 в 1?

Почему, собственно, не стоит

Эти две специализации достаточно объемные и сложные. К тому же они очень разные.

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

Поэтому, если человек говорит, что он может и то, и это - скорее всего может, но недостаточно качественно.

Чаще всего, такие специалисты хорошие/нормальные верстальщики и немного дизайнеры. Но не профессиональные дизайнеры, понимаешь?

Поэтому, даже если тебе кажется, что это выгодно и удобно - нет.

Это неудобно и это невыгодно в итоге, потому что придется переделывать всё.

А как надо?

А надо найти на каждую услугу отдельного специалиста, и тогда шанс, что всё будет хорошо, существенно вырастет :)

Как найти и выбрать дизайнера (и не попасть на деньги).

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

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

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

В описании пишешь примерно следующий текст

Чем подробнее и конкретнее ты опишешь, тем в итоге лучше будет работа. Дизайнеры не телепаты — они сделают ровно то, о чём ты их попросишь.

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

Если в итоге дизайн не нравится

Пиши дизайнеру: "Чувак, меня не устраивает. Мне не нравится, мне не зашёл стиль. Давай думать, как решить эту проблему?". Вы можете расстаться пополам (договорились на 10к — отдали 5 и разошлись). Либо дизайнер полностью переделывает. Зависит от фрилансера. Лучше это делать на первых этапах, когда дизайнер покажет тебе первые 2 экрана.

Тебе начнут приходить первые отклики

На разные цены: от тысячи до миллиона.

Как разбирать отклики

1. Этап 1.
   • Выше 50 тысяч — сразу отказать.
   • Ниже 15 тысяч — сразу отказать (но если 12к, то можно глянуть работы).
   Все, которые останутся после этого, переходят на следующий этап.
2. Этап 2. Обычно дизайнеры к отклику прикладывают 3 свои лучшие работы.
   Как их оценивать? На уровне ощущений — нравится/не нравится, зацепило/не зацепило. Оцениваем быстро, не уговариваем себя.
   Смотришь 3 работы дизайнера (если две из трёх нравятся — отправляем в кандидаты).
   Не соглашаемся на первого встречного!
3. Этап 3. Изучаем отзывы у наших кандидатов. Если у него есть хоть 1 отрицательный отзыв — значит, возможно, с ним будет неудобно работать. Т.е. твой отрицательный отзыв не будет для него мотивацией — свой рейтинг он уже испортил.
   Но! Если отрицательный отзыв был два года назад, а после него ещё 15 положительных и тебе нравятся его работы — то тут можно и подумать.
   Предпочтение отдаём тем, у кого больше 10 положительных и 0 отрицательных.

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

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

Когда дизайнер показал первые экраны — это единственный момент, когда ты можешь изменить стиль всего макета и внести правки (цвета, стилистика).

Когда выбрал "того самого" — делаешь ему заказ. Там есть кнопка "назначить исполнителем".

После его подтверждения — ты начинаешь с ним работать.

• Срок на всю работу 3–4 дня.
• Первый экран — на следующий день максимум.

Что дальше?

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

Если ты договорился на предоплату, то никакой предоплаты, пока он не подтвердит заказ! — Это важно.

Если на постоплату не соглашается никто, то аванс ему отправляешь только после того, как он подтвердит заказ.

Как принимать и оплачивать работу дизайнера

Дизайн в целом

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

Твоя задача — сделать так, чтобы было хорошо!

Говори ему о том, что тебя смущает, но не рассказывай, как эту проблему решить. Он дизайнер — он лучше знает.

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

Мобильная и планшетная версии

Мобильная версия по своей сути — вытянутая десктопная версия.

Там не нужен какой-то отдельный дизайн, но он должен быть более "лёгкий", чем десктопный.

Как оценить:

• Берёшь свой телефон
• Открываешь файл, который прислал твой дизайнер
• Открываешь его на всю ширину экрана
• Смотришь на телефон с расстояния вытянутой руки
• Просматриваешь таким образом весь сайт

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

Если у тебя есть планшет, проверь её по тому же принципу.

Как найти, выбрать и принять работу верстальщика.

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

В описании задания пишем

Tailwind CSS - современный стандарт. Bootstrap - тоже норм, особенно если верстальщик с ним давно работает. Главное - чтобы был препроцессор и какая-то методология (не голый CSS из 2010-го).

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

1 Этап. Отсекаем по цене (2026)

• меньше 8 тысяч - отказать.
• больше 30 тысяч - отказать (за исключением случаев, когда нужны сложные интеграции).

Адекватная цена за верстку: 12-25 тысяч.

25 тыс. - это с публикацией, подключением аналитики (GA4 + Метрика), привязкой к CRM, оптимизацией Core Web Vitals и так далее.

2 Этап. Смотрим на отзывы

• Есть хоть 1 отрицательный - отказать.
• Ориентируемся на тех, у кого больше 10 положительных и 0 отрицательных.

3 Этап. Общаемся с кандидатами

Спрашивайте у верстальщика, какие технологии он использует:

Современный верстальщик в 2026 - это либо Tailwind CSS (новый стандарт), либо Bootstrap + SCSS/PostCSS, обычно с Vite или Webpack как сборщиком.

Спрашивайте, какую методологию использует верстальщик при верстке:

• если использует Tailwind - там методология встроена, и это норм.
• если использует БЭМ, SMACSS - тоже молодец.
• если он просто пишет голый CSS без структуры - стоит ещё поискать.

Прожимаем выбранных верстальщиков на оплату по факту.

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

В случае с верстальщиком: когда он показывает Вам сайт на своём хостинге и все работает.

Что дальше?

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

Если Вы совсем далеки от вёрстки, то в идеале заранее договориться, чтобы он Вам и опубликовал (рекомендую!!)

Но на эту тему будет инструкция: как самостоятельно опубликовать, как привязать к CRM и т.д.

Я советую договариваться с выбранным верстальщиком на поэтапную оплату.

Вёрстка состоит из двух частей:

1. Вёрстка сайта
2. Публикация сайта

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

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

Как принимать и оплачивать работу верстальщика

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

Все лицензии, фотографии (если они есть) должны разворачиваться в галерею. Сайт должен быть полностью готов.

Если Вы совсем далеки от этой темы, то в идеале заранее договориться, чтобы Верстальщик опубликовал сайт (рекомендую!)

Но на эту тему будет инструкция: как самостоятельно опубликовать, как привязать к CRM и т.д.

Сроки

На всё даёте верстальщику - 3 дня максимум.

Чек-лист по проверке сайта

1. На странице указан корректный номер телефона и он кликабелен.
2. Формы заявки все проверены и работают.
3. Установлены счетчики GA4 и Яндекс.Метрика: проверены и работают!
4. Настроена цель "60 секунд на сайте" (вместо устаревшего скрипта - сейчас это делается через события Метрики/GA4 нативно).
5. В GA4 и Яндекс.Метрике настроены цели на все действия, которые у вас считаются целевыми, например: клик по номеру телефона, заполнение заявки, обращения в чат и т.д.
6. Сайт отображается корректно на любых устройствах. Mobile-first - 70%+ трафика мобайл.
7. Зелёные Core Web Vitals: LCP ниже 2.5с, INP ниже 200мс, CLS ниже 0.1. Проверять в PageSpeed Insights. PageSpeed балл 90+ - тоже желательно.
8. Проверены тексты: нет рыб (повторяющихся шаблонных текстов), орфографических, грамматических ошибок.
9. Картинки, фотографии работников, фотографии отзывов - проверены и соответствуют Вашей компании.
10. Сайт грузится не более, чем за 3 секунды - проверять тут.

Домен, хостинг, WhatsApp, CRM, скорость, виджеты и Яндекс.Метрика.

Финальный модуль. Запускаем сайт в работу: домен и хостинг, мессенджеры, CRM, оптимизация скорости, виджеты и аналитика.

Как зарегистрировать домен и подключить его к хостингу

Те, кто в курсе, что такое домен и хостинг — молодцы. Те, кто не в курсе, ничего страшного, сейчас будет мини-лекция для новичков.

Интернет — это большая сеть между компьютерами.

Домен — это имя Вашего сайта в интернете. Мой домен — varga-da.com

Хостинг — это место, где размещен сайт. Сайт в любом случае размещен на каком-то сервере.

Тут есть несколько вариантов:

1. Купить сервер — это для больших компаний и проектов.
2. Купить хостинг — это наш вариант.

Хостинг — это небольшой кусочек, часть одного сервера. Та мощность, которая есть у сервера, для Вас избыточна, в ней нет необходимости.

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

Вам нужно выбрать домен и выбрать хостинг.

Сам домен не обязательно должен быть равен названию компании: он может быть практически любым, но желательно, чтоб он был простым :)

Как зарегистрировать домен и хостинг

1. Заходите на https://timeweb.com/ru/. Отныне и впредь рекомендую его, потому что выигрывает по всем параметрам. Если вам нужен хостинг — это прям туда!
2. Выбираете вкладку «Виртуальный хостинг».
3. Выбираете пакет Year+. Домен в подарок, за ~3000 рублей вы получаете отличный хостинг на год. Регистрируете хостинг.
4. Оплачиваете заказ. Поздравляю!

Как установить кнопку чата в мессенджеры в мобильную версию

Ребят, хочу сказать, что не стоит недооценивать эту кнопку :)

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

В 2021 году хватало одного WhatsApp. В 2026 раскладка такая: WhatsApp, Telegram, MAX. Я бы делал минимум 2 кнопки рядом - WhatsApp + Telegram - потому что у людей разные предпочтения, и часть аудитории сидит только в Telegram. MAX добавляй, если у клиента госструктура или если WhatsApp вдруг прижмут окончательно (поговаривают).

А ещё лучше - подключи виджет типа JivoSite, Carrot Quest, BotKits - они дают одну кнопку, которая разворачивается в выбор мессенджеров, плюс собирает все сообщения в одно окно для менеджера.

Итак, как установить кнопку WhatsApp для связи (базовый вариант)

Код для установки виджета скопировать вот отсюда:

<style>
#callback-wrapper {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background-color: #43a047;
        z-index: 1000;
        display: none;
}
.callback-wrapper-btns {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 8px 0;
}
#callback-wrapper .callback-item {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        float: left;

И вставить его перед тэгом </body>.

Иконки скачаете отсюда: https://yadi.sk/d/9pc3tBzOObE_Ag

Эти иконки надо закинуть в папку img в папке корня.

Как привязать лендинг к CRM-системе

В 2026 рынок CRM в РФ выглядит так:

• Bitrix24 - всё ещё топ для среднего и крупного бизнеса. Удобная, надёжная, много встроенного функционала. Есть бесплатный тариф.
• AmoCRM (Kommo) - простая, заточена под продажи, быстро внедряется. Многие отделы продаж сидят там.
• EnvyCRM - моя рекомендация для маленьких отделов продаж. Делает свою работу без лишнего фарша.
• RetailCRM - если у клиента e-commerce.

Любая из них подключается к лендингу примерно одинаково - через webhook на форме. У каждой CRM есть документация в стиле "как принимать заявки с сайта". Ниже - пример с Bitrix24, потому что бесплатно и популярно.

А сейчас погнали.

Как интегрировать лендинг с CRM Битрикс24

Сначала заходим на сайт Bitrix24 и регистрируемся там.

Итак, у вас уже есть сайт, и вполне может быть, что он не на CMS 1С-Битрикс, а на какой-то другой платформе (WordPress, Joomla!, Drupal, MODX, Opencart, UMI.CMS, NetCat, CS-Cart, HostCMS и т.д.).

И вам очень нужно, чтобы результаты web-форм, заполненных на вашем сайте, попадали в ваш Битрикс24. Что делать?

Путь первый. Посложнее

В Битрикс24 есть инструмент — CRM-формы. Создаете форму, размещаете её на своём сайте и получаете лиды в свою CRM.

Путь второй. Простой

Установить на свой портал приложение для Битрикс24 «Перехватчик — генератор лидов». Внести несколько настроек. Вставить скрипт, который генерирует приложение, на страницы вашего сайта.

Сайт выглядит и работает так же, как и раньше, но теперь данные с форм обратной связи напрямую попадают в вашу CRM. Ваши менеджеры могут работать с клиентами в одном окне Битрикс24 и не искать заявки в базе CMS или на почте.

После успешной отправки формы приложение создаёт на вашем портале лид с заполненными полями: «ФИО», «Рабочий телефон», «Рабочий e-mail» и «Город». Ответственным за лид назначается менеджер, который указан в настройках приложения.

Модуль стоит 700р в месяц. Получайте лиды и не теряйте их. Если Вам нужна помощь в настройке модуля — заполните форму. Ребята из Bitrix24 помогут. Цена вопроса 900 рублей.

Как увеличить скорость загрузки лендинга

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

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

1. Почистите свой код

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

JavaScript — это круто. Часто JavaScript может быть совершенно излишним на посадочной странице. То же самое с Ajax и прочими визуальными штуковинами.

Помните про принцип KISS. Если вы сфокусируетесь на простоте, не нужно тратить силы на всякие дополнительные хитрости.

Но если вам позарез нужны ваши очень важные скрипты, то, по крайней мере, загрузите как можно скорее контент, который «выше сгиба», а потом уже всё остальное.

2. Минимизируйте HTML и CSS

Откройте Google PageSpeed Insights, введите свой URL и выполните все рекомендации. Если сомневаетесь в своих силах, отправьте результаты разработчику, которому вы доверяете.

3. Примените GZIP-сжатие

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

Используйте GIDNetwork, чтобы посмотреть, как у вас обстоят дела с компрессией на сайте.

4. Минимизируйте редиректы

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

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

Screaming Frog поможет быстро определить все редиректы на вашем сайте.

5. Перенесите скрипты

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

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

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

6. Ограничьте число плагинов WordPress (или другой CMS)

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

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

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

Plugin Performance Profiler измерит производительность плагинов и их влияние на скорость загрузки.

7. Купите нормальный хостинг

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

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

Если вы сами не рискнёте управлять своим сервером, ваше решение — выделенный управляемый хостинг.

8. Используйте подходящий размер картинок

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

9. Сжимайте картинки

Следующим шагом должно быть сжатие картинок. По статистике 45% из топ-100 интернет-магазинов не используют сжатые изображения.

Существует множество бесплатных средств типа TinyJPG или Compressor.io, которые значительно уменьшат размеры файлов.

10. Передавайте картинки через CDN

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

11. Внешний хостинг для медиа

Другая возможность — это перенести большие файлы (картинки, видео) на внешние хостинговые платформы: для картинок - Cloudinary, Cloudflare Images, Yandex Object Storage. Для видео - Kinescope (российский, работает у нас стабильно), Rutube, YouTube (если устраивает плеер). Imgur и Wistia - в РФ нестабильны, не рекомендую завязываться.

152-ФЗ: согласие на обработку персональных данных

Это блок, которого в курсе не было в 2021 году, потому что РКН ещё не так зверствовал. В 2026 - без этого нельзя запускать сайт. Штрафы за нарушение 152-ФЗ доходят до 700к рублей за факт, и это касается ЛЮБОГО сайта, который собирает имя/телефон/email через форму.

Что должно быть на сайте по 152-ФЗ

1. Политика обработки персональных данных - отдельная страница с текстом политики. Шаблон легко гуглится, либо генератор политики на 1cont.ru / tilda. Адаптируй под клиента: реквизиты, юрлицо, контакты, цели обработки.
2. Согласие пользователя на обработку ПД - чекбокс возле каждой формы заявки. Должен быть НЕ проставлен по умолчанию (иначе считается, что согласия нет).
3. Текст согласия возле чекбокса со ссылкой на политику: "Нажимая кнопку, я соглашаюсь с Политикой обработки персональных данных".
4. Уведомление РКН - юрлицо клиента должно быть зарегистрировано в реестре операторов персональных данных на сайте Роскомнадзора. Это обязанность клиента, но напомнить - твоя.
5. Cookie-баннер при первом заходе - уведомление об использовании cookies со ссылкой на политику. Не блокирующий, ненавязчивый, но должен быть.
6. Хостинг в РФ - если собираешь данные граждан РФ, серверы должны быть в России. Timeweb, Beget, Reg.ru - все наши, тут проблем нет.

Какие виджеты ставить на лендинг

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

Например, виджет онлайн-записи (YClients) подойдёт парикмахерским, салонам красоты, медицинским учреждениям, тату-салонам и т.д. Установить можно тут - https://www.yclients.com

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

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

Установка Яндекс.Метрики на сайт, настройка целей

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

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

За клик заплатите, а что там этот пользователь делал никогда не узнаете.

У каждой системы, с которыми мы работаем (Яндекс и Гугл), есть свой сервис статистики.

• У Гугл - Google Analytics
• У Яндекс - Яндекс.Метрика

Когда Вы регистрируетесь в них - система даёт Вам код - это счётчик.

Счётчик устанавливается на сайт. После этого они "видят" каждое посещение и собирают о нём данные - а всю информацию выдают Вам.

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

А потом из Аналитики и Метрики мы будем направлять эти данные в Google Ads и Яндекс Директ для оптимизации рекламных кампаний.

Порядок действий такой:

1. Открываем страницу Яндекс.Метрики https://metrika.yandex.ru/
2. Входим в Яндекс под теми логином и паролем, на которых планируем настраивать контекстную рекламу.
3. Нажимаем вверху «Добавить счетчик» и заполняем все поля.
4. Получаем большой и страшный код. Не пугаемся, это JavaScript :)
5. Входим в файловый менеджер вашего хостинга, открываем корневую папку сайта, находим там файл index.php или index.html, открываем его.
6. Мотаем файл в самый низ, находим там строчку содержащую закрывающий тэг body и ПЕРЕД ней вставляем этот код.
7. Возвращаемся на сайт Яндекс.Метрики и в списке счетчиков перед нашим новым счетчиком нажимаем на кружочек со стрелочками, он должен немного покрутиться и стать зеленым. Значит мы все сделали правильно.

Закрывающий тэг body это вот: </body>

Настройка целей

Мы будем использовать цели двух видов: «Посещение страницы» и «JavaScript-событие».

В идеале - использовать только «JavaScript-событие», так вы сможете отслеживать конверсию точнее.

1. Открываем вкладку «Цели», нажимаем «Добавить цель».
2. Настраиваем цель, придумываем название на русском и идентификатор на английском.
3. Если мы хотим, чтобы цель срабатывала каждый раз, как пользователь отправляет форму заявки - снова идем в менеджер файлов хостинга, открываем файл index.php или index.html, находим там все теги form и дописываем в них код onsubmit="window.yaCounterXXXXXXX.reachGoal('Идентификатор_ЦЕЛИ');" внутрь тега form.
4. Если у вас есть отдельная страница, на которую пересылается пользователь сразу после того как оставил заявку - цель можно настроить по методу «Посещение страницы».

Установка Google Analytics 4 (GA4) на сайт

Важно: Universal Analytics умер в 2023 году. В 2026 работает только GA4 - там другая логика (всё через события, нет привычных "целей" в старом понимании). Если ты раньше работал с UA - забудь, GA4 это другая система.

1. Создаёшь аккаунт в analytics.google.com (если ещё нет).
2. Создаёшь ресурс GA4 (Property), указываешь название и часовой пояс.
3. Получаешь Measurement ID (формат G-XXXXXXXXXX) и код установки (gtag.js).
4. Вставляешь код в <head> своего сайта (теперь рекомендуется именно head, а не перед /body).
5. Ждёшь 10 минут, заходишь на свой сайт, потом возвращаешься в GA4 → Reports → Realtime: если видишь себя - всё ок.

Настройка событий и конверсий в GA4

В GA4 всё устроено через события. Базовые события (просмотр страницы, скролл, клик по внешней ссылке) собираются автоматически - надо включить Enhanced Measurement в настройках потока данных.

Кастомные события под твои задачи:

• заявка с формы - событие generate_lead или своё form_submit;
• клик по телефону - событие phone_click;
• клик по WhatsApp/Telegram - messenger_click;
• прошёл 60 секунд на сайте - engaged_session (есть автоматом).

Чтобы событие срабатывало при отправке формы - в HTML формы добавляешь обработчик: onsubmit="gtag('event', 'generate_lead', {form_name: 'main'});"

Потом в GA4 идёшь Configure → Events, находишь своё событие и помечаешь его как Conversion - тогда оно станет видно в отчётах по конверсиям и можно будет передавать в Google Ads.