Сегодня в бизнесе побеждает скорость. Когда у нас возникла задача перезапустить агентство Context Group на историческом домене, мы решили провести эксперимент: отказаться от классической разработки, дизайнеров и программистов, собрав весь сайт исключительно силами искусственного интеллекта.
В этой статье мы честно расскажем, как AI помог нам выбрать технологический стек, спроектировать интерфейс и написать чистый код, который выдает максимальные 100 баллов в тестах производительности.
01 / 05Шаг 1: Отказ от тяжелых CMS (MODX, WordPress)
Исторически большинство сайтов агентства создавались на MODX или аналогичных CMS. У них есть привычная админка, но для сайта-визитки или лендинга услуг админка – это лишний балласт. Она генерирует тяжелые SQL-запросы к базе данных, требует постоянных обновлений безопасности и замедляет время отклика сервера (TTFB).
Совместно с AI (нашим виртуальным коллегой Кодексом) мы приняли стратегическое решение: сделать сайт полностью статическим.
В качестве движка был выбран Astro – современный генератор статических сайтов (SSG).
Почему Astro? Он использует концепцию «островов» (Astro Islands) и по умолчанию полностью вырезает весь неиспользуемый JavaScript на этапе сборки. Браузер пользователя получает чистый, легковесный HTML и CSS.
02 / 05Шаг 2: Проектирование структуры и копирайтинг
Вместо долгих брифов с копирайтерами мы использовали AI для анализа болей нашей целевой аудитории (предпринимателей и маркетологов в Москве и Санкт-Петербурге). Основными болями оказались:
- Высокий ФОТ (фонд оплаты труда) на рутинных задачах (поддержка, первичная обработка лидов).
- Медленная реакция на заявки клиентов (особенно в нерабочее время).
- Дорогая разработка и поддержка сайтов.
На основе этих болей AI помог структурировать УТП и список услуг, а также написал тексты для страниц. Каждая услуга бьет точно в цель – автоматизация рутины и прямая экономия денег.
03 / 05Шаг 3: Верстка и интерактивный калькулятор
Весь код стилей (Vanilla CSS) и шаблоны страниц были написаны искусственным интеллектом. Мы принципиально отказались от CSS-фреймворков вроде Tailwind, чтобы не перегружать страницу лишними классами и сохранить уникальность дизайна.
Дизайн-система построена на глубоких космических цветах с использованием неоновых акцентов (фиолетовый и голубой), создавая ассоциации с будущим и технологиями AI.
Особая гордость – калькулятор окупаемости AI-решений. AI написал чистый JS-скрипт прямо внутри Astro-компонента, который на лету рассчитывает экономию ФОТ компании при замене менеджеров поддержки умным AI-ботом.
// Логика расчета экономии в реальном времени
function updateCalculator() {
const employees = parseInt(employeesInput.value);
const salary = parseInt(salaryInput.value);
const costNow = employees * salary;
const costAi = 15000 + Math.min(employees * 6000, 45000);
const savings = costNow - costAi;
// Вывод в интерфейс...
}04 / 05Шаг 4: Развертывание локально и в облако
AI помог нам развернуть локальный сервер разработки npm run dev для тестирования изменений в реальном времени. В качестве хостинга мы выбрали проверенный Timeweb, разместив статику на быстром облачном VPS в Москве. Это гарантирует время отклика менее 10 мс из любой точки центральной России.
05 / 05Итог эксперимента
Мы получили сайт, который:
- Загружается практически мгновенно (время отрисовки LCP < 0.8 секунд).
- Имеет 100/100 баллов в Google PageSpeed / Lighthouse.
- Полностью подготовлен к SEO-индексации (чистый HTML для роботов Яндекса).
- Обошелся нам в 0 рублей на оплату программистов и дизайнеров.
AI доказал, что может быть полноценным партнером в запуске технологических стартапов. Если вы хотите внедрить подобные технологии автоматизации в свой бизнес – свяжитесь с нами, форма внизу страницы к вашим услугам!
