Как мы сделали сайт агентства за выходные и две недели наращивали его фичами

У нас уже был сайт на Тильде, и он нас устраивал ровно до момента, когда стало понятно: сайт агентства — это не визитка, а инструмент. Он должен развиваться каждую неделю: новые кейсы, новые статьи, новые разделы услуг, работа с SEO. На Тильде это всё возможно, но в какой-то момент перестаёт быть быстрым.

В один из вечеров пятницы мы сели и с нуля сделали aimap.am. К вечеру воскресенья в продакшене были десять страниц услуг, главная, форма заявок и SEO-разметка. За следующие две недели появились раздел кейсов, блог с первой статьёй и новые проекты, которые сразу легли в портфолио.

Эта статья — про то, как устроен процесс, сколько времени что заняло и почему мы продаём клиентам именно такой формат разработки.

Почему ушли с Тильды

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

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

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

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

Стек

Никакой магии — обычный набор инструментов, которым владеет любой разработчик:

• VS Code + Claude Code — редактор и ИИ-агент, который пишет и правит код в репозитории
• React + Vite — фронтенд без лишних зависимостей, сборка в статику за секунды
• Tailwind CSS — стили без отдельных CSS-файлов
• Хостинг со статической выдачей — сайт отдаётся моментально

Несколько слов про выбор. Мы знаем про Astro и другие SSG-фреймворки — для контентных сайтов они хороши по умолчанию. Но у нас больше трёх лет опыта с React, а Vite-сборка и статический деплой закрывают вопрос и со скоростью, и с SEO. Когда в команде есть глубокий опыт с инструментом, переход на менее знакомый ради «теоретически лучше» не окупается. Берите тот стек, который ваша команда знает на уровне рефлексов.

Пятница: структура и каркас с ИИ

Важный момент, который обычно замалчивают: мы не первый год работаем с ИИ-инструментами. Claude отлично знает, чем занимается AI MAP, какие у нас услуги, как мы пишем тексты, какие блоки используем на лендингах и в презентациях. За это время мы накопили библиотеку промптов, шаблоны страниц и внутренние стандарты — всё это лежит в виде markdown-файлов и подгружается в контекст.

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

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

Суббота: содержание

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

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

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

Воскресенье: полировка и запуск

Воскресенье ушло на техническую часть. Довели адаптивность, проверили на телефонах и планшетах, настроили форму заявок с уведомлением в Telegram, подключили Яндекс.Метрику, написали политику конфиденциальности, залили на хостинг.

К вечеру воскресенья сайт был в продакшене по адресу aimap.am — с десятью страницами услуг, корректным отображением на всех устройствах и работающей формой.

Две недели после: сайт растёт вместе с проектами

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

Проект для коворкинга Fabula — стал кейсом

Мы сидим в коворкинге Fabula в Ереване, и у них была простая проблема: резиденты бронировали скайпрумы и переговорки на бумажных листочках. Запустили им Telegram-бот для бронирования. Проект занял несколько дней, а на нашем сайте он превратился в кейс в разделе «Наши кейсы» — короткую карточку с сутью и результатом.

Портал Kōkasoku — стал отдельной статьёй в блоге

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

Именно эта статья стала первой в нашем блоге — и заложила шаблон для всех следующих. Теперь публикация нового кейса — это написать markdown-файл и закоммитить.

DevRating.ru — отдельный продукт, но тоже в кейсы

Параллельно мы запустили DevRating.ru — независимый портал, отражающий рынок разработки чат-ботов и конструкторов в России. Это самостоятельный проект со своей аудиторией, но для aimap.am он стал ещё одной карточкой в разделе кейсов: доказательство, что мы умеем не только делать лендинги, но и запускать отраслевые порталы с данными.

SEO: работа, которую поисковики видят

Это та часть, которая отличает «сайт в интернете» от «сайта, который приводит клиентов». По каждой странице проработаны:

• уникальные title и description под семантику услуги
• корректная иерархия заголовков (H1, H2, H3)
• микроразметка Schema.org для организации, услуг, хлебных крошек
• sitemap.xml и robots.txt, которые обновляются при каждой сборке
• скорость загрузки в зелёной зоне PageSpeed — сайт отдаётся как статика, JS минимален

Поисковики видят сайт как структурированный, быстрый и семантически размеченный. Через две недели после запуска страницы начали индексироваться в Яндексе и Google.

Сколько времени это заняло на самом деле

Разложим по часам, чтобы было видно, где тратится время.

Итого — около 50 часов на полноценный сайт агентства с блогом и кейсами. Для сравнения: аналогичный проект у классического агентства — это полтора-два месяца календарно и бюджет от 200 тысяч рублей. На Тильде — быстрее по старту, но без контроля над разметкой, без возможности масштабировать структуру без ручной работы и с потолком по SEO.

Что это значит для клиентов

Мы продаём ту же схему как услугу. Когда клиент приходит с задачей «нужен сайт», мы отвечаем конкретными сроками:

• Простой лендинг с жёстким фокусом — за 1 день. Когда у клиента понятная аудитория, один продукт, один оффер и один канал трафика — можно собрать страницу за 10 тысяч рублей за день. У нас есть такой кейс.
• Лендинг с глубокой проработкой смыслов и дизайна — за 2–3 дня.
• Многостраничный сайт агентства или компании — за 10–14 дней под ключ.
• MVP продукта с авторизацией — за 2–3 недели.
• Интернет-магазин с корзиной — за неделю.

Это не обещание «нейросеть сделает за ночь». Это обещание, что человеческая работа над сайтом — контент, смыслы, решения — останется, но рутина вёрстки и разработки сократится в разы. Результат — сайт, у которого:

• есть исходники в вашем репозитории
• SEO работает с первого дня
• правки вносятся быстро
• новые страницы и разделы добавляются без пересборки всего проекта

Когда вайбкодинг пока не подходит

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

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

Юридические услуги. Здесь вопрос не технический, а репутационный. Юристы ценят подчёркнутую классическую надёжность — и сайт, собранный «с ИИ», может восприниматься клиентами как недостаточно солидный. Это изменится за год-два, но сейчас лучше учитывать.

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

Во всех остальных сферах — от e-commerce и EdTech до HoReCa, HR-tech, медиа и B2B-услуг — вайбкодинг работает так же хорошо, как классическая разработка, только быстрее.

Что дальше с нашим сайтом

Раз в неделю добавляем новую статью в блог — пишем про реальные проекты и инструменты. Раз в месяц обновляем раздел кейсов. Постепенно наращиваем семантику под SEO: аналитика запросов, работа с поисковым трафиком, внутренняя перелинковка.

Сайт — это живая система, а не памятник. И вайбкодинг — подход, в котором развивать систему так же быстро, как создавать.