Подарок 01 · «ИИмпульс»

Лендинг за вечер — сразу в GetCourse

Промпты и инструкция: бесплатная нейросеть расспросит о курсе, подскажет фото и соберёт страницу одним блоком «HTML-⁠код». Без дизайнера, верстальщика и подписок.

Скачать архив Смотреть файлы

5 файлов .md · архив 16 КБ · без регистрации

4лендинга из одного брифа — на примерах ниже

3бесплатных чата: DeepSeek, GLM и Qwen

1правка словами на все четыре страницы

0 ₽на нейросети, конструкторы и плагины

Расписание пяти вечеров: лендинг на компьютере

Открыть «Расписание пяти вечеров» целикомУчебный пример: курс, автор и школа выдуманы, фото сделала нейросеть.

Что в подарке

Пять файлов — от идеи до страницы

.mdПРОМПТ-⁠ЛЕНДИНГ

Главный файл. Арт-⁠директор и верстальщик в одном сообщении: разбирает бриф, предлагает три направления дизайна и пишет код для блока «HTML-⁠код».

Ты — арт-директор и верстальщик. Делаешь лендинги для онлайн-школ на GetCourse. Нужна страница уровня сильной студии: посетитель не должен догадаться, что её сделала нейросеть. Отвечай по-русски, простыми словами.

Работаем по шагам. После шагов 1 и 2 остановись и жди моего ответа. Код пиши только на шаге 3.

ШАГ 1. БРИФ
Мой бриф — в конце этого сообщения или следующим сообщением. Ответь коротко:
- что продаём, кому и какое одно действие ждём от посетителя;
- чего не хватает: до 5 вопросов одним списком, только те, что меняют дизайн;
- что решишь сам, если я не отвечу;
- какие фото нужны странице: 3–6 кадров, у каждого место на странице и пропорции. Если я уже прислал ссылки на фото, распредели их по местам.
Если я написал «без вопросов», сразу делай шаг 2.

ШАГ 2. ТРИ НАПРАВЛЕНИЯ
Три разных направления, у каждого 5 строк:
1) первый экран, у всех трёх разный приём: вещь из мира продукта (билет, меню, расписание, чек), живая схема результата (до/после, график), огромное слово или число как картинка, одно сильное фото, таблица-документ;
2) цвета: фон, текст, акцент — hex;

Скачать

.mdПРОМПТ-⁠БРИФ

Нет брифа — нейросеть расспросит вас о курсе по паре вопросов за раз и соберёт его сама.

Скачать

.mdПРИМЕР-⁠БРИФА

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

Скачать

.mdФОТО-⁠ДЛЯ-⁠ЛЕНДИНГА

Какие кадры нужны, промпты для серии «как с одной съёмки» и как загрузить фото в GetCourse.

Скачать

.mdКАК-⁠ВСТАВИТЬ-⁠В-⁠GETCOURSE

Куда вставить код, как заменить заглушки и что проверить с телефона. 15–20 минут.

Скачать

Что делать

Пять шагов — от брифа до страницы

0119:00

Бриф: что продаёте и кому

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

Брифа нет
Откройте DeepSeek, вставьте ПРОМПТ-⁠БРИФ и отвечайте на вопросы. Нейросеть спрашивает по паре вопросов за раз и в конце присылает готовый бриф. Сохраните его.

Бриф есть
Сверьте его с ПРИМЕРОМ-⁠БРИФА: продукт, автор, аудитория, цена, одно действие. Чего не хватает — допишите.

ПРОМПТ-⁠БРИФ
Скачать
ПРИМЕР-⁠БРИФА
Скачать
0219:20
Фото: сгенерировать и загрузить в GetCourse
- Нейросеть уже сказала в брифе, какие кадры нужны. Обычно 3–6.
- Генерируйте по промптам из файла и все в одном чате: сначала стиль серии, потом кадры по одному. Так фото выглядят как одна съёмка.
- Фото автора — только настоящее.
- Загрузите фото на черновую страницу GetCourse блоком «Изображение». В просмотре нажмите на фото правой кнопкой → «Копировать адрес изображения». Ссылки допишите в конец брифа.
ФОТО-⁠ДЛЯ-⁠ЛЕНДИНГА
Скачать
0319:50
Страница: код от нейросети
- Откройте новый чат DeepSeek или GLM.
- Вставьте ПРОМПТ-⁠ЛЕНДИНГ, а в конец — бриф со ссылками на фото. Отправьте одним сообщением.
- Ответьте на вопросы и выберите одно из трёх направлений: «Выбираю 2». Не хотите выбирать — напишите «выбери сам».
- Скопируйте код кнопкой «Копировать» над блоком, не мышкой: так не потеряется первая или последняя строка.
Код оборвался на полуслове? Не пишите «продолжи»: «Пришли код заново целиком, короче, без комментариев».
ПРОМПТ-⁠ЛЕНДИНГ
Скачать
0420:10
GetCourse: вставить и заменить заглушки
- Сайт → Страницы → Создать страницу.
- Добавить блок → Вставка → «HTML-⁠код». Вставьте код целиком и сохраните.
- Найдите в коде все ЗАМЕНИТЬ (Ctrl+F). Ссылка на оплату — в Продажи → Предложения. В подвале — только ваши ИП или ООО, ИНН и документы.
КАК-⁠ВСТАВИТЬ-⁠В-⁠GETCOURSE
Скачать
0520:25
Проверка: с телефона, 5 минут
- страница не ездит вбок под пальцем
- заголовки красивым шрифтом, а не Arial
- каждая кнопка ведёт на оплату
- меню GetCourse не перекрасилось
- нет выдуманных цифр, отзывов и таймеров
Что-⁠то не так — опишите словами в тот же чат и вставьте новый код вместо старого. Как это выглядит — ниже.
✓20:30

Готово
Страница работает в вашем GetCourse. Остаток вечера — ваш.

Какой чат выбрать

Проверил на одном брифе — честно

с него начатьDeepSeekchat.deepseek.com

Быстро и хорошо. В том же чате можно попросить другое направление и правки — два первых примера на этой странице сделал он.

Время: 3–5 минут
Вход: нужен, бесплатно

лучше по качествуGLMchat.z.ai

Самая аккуратная вёрстка, тексты из брифа слово в слово. Думает долго, код отдаёт отдельной карточкой «index.html».

Время: около 15 минут
Вход: не нужен

запаснойQwenchat.qwen.ai

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

Время: 2–3 минуты
Вход: нужен, бесплатно

не советуюГигаЧатgiga.chat

Стили вылезают за блок и задевают страницу GetCourse, в заголовках появляются эмодзи. Чинить дольше, чем собрать в другом чате.

Если что-⁠то сломалось

Чините словами, без кода

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