Как я переделала нейросетевой сайт на клиенте: путь от слопа до продукта

Я, Арина Михална, предприниматель, маркетолог и мастер нейросетей, расскажу, как за несколько дней превратила сырой нейросетевой сайт в полноценный продукт с концепцией и высокой конверсией. Если у вас есть сайт, сделанный нейросетью, который выглядит дёшево, — дальше пошагово разберу, что именно чинить: концепцию, тексты, вёрстку, визуал и техническую часть. Делать всё это я советую в Клод-коде, потому что именно там довела проект до финала.

С чего всё началось

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

Главная проблема нейрослопных сайтов — отсутствие концепции

Первое, что я увидела на старой версии: у сайта нет концепции. Продукт называется «Архитектура изменений», а визуально это ни на что не намекает. Я убеждена: у любого продукта, даже у простой консультации, должна быть концепция, которая откликается здесь и сейчас и вытекает из контекста жизни эксперта. У меня, например, все продукты сделаны в стиле комиксов Marvel — я строю позиционирование через образ Тони Старка, который с помощью нейросетей становится супергероем. Отсюда и названия: «Jarvis», «Пещера Старка», продукт про сайты, где я в образе Железного человека учу Человека-паука.

Когда я начала переделывать сайт психолога, я скинула Claude ссылку на старую версию и попросила предложить принципиально новый дизайн, чтобы он выглядел нормально. Claude выдал симпатичный, аккуратный дизайн с понятной вёрсткой и удобным UX — но без души. Потому что не было идеи. Тогда я включила продюсерскую голову: раз продукт называется «Архитектура изменений», логично завернуть весь сайт в тему стройки и архитектуры. В итоге на финальном лендинге появился строящийся дом, несущие конструкции, опоры — и сайт наконец обрёл смысл, а не просто стал красивой болванкой.

Тексты и структура: меньше слов, больше смысла

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

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

Почему я сделала сайт длиннее, а не короче

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

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

Айдентика, отзывы и финальные блоки

Отдельный провал старой версии: у эксперта есть готовая айдентика (шрифты Союз, Горский, Монсеррат), но сайт был сделан вообще не в ней. Это я, разумеется, исправила — весь новый сайт собран строго в фирменных шрифтах.

В финальную версию я добавила блоки, которых не было в исходнике: отзывы в формате цитат, визуализацию процесса принятия решений изнутри, блок «для кого этот продукт» (и прямое «мы вас здесь не ждём» для тех, кто не подходит), объяснение, почему именно этот продукт, а не другие продукты эксперта, план прохождения на полгода, отработку возражений по оплате и FAQ. В конце — ещё один блок с призывом забрать место.

Кто рисовал картинки, если не дизайнер

Все визуальные генерации на этом сайте, кроме одной, делал сам Claude — у него есть доступ к API тех же моделей, что использует ChatGPT и Nano Banana, поэтому он сам пишет промпты и сам генерирует картинки. Единственное исключение — фото с самим экспертом: я сгенерировала его вручную, потому что Claude (по крайней мере в моём опыте) не смог взять фотореференс и использовать его для генерации. Возможно, я просто не смогла его на это додавить, но факт остаётся фактом — с реальными фотографиями людей он не справился.

Моя методология: пять этапов от брифа до домена

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

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

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

Четвёртый этап — доработки, и это самый долгий и трудоёмкий шаг. Если прототип сайта психолога мы с Claude собрали за одну ночь, то оставшиеся два дня ушли именно на доработки. Здесь важны две вещи: терпение и умение вовремя остановиться. Не нужно доводить сайт до идеала — идеала не существует, можно дорабатывать бесконечно. Задача — довести продукт до нормального уровня: вёрстка не ломается на десктопе, мобилке и планшете, анимации уместны, картинки на месте, текст понятен. Доводить до «блокбастера» не требуется.

Пятый этап — техническая часть: домен, хостинг, подключения. Я пользуюсь Beget, и перенос домена был не самым простым моментом. Здесь помогает функция «Claude в Хроме» — расширение, которое позволяет Claude самому нажимать кнопки в браузере, — либо прямая команда в Клод-коде «сходи в интернет и сделай сам». Я пользуюсь этим постоянно: когда Claude пытается отправить меня самой зайти в Google Console и что-то настроить, я отвечаю: «оплачу тебе подписку за 200 долларов, иди и сделай сам» — и он идёт и делает.

Что в итоге и кому это подходит

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

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

Если вы всё ещё платите верстальщику, особенно верстальщику на Тильде — на мой взгляд, вы совершаете ошибку: эта профессия в её прежнем виде уже не нужна, потому что любой дизайнер может отдать готовый макет из Figma Claude, и тот соберёт его на HTML без Тильды и без WordPress. Профессия дизайнера при этом жива: дизайнеры делают дизайн лучше, чем Claude, тут вопросов нет. Но верстать теперь может каждый, у кого есть Клод-код и терпение пройти через этап доработок. С вами была Арина Михална, и, как обычно, — удачных голодных игр.

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

«Почему сайты на нейросетях выглядят дёшево — и как это чинится» на YouTube

Что дальше

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

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

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

Хотите так же, но по шагам? На курсе «Claude за вечер» я показываю весь путь: от установки до первого работающего помощника. Посмотреть курс