Platform & design systems

Scaling a unified design foundation for a large-scale marketplace

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

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

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

Marketplace / Design System

Responsibilities

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

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

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

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

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

Scaling the platform

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

Дизайн-система стала единым интерфейсным стандартом для клиентского приложения и приложения специалистов.

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

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

Foundations

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

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

Typography & scale
Semantic colors
Spacing & grids

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

Component system

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

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

Reusable UI patterns

Adaptive component behavior

Specifications & documentation

Marketplace core flows
Reusable patterns
Scalable interfaces
Reusable UI patterns

Adaptive component behavior

Specifications & documentation

Storybook

System scaling

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

Позже мобильные решения стали основой для развития web-направления.

~160% ROI

100% / ~80% adoption

Mobile → web evolution

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

100% / ~80% adoption

Mobile → web evolution

skrivtsov.art@gmail.com

skrivtsov.art@gmail.com