Как Qtim пересобрал сайт за две недели с помощью агентов Claude: разбор подхода CEO Антона Фокина

TopG 27 октября 2026 4 минуты

Сайт qtim.pro накапливал проблемы годами: по мере добавления услуг, проектов, видео и страниц интерфейс становился пестрее, ролики переставали загружаться, баги размножались, а посетителю было всё сложнее понять, чем именно занимается компания. CEO Qtim Антон Фокин принял решение не патчить старое решение, а полностью пересобрать ресурс — пересмотреть содержание, упростить визуальный язык и убрать всё лишнее. На работу ушло две недели.

Почему потребовалась полная пересборка

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

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

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

Методика отбора контента: оценка каждого блока по пользе для посетителя

Работа над содержанием шла по принципу: каждый блок должен объяснять, чем занимается Qtim, и иметь обоснованное место на странице. Критерии отбора:

Что блок сообщает о компании и её проектах.
Зачем он нужен именно на этом экране.
Не дублирует ли он смысл соседних элементов.

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

Работа с референсами: от российских сайтов до «Железного человека 2»

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

Неожиданным референсом для переходных анимаций стала сцена из фильма «Железный человек 2», где Тони Старк синтезирует новый элемент. Визуальный язык частиц и глобуса из этой сцены стал основой для анимации переходов между экранами нового сайта. Эффекты связывают страницы в единую пространственную метафору, не перегружая интерфейс.

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

Плагин для Claude: организация работы агентов с ролями архитекторов, разработчиков, тестировщиков и аудиторов

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

Как работает плагин

При запуске плагин определяет технологический стек проекта и подбирает состав агентов под конкретную задачу. В команду могут входить:

архитектор;
разработчики интерфейса и базы данных;
тестировщик;
ревьюер;
продуктовый агент;
DevOps;
аудитор (безопасность, качество, производительность).

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

Отдельный процесс для продуктовых задач

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

Над qtim.pro работали множество агентов с разными ролями — например, агент-разработчик и агент-тестировщик. CEO формулировал задачу экрана, сравнивал результат с референсами, принимал решение о доработке. После проверки версия либо принималась, либо возвращалась агентам с замечаниями.

Распределение ответственности: продуктовые решения — у CEO, код и тесты — у агентов

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

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

Технический стек (Nuxt + Strapi) и временные затраты — две недели

Сайт сохранил прежний стек: Nuxt на фронтенде и Strapi для управления контентом. Отказ от миграции стека позволил сфокусировать ресурсы на интерфейсе, информационной архитектуре и переходах между экранами.

Полный цикл — от решения о пересборке до запуска — занял 14 дней. Фокин отмечает: сроки других редизайнов будут зависеть от объёма изменений и состояния исходного проекта. Для себя он зафиксировал рабочую модель: агентам — код и тесты, человеку — требования и приёмка результата.

Итоги: убрана перегруженность, компания представлена яснее

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

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

Поиск