Моя знакомая недавно открыла студию растяжки для женщин. Небольшой уютный зал, хороший тренер, уже есть первые клиенты по сарафанному радио. Следующий шаг — реклама в Яндекс Директе. А для Директа, да и вообще для любого бизнеса, по хорошему нужен сайт, на который люди будут приходить.
Начали узнавать цены. Нормальный одностраничник у фрилансера — от 15 000 рублей и две-три недели ожидания. В студии — дороже. А реклама нужна прямо сейчас, пока есть средства на продвижение и свободное время на её настройку. И тут у меня возникла интересная мысль - а что если попросить нейросеть сделать одним махом целый сайт? Справится?
Что мы хотели получить
Задача была простой: одностраничный сайт для студии растяжки. Не интернет-магазин, не корпоративный портал — просто аккуратная страница, которая объясняет что это за место, для кого, сколько стоит, и где записаться.
Для запуска рекламы в Директе этого более чем достаточно. Директ не требует сложного сайта — он требует страницу, на которой человек понимает куда попал и что делать дальше. Поэтому мы решили создать сайт с помощью нейросети — написать промт и посмотреть что выйдет.
Как мы писали промт
Я открыла Claude в Study AI и объяснила задачу. Для чистоты эксперимента я писала промпт как человек, который вообще не разбирается в создании сайтов. Задача была объяснить именно общий вид и дизайн одностраничного сайта — с конкретным описанием: что за бизнес, какие секции нужны, какой стиль и настроение.
Нейросети лучше работают с конкретными деталями. Поэтому мы описали всё: название студии, какие блоки должны быть, цвета — нежные, пастельные, ничего кричащего, форма обратной связи, контакты. Добавили изображения которые нужно вставить. Также я попросила нейросеть добавить что то на свое усмотрение если он посчитает нужным.
Вот промт, который у нас получился:
Что получилось
Нейросеть сгенерировала готовый HTML-файл. Со стилями, с мобильной адаптацией, с кнопками, с секциями — всё как описали.
Мы открыли файл в браузере.
Моя знакомая смотрела на экран молча секунд десять. Потом сказала: «Да ладно! Не может быть!».
Сайт выглядел аккуратно и профессионально. Нежные цвета, такие как мы хотели и какие обычно нравятся женщинам. Чёткая структура. Читаемые шрифты. Кнопка «Записаться» на видном месте. Секция с преимуществами студии, блок с направлениями, форма обратной связи.
Конечно, не хватило картинок, чтобы ИИ мог вставить их в нужные места. но это не проблема - можно отправить их в диалог и он выдаст обновленную версию сайта. Главное, что он точно сделает их одинаковыми, ровными, и все будет выглядеть профессионально.
Создать сайт самому с таким результатом раньше означало неделю работы в конструкторе или деньги фрилансеру. Здесь — один промт и несколько секунд генерации.
Что сказал вебмастер
У меня есть знакомый Андрей — занимается созданием сайтов больше десяти лет. Я показала ему результат и попросила оценить честно.
Он посмотрел на наше творение. Потом сказал кое-что неожиданное: он уже давно использует ИИ в своей работе. Не для создания сайтов с нуля — но для доработки, исправления ошибок в коде, рутинных задач вроде переноса данных или написания однотипных блоков. По его словам, это экономит несколько часов в неделю.
По нашему сайту его оценка была такой:
Неплохой сайт получился) Конечно видно что он простой, но для такого малого бизнеса, а тем более для директа это то что нужно! Главное чтобы все кнопки работали, проверьте. ну и фотографии получше подберите, больше реальных фото со студии. а так отлично, заявки думаю будут!
Как сделать работающий сайт быстро и без бюджета — раньше этот вопрос не имел хорошего ответа. Теперь имеет.
Советы как лучше делать сайт в нейросети
Несколько вещей которые я поняла в процессе — и которые реально влияют на результат.
Выберите правильную нейросеть. Не все модели одинаково хорошо справляются с генерацией кода. Для создания сайта лучше всего подходит Claude Opus — это одна из самых мощных языковых моделей на сегодня, которая отлично понимает задачи по вёрстке, пишет чистый HTML и CSS, сразу добавляет мобильную адаптацию и не делает грубых ошибок в структуре. Если хотите получить хороший результат с первой попытки — используйте именно её. Доступна в Study AI без VPN.
Описывайте бизнес подробно. Чем больше деталей в промте — тем точнее результат. Целевая аудитория, tone of voice, цвета, какие секции нужны, что должно быть на главном экране, какое действие должен совершить посетитель. Нейросеть заполняет пробелы сама — и не всегда так как нужно вам.
Указывайте стиль конкретно. «Красивый сайт» — слишком широко. «Минималистичный, пастельные тона, без лишних элементов, как у современных wellness-брендов» — уже конкретно. Можно давать референсы: «в стиле сайта [название бренда]».
Просите сразу с мобильной адаптацией. Большинство людей открывают сайты с телефона. Укажите в промте что нужна адаптация под мобильные у��тройства — нейросеть добавит нужные стили.
Текст замените на реальный. Нейросеть напишет шаблонный текст — его нужно заменить на конкретный. Название студии, реальные цены, настоящие преимущества. Это занимает 20–30 минут, но разница в конверсии будет ощутимой.
Добавьте реальные фотографии. Сгенерированный сайт будет с намного лучше смотреться с фото реального места или продукта — это сразу повышает доверие.
Советы как дорабатывать готовый сайт
Получили сайт — и что-то не то. Кнопка не там, цвет не нравится, хочется добавить секцию. Всё это можно исправить также через нейросеть без знания кода.
Просите исправить конкретное место. Не «сделай лучше», а «измени цвет кнопки на #E8A0BF» или «добавь секцию с отзывами после блока цен». Чем точнее задача — тем точнее правка.
Вставляйте код целиком. При правках копируйте весь HTML-код в чат к нейросети и объясняйте что нужно изменить. Так модель видит контекст и не ломает остальное.
Для формы обратной связи используйте готовые сервисы. Самый простой вариант — Formspree. Регистрируетесь, получаете ссылку, вставляете в атрибут action формы. Письма с заявками начнут приходить на почту.
Проверяйте на телефоне. После любых правок открывайте сайт на смартфоне и смотрите как выглядит. То что красиво на десктопе иногда ломается на мобильном.
SEO-минимум. Попросите нейросеть прописать title, description и h1 с нужными ключевыми словами. Это не выведет в топ немедленно — но даст правильную основу для будущего продвижения.
Частые вопросы
Нужно ли знать HTML чтобы использовать результат? Нет. Нейросеть генерирует готовый файл, который можно открыть в браузере и сразу увидеть результат. Для публикации на хостинге тоже не нужно знать код — только загрузить файл.
Можно ли создать сайт на телефоне? Написать промт и получить код — да, это можно сделать с телефона. Для публикации на хостинге удобнее ноутбук, но технически возможно и с мобильного через мобильные версии или файлового менеджера хостинга.
Чем это отличается от конструкторов типа Tilda или Wix? Конструкторы дают визуальный редактор — удобно, но ограничено шаблонами и тарифами. Нейросеть генерирует чистый HTML-код — его можно разместить где угодно без ежемесячной платы, и изменить любой элемент через тот же промт.
Подойдёт ли такой сайт для Яндекс Директа? Да. Директ не предъявляет особых требований к технологии сайта. Главное — чтобы страница быстро загружалась, была адаптирована под мобильные устройства и содержала понятный призыв к действию. Всё это нейросеть легко сделает.
Как долго занимает весь процесс? От промта до готового файла — секунды. Замена текста на реальный и добавление информации — 30–60 минут. Публикация на хостинге — ещё 10–15 минут. Итого: за пару часов можно получить работающий сайт в интернете.
Заключение
Вот так мы сделали целый сайт буквально за несколько минут! Если честно я и сама не ожидала. Конечно, нельзя сделать в ИИ что-то сложное, например интернет-магазин. (Хотя почему нельзя, я же просто не пробовала). Но вот такие несложные одностраничники для разных бизнесов - очень даже! Показали сайт нескольким людям - всем понравился!
Попробуйте сами. Опишите свой бизнес в промте, укажите что хотите видеть на странице — и посмотрите на результат.
