Marketplace ecosystem

Scaling product development through a unified design system

Масштабируемая
дизайн-система

Система создавалась как общий интерфейсный стандарт для нескольких продуктовых команд и стала основой для развития и поддержки интерфейсов внутри мобильной и веб экосистем продукта.

100% client app adoption / ~80% specialist app adoption / ~160% ROI

Timeline

Profi.ru / 2022-2025

Role

Senior Product Designer

Platform

iOS / Android / React Native

Domain

Design System

Responsibilities

Отвечал за создание и развитие дизайн-системы для мобильной экосистемы Profi: дизайн-токены, компоненты, паттерны взаимодействия и принципы масштабирования интерфейсов.

Выстроил процесс совместной работы между дизайном и разработкой: спецификации компонентов, документацию, внедрение решений в продукт и контроль качества реализации.

Scaling the platform

До появления дизайн-системы команды использовали разные UI-решения, что приводило к расхождениям в интерфейсах и росту технического долга.

Дизайн-система стала единым стандартом внутри экосистемы Profi и основой для масштабирования продукта.

Позже мобильные компоненты и паттерны легли в основу веб-направления и единого cross-platform UX.

.foundations

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

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

Typography & scale
Semantic colors
Spacing & grids

.component system

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

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