Сайт эксперта с видео на первом экране: собираем в чате
Пол Липски собрал в ChatGPT на GPT-6 Astra сайт с кино вместо первого экрана. Разбираю порядок промптов, приём с прокруткой и какие блоки нужны, чтобы красивый сайт ещё и продавал
Сайт эксперта с видео на первом экране: собираем в чате
В рилсе я остановился на том, что красивый первый экран сам по себе не продаёт. Здесь разберу, как собран сайт из разбора и что добавить эксперту, чтобы витрина приводила заявки.
Что показал Пол Липски
9 сентября Пол Липски выложил разбор, как собрать «кинематографичный» сайт в ChatGPT на новой модели GPT-6 Astra. Ролик набрал больше 160 тысяч просмотров. Похожие разборы про сайты на Astra от других авторов собрали вокруг ещё почти 300 тысяч. Отмечу, что ролик Пола спонсорский: инструмент для картинок и видео в нём рекламируется.
Пример в ролике: сайт загородного домика у озера. Порядок такой:
1. Каркас без медиа. Сначала он просит собрать страницу с блоками и текстом, без картинок и анимаций. И сразу пишет запрет: не выдумывай отзывы, цены и наличие, пусть человек оставляет заявку.
2. Кадр для первого экрана. Через подключённый к чату Higgsfield генерируется картинка: домик у озера, тёплый вечерний свет, без людей и надписей. Первый вариант не понравился, он дописал правки словами.
3. Оживление. Из кадра делается видео: камера подъезжает к домику, двери открываются, зритель входит внутрь.
4. Видео по прокрутке. Главный приём. Видео не играет само, а идёт ровно настолько, насколько человек прокрутил страницу. Первый экран закреплён, пока ролик не закончится.
5. Детали. Иконки в едином стиле, галерея, блок бронирования.
Почему приём с прокруткой работает
Обычное видео на фоне пролистывают за секунду. Когда картинка двигается от прокрутки, человек сам управляет сценой и досматривает её до конца. А в конце сцены стоит то, ради чего всё затевалось: предложение и кнопка.
Но есть обратная сторона. Тяжёлое видео медленно грузится на телефоне, а большинство твоих людей придёт именно с телефона, из рилсов и Telegram. Проверяй скорость до запуска.
Правило про отзывы и цены
Запрет из промпта Пола я держу на всех своих страницах. Нейросеть без запрета легко дорисует отзыв «Анна, 34 года, выручка выросла вдвое». Выглядит убедительно ровно до первого вопроса клиента «а можно с Анной поговорить?». После этого доверие не восстановить.
Всё, чего у тебя пока нет, ставь пометкой и заполняй реальными данными.
То же касается цифр в блоке «кто ты». Нейросеть охотно напишет «более 500 довольных клиентов», если не запретить. Лучше скромная правда: сколько лет в профессии, с какими задачами работаешь, пара реальных результатов с разрешения клиентов. Человек, который пришёл из твоих рилсов, уже видел тебя в деле, и расхождение между роликами и сайтом он заметит первым. Красивый первый экран приводит на страницу, а удерживает на ней только то, что можно проверить.
Витрина эксперта: какие блоки нужны
Домик продаёт атмосфера. Эксперта покупают за результат и доверие, поэтому одного кино мало.
| Блок | Зачем | Что туда класть |
|---|---|---|
| Первый экран с видео | зацепить и задать тон | ты в работе или сцена результата + одна фраза, для кого ты |
| Проблема клиента | узнать себя | 3-4 ситуации словами клиента |
| Как ты работаешь | снять страх неизвестности | шаги от заявки до результата |
| Кейсы | доказать | только реальные, с разрешения клиентов |
| Кто ты | право говорить | опыт и цифры, которые можно проверить |
| Заявка | действие | одна кнопка, один путь |
Про то, почему сайт это путь человека, а не дизайн, подробнее в Приложение работает ровно до первого живого пользователя.
Порядок промптов для своей витрины
- «Собери одностраничный сайт для [твоя услуга] для [твоя аудитория]. Блоки: … Не выдумывай отзывы, цены, кейсы и цифры, вместо них ставь пометки»
- «Сгенерируй кадр для первого экрана: [сцена], без текста и логотипов, вертикальная и горизонтальная версии»
- «Оживи кадр: [движение камеры], 5-8 секунд»
- «Сделай первый экран с видео, которое проигрывается по прокрутке, для телефона оставь лёгкую версию»
- «Проверь страницу на телефоне и ускорь загрузку»
Если собираешь не в ChatGPT, а в Claude, логика та же, про дизайн-режим писал в Claude Code /design.
Можно ли сделать сайт эксперта через нейросеть без программиста?
Да. В разборе Пола Липски весь сайт собран в чате ChatGPT текстовыми командами, включая видео на первом экране и анимации.
Что такое видео по прокрутке на сайте?
Это приём, когда видео проигрывается не само, а синхронно с прокруткой страницы. Сколько прокрутил, столько кадров показалось.
Не будет ли сайт с видео тормозить на телефоне?
Может. Для телефона лучше делать облегчённую версию первого экрана и проверять скорость загрузки до запуска рекламы.
Какие блоки обязательны на сайте эксперта?
Первый экран с понятным предложением, проблема клиента, этапы работы, реальные кейсы, информация о тебе и одна кнопка заявки.
Если хочешь это под себя
Смыслы для витрины важнее видео: предложение, путь клиента, кейсы. Как собрать этот фундамент под свою услугу, показываю в [МИКРО-ПРОДУКТ]: [ССЫЛКА-МИКРО].
Это только фундамент. А дальше?
Как собрать первый скилл под себя, построить контент-завод, привести трафик и превратить подписчика в оплату — разбираю по шагам в Telegram. Честный дневник стройки с нуля.
📲 Зайти в канал и идти рядом 🔥