Транзакционные сценарии
Автоматизация пайплайна и проектирование e2e-сценариев обмена валют
Кратко
В b2b/b2c финтех-экосистеме (45k MAU, 2 команды по 100 человек) накапливался технический долг из-за рассинхрона макетов и кода
Аналитика легаси-флоу показывала отток пользователей на этапах валидации обмена
Спроектировать единую кроссплатформенную дизайн-систему под React/React Native и оптимизировать e2e-флоу криптокошелька
Внедрил 3-уровневую токенизацию на Figma Variables
Выстроил детерминированный CI/CD пайплайн (Figma MCP + Claude Code IDE) для трансляции JSON-токенов в репозиторий
На базе конкурентного анализа пересобрал флоу транзакций
TTM новых фич сокращен в 1.4 раза
Устранена зависимость от ручного переноса стилей
Оптимизация шагов валидации увеличила конверсию в успешную транзакцию на 12%
Контекст
В условиях параллельной работы кросс-функциональных команд развитие финтеха упиралось в передачу дизайна в разработку
Визуальные баги, ручной парсинг JSON-токенов и отсутствие единого источника правды замедляли релизы
Дополнительно требовалось оптимизировать метрики воронки конвертации старого процесса и спроектировать новые способы оплаты
Процесс
Фокус был на устранении разрыва между дизайном и кодом
Построив CI/CD пайплайн, мы обеспечили строгую трансляцию токенов дизайн-системы в свойства React-компонентов, учитывая вложенность и логику slot/children
Архитектура и DesignOps
Спроектировал дизайн-систему с трехуровневой токенизацией
Протокол Figma MCP отсекает визуальный мусор из сырого JSON, а настроенный скрипт автоматически пушит обновленные токены в отдельную ветку репозитория через Pull Request
E2E-сценарии и Fallbacks
Провел конкурентный анализ Web3-кошельков
Спроектировал краевые случаи (отказ RPC-узла, нехватка газа для оплаты, проскальзывание курса) и fallback-сценарии (повторная маршрутизация, предложение ручной комиссии), задокументировав их для фронтенд-команды
Результаты
Автоматизация и TTM
Команда полностью избавилась от зависимости от Tokens Studio и ручного переноса стилей.
Сокращение Time-to-Market в 1.4 раза за счет 100% совместимости UI-компонентов с кодовой базой.
Рост продуктовых метрик
Оптимизация шагов валидации увеличила конверсию в оплату на 12%.
Внедрено продвинутое прототипирование на актуальной компонентной базе для быстрых тестов гипотез.
