Оптимизация процесса кастомизации клиентских приложений

Роль: Senior Product Designer

Интро

Кастомизация под бренд клиента занимала 30−45 дней: вручную правили сотни цветовых переменных, пересобирали пакеты иконок/шрифтов и отдельно сверяли iOS и Android. Я спроектировал целевой процесс и артефакты (единый ресурс-пак, авто-выгрузку из Figma, чек-листы), благодаря чему кастомизацию выполняем за несколько часов, релизы стали предсказуемыми, а команда берёт больше заказов без роста штата.

Ключевые метрики

Цикл кастомизации: с 30−45 дней сократился до часов (за счёт единого пакета и авто-выгрузки).
Time-to-Market кастомных релизов: ускорение на 25%.
Релизы «с первого раза»: рост на 20−35 п.п.
Правки после приёмки: снижение примерно на 30% благодаря унификации.

Контекст

Проекты white-label выполнялись «вручную»: много разнотипных правок, расхождения в рендере цветов на iOS/Android, передача ассетов частями. Из-за очереди и возвратов горели сроки, а нагрузка на дизайн и разработку росла.

Роль и зона влияния

Разобрал текущий процесс и точки потерь времени/качества.
Сократил и упорядочил палитру, обеспечив единое отображение на iOS и Android.
Собрал единый ресурс-пак (цвета, иконки, графика, шрифты) для быстрой передачи в разработку.
Совместно с разработчиками настроил авто-выгрузку из Figma в репозиторий, откуда сборки подхватывают изменения.
Обновил библиотеку компонентов, описал прозрачные критерии «готово» и правила приёмки.

Исследования и ключевые выводы

Основные потери времени — ручное правление палитры и пересборка пакетов.
Различия рендеринга на iOS/Android давали визуальные расхождения и возвраты.
Передача файлов «по частям» увеличивала вероятность ошибок.
Отсутствовали единые шаблоны и критерии готовности.

Решение

Унификация цветовой системы: около 300 переменных сведены к ~30 базовым токенам, синхронизированным между платформами.
Единый файл ресурсов: цвета, иконки, графика и шрифты хранятся вместе и готовы к использованию.
Автоматизация: скрипт выгружает значения из Figma в репозиторий; мобильные сборки автоматически подхватывают обновления.
Правила и проверки: краткий чек-лист качества, понятные статусы и визуальные эталоны «как должно быть».
Дизайн-система: добавлены повторно используемые карточки статусов, бейджи сумм/дат, модальные окна и графики.

Проверки и эксперименты

Контрольные сборки на iOS и Android с визуальными сравнениями «до/после».
Замер времени «бриф → релиз» и доли релизов без возвратов.
Проверка соответствия бренд-гайдам клиентов; упрощение спорных мест (контраст, тени, состояния).

Результаты

Релизы выходят быстрее и стабильнее: TTM улучшен на 25%, кастомизация одного клиента занимает часы вместо недель. Правок и возвратов меньше, команда выпускает больше релизов тем же составом, продажи называют предсказуемые сроки, поддержка дешевле за счёт единого UI-кита и стандартных правил.

Что дальше

Автогенерация бренд-превью до релиза, прозрачные логи авто-выгрузки и self-service-шаблон для менеджеров с чек-листом соответствия и «однокликовым» согласованием.