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: дизайн-токены, компоненты, паттерны взаимодействия и принципы масштабирования интерфейсов.

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

Работал над перезапуском продукта
под кодовым названием Profi X —
новой версией маркетплейса,
полностью пересобранной с нуля
на React Native.

Отвечал за core-сценарии:
создание заказа, выбор специалиста,
коммуникацию и монетизацию.

Развивал дизайн-систему,
участвовал в продуктовых экспериментах,
A/B-тестах и развитии
дизайн-процессов.

Scaling the platform

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

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

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

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

Команда рискнула и полностью
пересобрала продукт с нуля,
чтобы создать более современный,
гибкий и цельный пользовательский опыт —
с новым ощущением качества,
прозрачности и доверия внутри сервиса.

.foundations

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

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

Typography & scale
Semantic colors
Spacing & grids

Typography & scale
Semantic colors
Spacing & grids
Typography & scale
Semantic colors
Spacing & grids

.component system

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

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

Reusable components
Design-to-dev workflow
Implementation QA

Marketplace core flows
Reusable patterns
Scalable interfaces
Reusable components
Design-to-dev workflow
Implementation QA

Storybook

.system scaling

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

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

~160% ROI

100% / ~80% adoption

Mobile → web evolution

A/B testing
Fake door experiments
Growth experimentation
~160% ROI

100% / ~80% adoption

Mobile → web evolution