Как я собрала сайт закрытого сообщества с Claude Code за 10 дней после неудачи с подрядчиком

Как я собрала сайт закрытого сообщества с Claude Code за 10 дней после неудачи с подрядчиком

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

Но именно здесь я уперлась в стену.

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

Апогеем стал прототип, на главном экране которого появилась блондинка с длинными волосами в обтягивающем кожаном костюме.

Я спросила, как это связано со мной, моей работой и тем, что должен понять клиент. В ответ услышала примерно следующее: «А что еще сюда ставить?»

Контракт я расторгла, предоплату мне вернули. А сайт снова отложила.

Проблема была не в дизайне

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

Мне нужен был не человек, который красиво соберет блоки. Мне нужно было сохранить связь между тремя вещами:

- кто я и чем реально занимаюсь;

- что должен понять потенциальный клиент;

- как провести его по странице от проблемы к следующему шагу.

Цвета, шрифты и анимации идут уже после этого.

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

И вот здесь мне пригодился Claude Code.

Что я сделала до того, как открыла Claude Code

К началу работы у меня уже были:

1. Карта сайта

2. Тексты и основные смыслы

3. Понимание, для кого я пишу

4. Примеры того, что мне нравится и не нравится

5. Критерий результата: посетитель должен быстро понять, какую задачу мы решаем и что ему делать дальше.

Это и стало техническим заданием, только не в виде огромного документа, который никто не читает, а в виде понятного контекста для совместной работы с ИИ.

Здесь проходит важная граница.

Claude Code хорошо помогает реализовать решение. Но если вы сами не понимаете, что хотите сказать и зачем человеку ваш сайт, нейросеть просто начнет очень быстро производить случайные варианты.

Как шла работа

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

Работа выглядела не как «нажала кнопку и получила сайт», а как короткие циклы:

1. Объяснить задачу конкретного блока

2. Получить вариант

3. Посмотреть его на реальном экране

4. Сформулировать, что именно не работает

5. Исправить и снова проверить.

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

Я сразу видела результат и могла двигаться дальше.

Рабочая версия сайта: от главного экрана с интерактивной планетой до внутренних смысловых блоков. 

Что получилось за 10 дней

За 10 дней я собрала рабочую версию сайта: с нужным позиционированием, адаптацией для компьютера и телефона, базовыми настройками SEO и GEO.

Один из смысловых экранов сайта. Визуализация меняется по мере прокрутки и поддерживает текст, а не существует отдельно от него.*
Один из смысловых экранов сайта. Визуализация меняется по мере прокрутки и поддерживает текст, а не существует отдельно от него.*

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

При этом сайт не стал результатом работы одного волшебного сервиса.

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

Где такой подход сработает, а где нет

Собирать сайт с ИИ разумно, если вы:

- хорошо понимаете свой продукт и клиента;

- готовы подробно объяснять задачу;

- умеете отличить «красиво» от «решает бизнес-задачу»;

- готовы тестировать результат, а не публиковать первый вариант;

- хотите быстро проверять гипотезы и самостоятельно управлять изменениями.

Но если у вас пока нет позиционирования, структуры и текстов, Claude Code не закроет эту дыру. Он может помочь разобраться, задавать вопросы и предлагать варианты. Но решение все равно придется принимать вам.

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

ИИ резко снижает порог входа, но ответственность он не отменяет.

Еще один экран рабочей версии
Еще один экран рабочей версии

Что я вынесла из этой истории

Раньше выбор выглядел так: либо долго объяснять подрядчику, что у вас в голове, либо соглашаться на чужое видение.

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

Но начинать все равно нужно не с инструмента.

Сначала ответьте на вопрос: что должен понять и сделать человек на вашем сайте? А уже потом открывайте Claude Code.

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