Как я сделала сайты с Claude Code вместо агентства: кейсы, сроки и методология

Я делаю сайты с Claude Code сама: сначала собираю понятное ТЗ, референсы, айдентику и фактуру продукта, затем отдельно прорабатываю концепцию, тексты, дизайн и адаптацию. Так один мой сайт был собран за три дня вместо месяца и потенциальных 100–200 тысяч рублей, а другой я переделала примерно за пять часов вместо трёх полных рабочих дней дизайнера.

Почему я перестала воспринимать сайт как задачу только для агентства

С появлением нейросетей сделать плюс-минус качественный сайт стало гораздо проще. Я не утверждаю, что любой человек с первого раза соберёт блокбастерный проект уровня Apple. Но большинству бизнесов такой сайт и не нужен. Им нужен понятный, быстрый, нормально работающий сайт, который отвечает на вопросы клиента, ведёт к покупке и может развиваться дальше.

Часто в ответ на вайб-кодинг говорят, что такие сайты типовые, скучные и базовые. Но сайты на Tilda нередко выглядят ровно так же: одинаковые блоки, мало анимации, слабый дизайн. При этом на вайб-кодинге можно быстро собрать не только структуру, но и интерактив, анимации, калькуляторы, переключатели интерфейсов и другие вещи, которые на Tilda обычно требуют отдельной вёрстки.

Мой вывод простой: профессии не исчезают буквально за один день, но ценность привычного процесса уже меняется. Если раньше предприниматель платил за сайт сотни тысяч рублей и ждал месяц, то теперь он может собрать рабочую версию самостоятельно или заказать у специалиста, который умеет работать с нейросетями быстро и внятно.

Первый сайт: три дня работы вместо 100–200 тысяч рублей

Первый сайт в жизни на Claude Code я сделала за три дня, без помощи кого-либо. В работе я использовала Fable 5 и OPUS 4.8. Если бы я заказывала аналогичный сайт у агентства или отдавала подрядчикам, это обошлось бы мне примерно в 100–200 тысяч рублей и заняло бы около месяца.

На сайте есть анимации, светящиеся эффекты, диалог с ассистентом, который сам загружается, и интерактивные блоки. 3D-объект реактора сделал дизайнер, но саму анимацию, ощущение глубины и свет — Claude. Он же помогал со структурой и копирайтингом.

Особенно мне нравится механика с курсом, где каждый урок показан как деталь костюма: при скролле костюм постепенно собирается. Концепцию продукта я придумала сама, но конкретный блок с такой загрузкой персонажа предложил Claude — сама я, скорее всего, до этого не додумалась бы. Ещё мы сделали калькулятор: посетитель может посчитать, сколько денег теряет, если не пользуется Claude. В конце — понятный call to action, кнопки работают, люди покупают. Для меня главный критерий здесь не идеальность, а результат: этот сайт конвертит.

Конечно, не всё создаётся одной нейросетью. В моих проектах 3D-генерации и некоторые изображения делал дизайнер. Но при желании визуалы можно генерировать самостоятельно или подключить к Claude нужные MCP. Например, при подключении к Higgsfield он может делать для сайта даже видео.

Как я отношусь к текстам, которые пишет Claude

Копирайтинг для сайтов мне тоже делает Claude. Я не считаю эти тексты идеальными и понимаю, что сама могла бы написать глубже и лучше. Но у сайта другая задача: человек должен быстро считывать по заголовкам, о чём продукт, для кого он и зачем нужен. Мы не пишем «Войну и мир».

Аргумент «нейросети не умеют писать тексты» кажется мне слабым. Когда вы нанимаете человека на копирайтинг, он вполне может использовать нейросеть, затем внести минимальные правки, а вы всё равно будете давать обратную связь. Поэтому логичнее сразу попросить нейросеть написать черновик, самостоятельно его вычитать и дать ей конкретные правки напрямую.

Чтобы тексты были ближе к нужному результату, я подключаю навыки копирайтера, хуманайзера и свой tone of voice. Но основой всё равно остаётся фактура: Claude нельзя просто попросить «напиши продающий сайт». Сначала нужно объяснить, что за продукт, кому он нужен, какие у него смыслы и преимущества.

Моя методология: от ТЗ до готовой вёрстки

Перед началом работы я сама должна понять, чего хочу. Принцип очень простой: какое ТЗ — такой и результат. Если запрос размытый, хорошего результата ждать не стоит.

Я собираю четыре типа вводных:

• описание продукта и его смыслов;
• фактуру для будущего копирайтинга;
• айдентику, которую нужно использовать;
• референсы: сайты, цвета, отдельные блоки, анимации и общее настроение, которые мне нравятся.

Если айдентики нет, её можно придумать вместе с Claude. Но вводные всё равно нужны: что именно вы продаёте, кому, какую эмоцию должен передавать сайт, что пользователь обязан понять и сделать.

Дальше я иду по этапам, а не прошу за одно сообщение «сделай сайт». Сначала собираю концепцию. На сайте с пещерой и реактором идея реактора как фонаря, освещающего пещеру, появилась практически с первого сообщения. После этого стало понятно, в каком направлении двигать весь проект.

Затем я готовлю копирайтинг всех блоков и много раз его согласовываю. Только когда есть концепция, понимание цветов и готовые тексты, я перехожу к дизайну. Claude начинает насаживать текст на выбранную концепцию, а я смотрю, что работает, а что нет.

Первый вариант, честно, был тотальной дичью. Дальше началась долгая доработка: мы меняли блоки, дизайн, картинки, тексты, добавляли нужные элементы. Если мне не нравится конкретный блок, я прошу несколько вариантов визуализации и выбираю лучший. Так я собираю сайт постепенно, блок за блоком.

Когда структура, текст и визуальные блоки готовы, я прошу Claude написать ТЗ на все нужные изображения для дизайнера. Дизайнер делает картинки, я загружаю их в Claude, а он расставляет их на сайте. После этого остаётся адаптация под мобильную и планшетную версии, поиск багов и исправление проблем.

Почему адаптация и дебаг занимают отдельное время

Собрать десктопную версию — не значит закончить сайт. Самым болезненным этапом для меня остаётся адаптация под мобильные устройства и планшеты. Нужно постоянно ловить баги, следить за вёрсткой, исправлять висячие предлоги и другие неприятные мелочи.

В первом проекте я подключала Fable 5 для проверки: он смотрел, чтобы не было явных косяков, давал обратную связь и помогал довести сайт до удобоваримого состояния. Это не отменяет ручной проверки, но сильно ускоряет процесс.

После запуска я не бросаю сайт. Появились продажи и отзывы — добавляю отзывы. Появились кейсы — добавляю кейсы. Захотелось сделать сайт SEO-ориентированным — добавляю блог и подключаю агентов к этой задаче. Финальный продукт нужно развивать: тестировать новые элементы и улучшать конверсию.

Кейс переделки сайта: около пяти часов вместо трёх рабочих дней

Зимой у нас был сайт клиента, который дизайнер сначала собрал в Figma, а затем перенёс на Tilda. Потом дизайнер ушёл из команды. Сам дизайн получился слабым: без финального раунда правок, без адаптации под мобильную и планшетную версии, с блоками, для которых нужно было отдельно дописывать код.

К проекту мы вернулись примерно через полгода. Клиент дал финальные правки, а мой арт-директор посмотрела на Tilda и сказала, что для нормального результата сайт лучше снести и собрать с нуля. На это ей требовалось три полноценных рабочих дня — в диджитале это около 20 часов.

Я решила не отвлекать её от других клиентов и сделать сайт на Claude Code сама. Базовая версия появилась за пару часов. С учётом дополнительных блоков, анимаций, финальной адаптации и чистки вёрстки на весь сайт ушло около пяти часов. При этом в процессе вайб-кодинга я параллельно занималась и другими задачами.

Я взяла старый макет из Tilda — блоки и тексты — и отнесла его в Claude. На выходе получился полноценный сайт в айдентике: с анимацией, интерактивными блоками, удобным переключением интерфейса, визуализированными кейсами, аккуратными вопросами и более читаемой вёрсткой. Мы с Claude не придумали все решения мгновенно: я запрашивала несколько вариантов, выбирала и дорабатывала. Изображения мы добавляли вместе с дизайнером.

Для меня разница была очевидна: вместо ожидания, согласований и ограничений «это могу, это не могу» я ставлю задачу нейросети, параллельно делаю другие дела, затем принимаю результат и корректирую его.

Где важно вовремя остановиться

Главная ошибка при работе с нейросетями — бесконечно пытаться сделать «ещё лучше». Особенно это заметно в генерации картинок, видео и сложных визуальных проектов. Если постоянно просить новый вариант, потом ещё один и ещё лучше, в какой-то момент можно получить тотальную шляпу.

Я стараюсь остановиться, когда результат сделан хотя бы на четыре с минусом. После этого лучше перейти к следующей задаче, а к сайту вернуться позже — когда появится новая идея, материал или понятная гипотеза для улучшения.

Например, один из моих сайтов изначально состоял примерно из десяти блоков, а позже стал больше: я несколько раз просила Fable или OPUS проверить его на конверсионность и предложить, что можно добавить. Так нейросеть помогает улучшать продукт, когда у меня самой нет новых идей.

Что я советую дизайнерам и предпринимателям

Я не скрываю важную оговорку: мои сайты получаются плюс-минус хорошими не только благодаря Claude. У меня есть насмотренность в маркетинге и дизайне, я понимаю, зачем принимаю те или иные решения, и использую собственную методологию и навыки. Это влияет на результат.

Но рынок меняется очень быстро. В условиях падающей экономики, дорогого Яндекс Директа и необходимости малого бизнеса экономить веб-дизайн в старой модели может оказаться слишком дорогим и медленным. Мой прогноз — рынку веб-дизайна в привычном виде будет очень тяжело.

Мой совет веб-дизайнерам: учиться работать с нейросетями, снижать чек примерно в десять раз и продавать нейросетевые сайты, которые можно собирать за день. Но вместе с этим придётся освоить лидогенерацию. Предпринимателям, экспертам и авторам продуктов я советую хотя бы попробовать сделать себе сайт самостоятельно: за несколько часов можно получить рабочий результат, а потом улучшать его по мере роста проекта.

Я смотрю на это как на гонку, где преимущество может составлять всего полторы секунды, но победитель забирает 74% призового фонда — примерно в три раза больше остальных. Сейчас эти полторы секунды происходят у всех нас. Я свою ставку уже сделала: продолжаю вайб-кодить и использовать нейросети там, где они экономят время, деньги и нервы.

Смотреть видео целиком

«Делаю сайты за 200к бесплатно вместе с Claude (отдаю все скиллы)» на YouTube

Что дальше

Хотите собрать такой сайт сами? Курс «Собери свой сайт за вечер»: от пустой папки до страницы в интернете, без вёрстки и программирования. Посмотреть курс

Читайте также

• Как я переделала нейросетевой сайт на клиенте: путь от слопа до продукта
• Как я зарабатываю на нейросетях с Claude Code без навыков программиста
• Claude Code для веб-разработки в 2026: практический разбор
• Как я делаю сайты на нейросети и продаю их за 100–200 тысяч ₽
• На портале «Мастерская нейросетей»: Как сделать конверсионный сайт с Claude без команды разработчиков

Ставите Claude с нуля? Я собрала пошаговый гайд «Как установить Claude из России, чтобы не снесли аккаунт» — с сервисами, которыми пользуюсь сама. Забрать гайд в боте