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

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

Перед тем, как браться за инструменты, разберёмся в механике: какие бывают лендинги и как выглядит рынок в 2026.

Виды лендингов

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

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

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

Этапы создания и из чего складывается цена.

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

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

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

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

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

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

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

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

Как общаться с клиентом и брать предоплату.

Без структуры разговора — будешь демпинговать и работать в минус. Запоминай 7 шагов и святое правило: без предоплаты работу не начинаем.

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

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. Если делаете и трафик: аналитика и оптимизация. Пока клиент платит :)

Сколько можно зарабатывать. И серьёзный разговор.

Три уровня специалистов с реальными цифрами 2026 года. И в конце — отрезвляющий разговор, который надо донести до клиента.

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

Твои услуги будут стоить 15-40 тысяч за страницу. Кто-то продаёт дороже, но тогда цена должна быть оправдана технологиями и уровнем маркетинга.

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

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

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

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

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

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

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

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

Вместе с этим работаешь быстрее — 5-7 лендингов в месяц. Получишь 2-3 миллиона, из которых останется 1.5-2 млн.

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

А теперь серьёзный разговор

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

Это похоже на то, что можно сделать «за два часа с нулевыми знаниями»?

Нет.

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

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

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

Три препятствия в обучении.

Прежде чем идти дальше — короткий, но важный урок про то, как учиться. Иначе пропустишь половину курса и не поймёшь почему.

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

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

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

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

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

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

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

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

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

Зачем интервью и правила работы.

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

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

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

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

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

Список 117 вопросов.

Это отправная точка, не догма. Адаптируй под нишу клиента. Если у клиента ниша, для которой вопрос не релевантен — пропускай. Если упустил что-то специфичное — добавляй свои.

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

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. Детали и мелочи, по которым видно безупречное качество?

Что делать с записью. Расшифровка через AI.

Раньше расшифровка стоила 500р/час фрилансеру. В 2026 это часть твоего рабочего процесса — бесплатно за минуту.

Транскрибация

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

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

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

Что искать в тексте

• Конкретные цифры — годы, выручки, проценты, минуты, тонны. Это строится в блоки «факты о компании», «гарантии», «масштаб».
• Истории клиентов — особенно те, на которых клиент завис. Это материал для блока «кейсы» и для усиления оффера.
• Точные слова, которыми клиент описывает свой продукт — это твои заголовки и подзаголовки. Не выдумывай, бери у клиента.
• Возражения и страхи покупателей — это блок FAQ.
• УТП — то, чего нет у конкурентов. Часто скрыто в «внутренней кухне» или «деталях». Сам клиент может не считать это важным — но именно это делает его уникальным.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Аватар целевой аудитории.

Не «женщина 25-40 лет», а конкретный человек с именем, страхами и мечтами. Тогда понятно, что и как ему писать на сайте.

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

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

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

Маркетологи расходятся во мнениях насчёт количества аватаров. Кто-то рекомендует один и не распыляться. Кто-то — много, по сегментам. На старте — один, главный.

16 параметров аватара

1. Пол

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

2. Возраст

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

3. Где живёт?

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

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

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

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

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

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

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

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

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

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

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

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

Что супруг думает об увлечениях клиента или желаниях купить наши товары?

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

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

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

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

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

Чем недоволен и что делает, чтобы изменить?

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

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

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

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

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

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

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

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

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

8 пунктов, которые помогают понять не «какой клиент» (это аватар), а «как он покупает». Без этого оффер пишется наугад.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   Кто влияет на решение клиента о покупке? Поможет ли ваш товар выделиться среди его окружения? Какие качества важны в его профессиональной среде?

Wordstat и спрос на продукт.

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

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

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

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

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

Лендинг vs мультилендинг vs мультисайт.

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

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

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

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

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

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

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

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

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

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

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

• Сделать один общий лендинг — «Фундамент под ключ».
• Сделать лендинг на каждую из услуг.

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

У них нет сформированной потребности в продукте. Тебе придётся:

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

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

Через боль или через позитив.

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

1. Через боль

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

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

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

2. Через позитив

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

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

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

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

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

Пирамида Маслоу: сколько информации на лендинге.

Чем ниже товар в пирамиде Маслоу — тем меньше блоков и информации должно быть на лендосе. На примерах разберёмся, почему.

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

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

Микрозайм — нижняя ступень

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

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

Пример — ekapusta.com

Кредит — середина пирамиды

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

Поэтому на таком лендосе должна быть золотая середина — много инфы, инфа как обобщённая, так и конкретная.

Инвестирование — верх пирамиды

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

Значит лендос тут будет длиннее, а информация на нём — более обобщённая.

Лестница Ханта: теплота трафика.

Чем «теплее» трафик — тем короче и конкретнее лендинг. Чем «холоднее» — тем больше нужно вскрывать боль и убеждать.

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

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

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

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

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

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

Этот ленд (например, санаторий) отлично продаёт по запросам «мазь от радикулита» или «продуло почки».

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

Если ты взял длинный ленд для холодного трафика и залил на него горячий трафик — заявок особо не будет. Смекаешь? :)

Кейсы — интересная история, а не таблица.

Худший кейс — инфографика «ООО Петушок, +1 млн продаж, заказчик доволен». Хороший — история со счастливым концом, в которую веришь.

Ху из кейс?

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

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

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

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

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

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

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

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

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

Что должно быть в кейсе

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

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

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

Пиши историю как близкому другу. Без мата и не обижай никого в тексте.

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

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

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

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

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

Чтобы захотели работать: кнопки связи и призыв к действию в конце.

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

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

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

Отзывы — очень сильная штука. Они могут заставить адекватного человека усомниться в очевидном. И обратно: хорошие отзывы продают за тебя.

Я говорю сейчас о всяких штуках из разряда: «научу зарабатывать по 100к в день на казино, только сначала продайте свою почку». Любой человек в здравом уме поймёт, что это развод. А потом ему на глаза попадаются тысячи счастливых отзывов со скриншотами зачислений — и тут он начинает сомневаться. А вдруг? Вон сколько людей пишут...

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

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

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

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

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

Запомни два правила

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

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

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

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

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

Где рисовать прототип: Figma или Proto.

В 2026 у тебя два рабочих варианта — и больше ничего не нужно. Никаких Photoshop, никаких Balsamiq, никаких «я в Word нарисую таблицей».

Два варианта

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

Всё. Один из этих двух — и вперёд.

Что использовать в 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 — аналогично, шаринг по ссылке. Все смотрят в браузере, могут оставлять комментарии прямо на макете.

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

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

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

Суть метода

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Первый экран и верхнее меню.

Относись к первому экрану так, будто от него зависит успех всего лендинга. Но только до тех пор, пока он не будет готов — остальное не менее важно.

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

• Он должен быть красивым и привлекательным — задаёт стиль всего лендинга.
• Должен быть понятным и конкретным. Человек увидит его в первую очередь, поэтому он сразу должен понять, куда попал!
• Человек сразу должен понять, что он тут получит — в чём его выгода.
• Должна присутствовать форма заявки. Некоторые люди не будут копаться во всём: они либо оставят заявку, либо нет. Не забудь предусмотреть галочку «Даю согласие на обработку персональных данных» — она обязательна по 152-ФЗ!

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

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

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

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

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

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

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

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

Чего там точно НЕ должно быть:

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

Прототип целиком: чтобы дизайнер не сделал хуйню.

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

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

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

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

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

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

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

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

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

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

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

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

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

4. Учти: дизайнер делает ровно то, что видит. Если ты думаешь, что «он же не дурак, и так поймёт» — не поймёт.

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

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

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

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

Помнишь про текст после интервью по списку «117 вопросов»?

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

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

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

Схема удобная и не даёт упустить :)

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

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

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

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

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

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

Конструкторы — не зло, но и не серебряная пуля.

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

В 2021 это было правдой. В 2026 — уже нет.

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

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

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

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

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

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

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

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

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

Дизайн и верстка — отдельные специалисты.

«Универсальный» специалист 2 в 1 — это, как правило, средний верстальщик и слабый дизайнер. На каждую задачу — свой человек.

Почему не стоит брать «2 в 1»

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

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

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

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

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

А как надо?

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

Найм дизайнера: ТЗ, цены, фильтрация.

Дизайнеров много — найдёшь идеального максимум за 3 часа, даже глубокой ночью. Главное — правильное ТЗ и три этапа отбора.

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

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

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

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

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

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

Три этапа отбора

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

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

Если дизайнер не показал через сутки первые экраны — планирует сделать всё в последний момент. До свидания.

Приёмка работы дизайнера и правки.

Допиливаешь до состояния «всё круто». Только смысловые правки. Не лезь в выбор шрифтов и цветов — он лучше знает.

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

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

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

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

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

Пиши: «Чувак, меня не устраивает. Мне не нравится, не зашёл стиль. Давай думать, как решить?». Можете расстаться пополам (договорились на 30к — отдали 15 и разошлись). Либо дизайнер полностью переделывает.

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

Сроки на работу

• Срок на всю работу 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 без структуры — стоит ещё поискать.

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

Что дальше?

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

Поэтапная оплата

Советую договариваться на поэтапную оплату. Вёрстка состоит из двух частей:

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

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

Приёмка работы по чек-листу.

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

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

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

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

Сроки

На всё даёшь верстальщику — 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 секунды.

Домен и хостинг.

Домен — имя сайта. Хостинг — место, где он живёт. В 2026 — Timeweb, и всё.

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

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

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

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

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

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

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

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

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

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

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

В 2021 хватало WhatsApp. В 2026 раскладка такая: WhatsApp + Telegram + MAX. Минимум две кнопки рядом — у людей разные предпочтения.

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

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

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

Базовый вариант — WhatsApp кнопка

Готовый код виджета и иконки можно скачать. Вставляешь код перед закрывающим </body>, иконки кладёшь в папку img.

CRM — Bitrix24 и альтернативы.

В 2026 рынок CRM в РФ выглядит так: Bitrix24, AmoCRM/Kommo, EnvyCRM. Подключаются примерно одинаково — через webhook на форме.

В 2026 рынок CRM в РФ:

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

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

Как интегрировать с Bitrix24

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

Сайт может быть на CMS 1С-Битрикс или на любой другой (WordPress, Tilda, Webflow, чистый код).

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

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

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

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

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

После отправки формы приложение создаёт на портале лид с заполненными полями: ФИО, телефон, e-mail, город. Ответственным назначается менеджер из настроек.

Скорость загрузки и Core Web Vitals.

74% людей уходят с сайта, если он не загрузился за 5 секунд. В 2026 нужно держать зелёные Core Web Vitals — иначе никакие лучшие практики оптимизации не спасут.

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

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

11 способов ускорить сайт

1. Почисти код

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

JavaScript часто бывает излишним на лендинге. То же самое с Ajax. Помни про принцип KISS. Если очень нужны скрипты — загружай контент «выше сгиба» сначала.

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

Открой PageSpeed Insights, введи URL и выполни все рекомендации.

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

Уменьшает размеры файлов на сервере и ускоряет загрузку.

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

301-редиректы — стандартная SEO-практика, но Google рекомендует минимизировать их, потому что они приводят к дополнительным переходам по сети.

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

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

6. Ограничь плагины CMS

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

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

Дешёвые тарифы — это разделяемые ресурсы. Высоконагруженные «соседи» тормозят твой сайт.

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

Не показывай браузеру картинку 1200×600 на спичечном экране мобильного. Делай разные размеры под разные устройства.

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

45% топ-100 интернет-магазинов не используют сжатые картинки. TinyJPG или Compressor.io — бесплатно.

10. CDN

Сеть распространения контента доставляет файлы с серверов, ближайших к пользователю. Cloudflare, Yandex Cloud CDN, Selectel.

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

Картинки — Cloudinary, Cloudflare Images, Yandex Object Storage. Видео — Kinescope (российский, стабильный), Rutube, YouTube. Imgur и Wistia — в РФ нестабильны, не рекомендую.

152-ФЗ и аналитика: финальный шаг.

Без согласия на ПД и аналитики сайт не должен запускаться. Штрафы по 152-ФЗ — до 700к. А без Метрики/GA4 ты вообще не поймёшь, что происходит.

152-ФЗ: согласие на обработку ПД

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

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

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

Яндекс.Метрика — обязательно

Можешь настроить контекст и лить трафик. Но без аналитики не поймёшь, что происходит. Заплатишь за клик, а что пользователь делал — никогда не узнаешь.

У Яндекса — Я.Метрика. У Google — Analytics. Когда регистрируешься — система даёт код-счётчик. Устанавливаешь на сайт — он «видит» каждое посещение и собирает данные.

Установка Метрики

1. Открываешь metrika.yandex.ru
2. Входишь под логином/паролем, на которых будешь настраивать рекламу.
3. «Добавить счётчик» → заполняешь все поля.
4. Получаешь код. Это JavaScript.
5. Открываешь файл index.html через файловый менеджер хостинга.
6. Перед закрывающим </body> вставляешь код.
7. Возвращаешься в Метрику — кружочек со стрелочками должен стать зелёным. Значит, всё ок.

Цели в Метрике

Используем два вида: «Посещение страницы» и «JavaScript-событие». В идеале — только JavaScript-события, точнее.

Чтобы цель срабатывала при отправке формы — добавь в HTML формы onsubmit="window.yaCounterXXX.reachGoal('Идентификатор');"

GA4 — для Google Ads

Universal Analytics умер в 2023. В 2026 работает только GA4 — там вся логика через события, нет привычных «целей» в старом понимании. Если работал с UA — забудь, GA4 это другая система.

Установка GA4

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

События и конверсии в GA4

В GA4 всё через события. Базовые события собираются автоматически — включи Enhanced Measurement.

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

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

Для срабатывания при отправке формы: onsubmit="gtag('event', 'generate_lead', {form_name: 'main'});"

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

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