ИИ-чат: Claude или ChatGPT. Хватит бесплатной версии, но в платной код получается аккуратнее.
Аккаунт на Тильде: на старте подойдёт бесплатный тариф.
1–3 фото: ваши или сгенерированные нейросетью.
1–2 часа и чай 🍎
Главный секрет: ИИ не нужен ваш код — ему нужно понятное задание. Чем подробнее вы рассказываете о себе, тем лучше результат.
шаг 01
Распаковка: кто вы и для кого
Сначала ИИ помогает понять, что продавать и кому. Вставьте промпт в чат и ответьте на его вопросы.
Ты — маркетолог и копирайтер. Помоги мне упаковать мой продукт для лендинга.
Задай мне по очереди 7 вопросов: чем я занимаюсь, кто мой клиент, какие у него боли, страхи и желания, какой результат он получит, почему мне можно доверять, сколько стоит продукт.
После моих ответов сформулируй:
1) главный оффер в одно предложение,
2) 3 боли клиента,
3) 3 выгоды,
4) 3 возражения и ответы на них.
шаг 02
Структура и тексты
В том же чате попросите собрать из распаковки продающий лендинг.
На основе распаковки напиши тексты для одностраничного лендинга.
Блоки: 1) первый экран: сильный заголовок до 8 слов, подзаголовок и кнопка; 2) «было / стало»; 3) для кого; 4) что внутри / программа; 5) результат; 6) обо мне; 7) тарифы или формат; 8) частые вопросы; 9) финальный призыв.
Пиши живо и коротко, без канцелярита и воды. Призыв везде один: [написать мне в Instagram / Telegram].
Прочитайте тексты вслух. Где звучит «не как вы» — попросите: «перепиши проще, как будто я рассказываю подруге».
шаг 03
Дизайн и код
Теперь ИИ превращает тексты в готовую страницу. Подставьте свои цвета и ссылки.
Сверстай из этих текстов лендинг одним HTML-блоком для вставки в блок T123 на Тильде.
Требования:
— только HTML и CSS, все стили внутри, без внешних библиотек, кроме Google Fonts;
— все стили ограничь классом-обёрткой, чтобы они не ломали другие блоки;
— адаптив: красиво на телефоне и на компьютере;
— цвета: [например: жёлтый #F2C230, синий #1F4FB0, малиновый #D6246E];
— шрифты: [например: Unbounded для заголовков, Manrope для текста];
— стиль: [смелый, ретро, с крупной типографикой];
— все кнопки ведут на [ссылка на Instagram или Telegram] и открываются в новой вкладке;
— вместо фото поставь заглушки ССЫЛКА_НА_ФОТО_1, ССЫЛКА_НА_ФОТО_2.
Выдай весь код одним блоком.
Если что-то не нравится, описывайте словами: «заголовок слишком большой на телефоне», «сделай кнопку ярче». Не нужно разбираться в коде.
шаг 04
Фото
Свои фото — лучший вариант. Если хочется стильную съёмку без фотографа, сгенерируйте её в нейросети по вашему снимку.
Photorealistic, same person as in the reference image, keep the face exactly the same. Fashion editorial portrait, [outfit: oversized pink blazer, blue top], solid [yellow] studio background, bold color blocking, 90s film photography, soft film grain. Vertical 3:4.
Загрузите фото в Тильду (например, временным блоком «Изображение»), опубликуйте и скопируйте адреса картинок.
Вставьте код в T123 → «Контент», замените ССЫЛКА_НА_ФОТО на адреса фото → «Сохранить».
Нажмите «Опубликовать». В редакторе T123 выглядит серой плашкой, сайт виден только после публикации.
шаг 06
SEO, превью и иконка
Настройки страницы → SEO: заголовок до 60 символов и описание до 160. Попросите ИИ: «напиши SEO-заголовок и описание для этого лендинга».
Соцсети: заголовок, описание и картинка для красивого превью ссылки.
Настройки сайта → Ещё → Favicon: загрузите иконку 32×32 и 180×180.
Включите HTTPS: для своего домена Тильда даёт бесплатный SSL.
чек-лист
Перед запуском
Открыла сайт на телефоне — ничего не съезжает
Нажала каждую кнопку — все ведут, куда нужно
Заголовок понятен за 3 секунды
Есть фото и пара слов о себе
Отправила ссылку себе в мессенджер — превью красивое
Получилось? Покажи мне! 🍎
Пришли ссылку на свой сайт в директ — посмотрю и подскажу, что улучшить. А если хочешь научиться делать сайты, ИИ-аватаров и сериалы на заказ — напиши «ХОЧУ».
