Свой первый лендинг я собирала четыре дня. Не потому что сложно, а потому что не знала, что просить. Начала с «сделай красивый сайт для проекта», получила гладкую страницу с заголовком «Инновационные решения для вашего бизнеса», три раза её переделала и поняла, что переделываю вообще не то. Дело было не в дизайне. Дело было в том, что я не могла внятно сказать, кому и что продаю.
Вышло не идеально, на пару мелочей я забила и оставила как есть. Зато он работал и висел в интернете. И главное, оттуда я вынесла порядок действий, который с тех пор не меняю.
Почему нельзя начинать со слова «лендинг»
Нейронка соберёт страницу по любому запросу. Вот в этом и ловушка. Она не спросит «слушай, а для кого это вообще?». Возьмёт среднее по интернету, натянет на вашу тему, и выйдет сайт, который выглядит нормально и не продаёт ничего.
Хороший лендинг начинается со смысла, а дизайн потом. Смысл это ответы на скучные вопросы: кому продаём, какая у человека боль, что останавливает его от покупки, чем мы отличаемся от тех, к кому он пойдёт вместо нас. Пока ответов нет, любой текст на странице это фантазия копирайтера, даже если копирайтер это нейронка.
Отсюда порядок, который я считаю единственно рабочим:
| Шаг | Что происходит | Сколько занимает |
|---|---|---|
| 1. Разбор рынка | Кто конкуренты, за что их хвалят и ругают, какие цены, где дыры | 40–60 минут |
| 2. Голова клиента | Боли, барьеры, мотивы. Живые интервью или синтетический кастдев | 20–40 минут, по желанию |
| 3. Структура и тексты | Оффер, порядок секций, готовый текст каждой | 30 минут с правками |
| 4. Сборка и дизайн | Страница в браузере, потом правки словами | 30–40 минут |
| 5. Деплой | Живая ссылка в интернете | 20–30 минут в первый раз |
Складывается ровно в вечер. Не в пятнадцать минут, как обещают на конференциях, но и не в две недели ожидания подрядчика.
Шаг 1. Разбор рынка: фактура, а не фантазия
Тут есть штука, которую легко пропустить. Нейронка не должна разбирать рынок по памяти. По памяти она выдаёт правдоподобную кашу: придумывает доли рынка, изобретает несуществующие исследования и очень уверенно называет цифры, которых нет нигде.
Надо отправить её ходить браузером: смотреть сайты конкурентов, читать отзывы, собирать цены. Тогда на выходе фактура с цитатами живых людей, а не пересказ обучающей выборки. У меня в конце этого шага обычно лежит файл с разбором конкурентов, ценовым коридором и списком того, за что конкурентов ругают. Вот последнее и есть самый ценный материал для будущих текстов.
Про размер рынка: я его считать не прошу вообще. Нейронки тут врут особенно художественно, а если цифра уедет в презентацию руководителю, разбираться придётся вам. Про то, как ловить выдумки, есть отдельная статья.
Шаг 2. Заглянуть в голову клиенту
Лучший источник это живые люди. Есть продуктовая команда, попросите у них сырые транскрипты кастдевов, именно сырые. Продакты вытаскивают оттуда одно, а маркетологу нужно совсем другое: язык, боли, барьеры, дословные фразы.
Живых интервью нет, тогда есть быстрая версия, синтетический кастдев. Нейронка создаёт персон вашей аудитории и опрашивает их. Работает потому, что модель обучена на огромном корпусе того, что реальные люди пишут про свои проблемы и покупки.
Две оговорки, без которых приём превращается в самообман.
Первая. Персон нужно много, не три-четыре, а хотя бы десять. На маленькой выборке повторяющийся мотив не отличить от случайной фразы, и весь смысл упражнения теряется: прочитаете десять абзацев, подтверждающих то, во что уже верили. Правило простое. Мотив встретился у одного-двух, это случайность. У пяти и больше, это закономерность.
Вторая. Это гипотезы, а не исследование. Синтетика показывает, что может болеть у вашей аудитории. Проверять всё равно живыми интервью. Я прошу вставлять предупреждение прямо в начало таких файлов, чтобы через месяц самой не начать цитировать выдуманных людей как данные.
Приём, который сильно поднимает качество. После того как нейронка сгенерила интервью, попросите её пройтись по ним критиком: найти места, где персона ответила слишком удобно для продукта, где похвалила ровно то, что вы хотели услышать, где сказала фразу, которую живой человек так не скажет. И либо переписать жёстче, либо выкинуть. Без этого прохода все персоны хором любят ваш продукт, а это, мягко говоря, не очень похоже на реальность.
Шаг 3. Структура и тексты
Теперь у нейронки есть на чём стоять, и запрос выглядит совсем иначе. Уже не «напиши лендинг», а «собери тексты вот по этим файлам, вот в таком порядке важности».
Подготовь тексты лендинга. Источники строго по этой иерархии:
1. CLAUDE.md проекта — что за продукт и кому продаём
2. интервью, если есть — из фактуры это главное
3. позиционирование и сегменты
4. синтетический кастдев — только как гипотезы, помечай их
5. разбор конкурентов — цены и за что их ругают
Ограничение: не пытайся уложить в лендинг всё.
Выбери ОДИН ключевой сегмент и строй контент вокруг него.
Скажи, какой выбрал и почему.
Результат: главный оффер одной фразой (для кого, что даём,
чем отличаемся — отличие должно быть фактом, а не прилагательным),
секции по порядку боль → решение → как работает → выгоды →
возражения → призыв, и готовый текст каждой.Дальше самая недооценённая часть, приёмка. Я прошу под каждым заголовком в скобках указать, на чём он стоит: конкретная боль, дословная цитата, файл-источник. Заголовок, под который подставить нечего, вычёркиваем, и пусть честно скажет, каких данных не хватило.
Плюс список штампов на вычистку: «индивидуальный подход», «команда профессионалов», «широкий выбор», «доступные цены», «качество и забота». Если после чистки на странице сказать нечего, проблема не в тексте, а в оффере. И узнать об этом лучше сейчас, а не после запуска рекламы.
Шаг 4. Сборка и то, почему первый вариант выглядит как все
Страница собирается за пару минут. Дальше идёт цикл, который надо прочувствовать руками: сказал, увидел, сказал точнее. «Сделай первый экран контрастнее», «поменяй гамму на тёплую», «кнопка теряется, сделай заметнее». Обновил страницу в браузере, посмотрел, сказал следующее.
И тут ждёт неприятное открытие. Страница выглядит гладко и одинаково. Как все сайты от нейронки: скруглённые карточки, градиент из фиолетового в синий, один и тот же шрифт, плоские тени.
Новость хорошая: это не потолок модели, это потолок пустой рабочей среды. Нейронка собирает результат из того, что есть вокруг неё. В пустой среде она выдаёт среднее по интернету, то есть дефолт. Дай ей библиотеку стилей, палитр, шрифтовых пар и референсов, и на том же самом запросе получится другой уровень.
Я в эту разницу по-настоящему поверила, только когда собрала свою дизайн-библиотеку и пересобрала с ней старый лендинг. Сохранила версию «до», открыла рядом версию «после», и вот это сравнение уже не развидеть. Подробнее про дефолтный вид и как его лечить.
Отсюда главное правило. Прокачивайте не промты, а рабочую среду. Каждый скилл, каждая библиотека, каждый файл с вашим контекстом улучшает все будущие результаты, а не один текущий. Промт живёт одну сессию, среда живёт всегда.
Шаг 5. Деплой: вот где лендинг становится настоящим
Страница на вашем компьютере это ещё не сайт, это файл. Сайтом он становится, когда у него появляется ссылка, которую можно кинуть человеку в переписке.
Цепочка простая, и понять её один раз стоит целиком: ваш компьютер → GitHub → хостинг. На компьютере вы работаете. GitHub это облачное хранилище проекта. Хостинг (я юзаю Vercel) берёт проект с GitHub и показывает его миру.
Два слова, которые звучат страшно, а на деле простые:
- git — машина времени для файлов. Живёт у вас на компьютере, запоминает каждую версию проекта. Сломали, вернулись назад.
- GitHub — сайт-хранилище для проектов с git. Аккаунт бесплатный, карта не нужна.
Я их долго путала, так что если путаете, вы в хорошей компании.
Настраивается это один раз, дальше обновление сайта это одна фраза: «поменяй заголовок на такой-то и запушь», и через минуту новая версия в интернете. Вот этот ритм, честно говоря, и есть главный кайф всей истории. Не «собрал сайт», а «могу менять его когда захочу и никого не спрашивать».
И отдельно про страховку. Рано или поздно нейронка снесёт вёрстку, когда попросите поправить мелочь. Это не «если», это «когда». Бывает у всех и у меня тоже. Разница только в реакции: без git холодный пот, с git откатились одной фразой, будто ничего не было. Правило, которое стоит забрать навсегда: сохраняйтесь перед рискованным, а не после. Собираетесь просить крупную переделку, сначала «сделай commit». Про откаты подробно тут.
Где спотыкаются почти все
- Начинают с «сделай лендинг». Самая частая и самая дорогая ошибка. Выходит красиво и мимо. Лечится десятью минутами скучных вопросов до начала работы.
- Тексты ни о чём. Страница есть, а сказать нечего: всё те же профессионалы с индивидуальным подходом. Лечится требованием подставить под каждое обещание источник.
- Дефолтный дизайн. Гладко, симметрично, узнаваемо-нейросетевое. Прилагательными («сделай красиво») не лечится, лечится референсами и библиотекой стилей.
- Забытый деплой. Собрал отличную страницу, обрадовался, а она так и осталась лежать в папке. Через неделю проект остыл. Выкладывайте в тот же вечер, даже если «ещё не идеально».
- Пытаются впихнуть всё. Все сегменты, все услуги, все преимущества. Лендинг под три аудитории не работает ни для одной. Берите один сегмент, остальные подождут.
- Правят по одной мелочи двадцать раз подряд. К десятой правке нейронка начинает ломать соседние блоки, контекст переполняется. Лучше собрать замечания пачкой. Почему так происходит.
Честно про сроки и про то, что дальше
Вечер на первый лендинг это вместе с установкой среды и деплоем. Не потому что задача сложная, а потому что вы ещё не знаете, что просить. Второй такой же займёт час-полтора, и это не преувеличение: пропадает ровно та часть, где вы тыкались наугад.
Чего ждать не надо. Страницы уровня хорошей дизайн-студии с первого раза. Сложных интерактивов и анимаций. И того, что лендинг сам по себе принесёт заявки: он ловит тех, кто на него пришёл, а приводить их надо отдельно.
Следующий логичный шаг после живой ссылки: научить страницу ловить людей. Это форма, заявки в телеграм и журнал лидов. Ещё один вечер, зато после него сайт перестаёт быть визиткой.
Частые вопросы
Можно ли сделать лендинг нейросетью бесплатно?
Сама страница да. Хостинг для статичного сайта бесплатный, домен от хостинга рабочий, и его не стыдно кинуть человеку. Платная тут подписка на нейронку, от $20 в месяц. Свой красивый домен это ещё $10–50 в год, но это по желанию и точно не в первый вечер.
Нужно ли знать HTML?
Нет. Всё общение идёт обычными словами: «сделай контрастнее», «убери секцию про команду», «добавь блок с ценами». Со временем начнёте примерно понимать, из чего страница состоит, но это приятный побочный эффект, а не требование на входе.
Чем это лучше Тильды?
Вас не ограничивает чужой набор блоков, страница не привязана к подписке конструктора, и менять её можно как угодно глубоко. Взамен вы берёте на себя чуть больше технической ответственности: деплой, обновления, откаты. Для одноразового промо Тильда быстрее, для проекта, который будет жить и меняться, свой сайт удобнее.
Сколько времени занимает второй лендинг?
Час-полтора. Среда уже стоит, GitHub подключён, дизайн-библиотека на месте, и вы уже знаете, какие вопросы задать себе до начала. Основное время уходит на разбор рынка и тексты, а не на техническую часть.
Что делать, если нейросеть сломала работающую страницу?
Откатиться к последней сохранённой версии одной фразой, если вы делали commit перед правкой. Не делали, урок неприятный, но быстрый: с этого дня будете. Ровно поэтому git стоит освоить в первый же вечер, а не когда-нибудь потом.