Распаковали позиционирование, нашли смысловое ядро через метафоры и архетип. Собрали строгую, математически выверенную систему: типографика, цвет, сетки. Визуальный язык соединяет консервативную структурность с прогрессивным движением - через золотое сечение, линзу и поток он создаёт среду, где мышление, фокус и действие работают как единый осмысленный механизм.
Эффект: новые носители собираются в 2–3 раза быстрее силами Middle/Junior, единый стандарт качества от слайда до SaaS-интерфейса.
У rocketmind тысячи слайдов в Google Slides для образовательных программ, которые должны быстро собираться в едином узнаваемом стиле. В ходе работы я разобрал все текущие материалы на десяток категорий, пререосмыслил структуру подачи и собрал библиотеку шаблонных слайдов на базе дизайн-системы. После 4–5 итераций арт-дирекшена процесс стал полностью автономным: дизайнер быстро готовит слайды в едином стиле, а клиент получает презентации в срок без своего участия.
Подключался к живым встречам с клиентами на стратсессию, чтобы изнутри понять, где возникают трения и что мешает фокусу. Вначале сделал компонент фрейма в фигме, в который можно вставить любой канвас. При изменении компонента все созданные фреймы с канвасами получают обновления, что оптимизирует бюджет при доработках. Далее собрал концепт модульной архитектуры: канвасы стыкуются в секции внутри miro, чтобы у каждого этапа работы стратсессии было своё поле под план работы, выводы, заметки и артефакты.
В результате: получили гибкую модульную систему, в которой каждый элемент помогает участникам процесса концентрироваться на важном благодаря чёткой структуре и порядку.
Архитектуру строили с нуля через AI-вайбкодинг — Tilda не давала маркетплейс с кастомными продуктами, медиа-раздел с богатым редактором и встроенного AI-агента.
На главной — эффект линзы искажения логотипа через WebGL-шейдер; для настройки собрал отдельный служебный интерфейс с ползунками. Маркетплейс продуктов — гибкий конструктор из предзаданных блоков плюс универсальный блок, с настройкой неразрывных пробелов в каждом абзаце.
Главная гордость — медиа-редактор уровня Notion с умной боковой панелью, привязанной к секции (h2 + контент). Панель просчитывает высоту контента и сама решает, как стыковать секции; цитата эксперта реагирует на баланс высот — остаётся в колонке или раскрывается на полную ширину. В футере живёт AI-агент, знающий всё об экосистеме Rocketmind.
Мультиагентный AI-сервис, который ведёт предпринимателя от идеи до питч-дека: валидация, бизнес-моделирование, MVP, подготовка к инвестициям. Принцип AI-first, human-validated — в ключевых точках подключается живой эксперт.
До интерфейса с Алексеем и Павлом написали PRD на 54 страницы: бизнес-логика, архитектура агентов, протоколы, API. Дальше разработка шла без остановок; последняя неделя ушла целиком на UX и мобильную версию.
«Когда у вас есть 54 страницы живого PRD, разработчик точно знает, что строить. Это изменило всю динамику.» — Павел Корольков, Tech Lead
Клиент попросил собрать диаграмму Ганта в Excel с планом на месяц. Таблицу я тоже решил завайбкодить и в промте пропустил слово «Excel» — и AI начал строить полноценное веб-приложение. Посмотрел на результат, немного допилил и оставил: инструмент стал частью рабочего фреймворка Rocketmind для ведения плана стратсессий с клиентами
Итог. За 4 месяца — путь от разрозненных инструментов к единой масштабируемой IT-экосистеме: дизайн-система от слайда до SaaS, автономный поток презентаций, интерактивные канвасы, кастомный маркетплейс с умным медиа-редактором и AI-агентом, MVP мультиагентного R-Акселератора и внутренний таск-трекер из случайного промпта.
Когда дизайн-система выстроена как живой инструмент, а AI используется под авторским надзором — возникает иная скорость создания IT-продуктов: без шва между дизайном и разработкой, с командой, которая растёт и автоматизируется по ходу работы.