Перейти к основному содержимому

Разработка дизайн-системы

В рамках улучшения общего пользовательского опыта я участвовала в разработке комплексной дизайн-системы Selectel. Цель — унифицировать подход к дизайну во всех цифровых продуктах и повысить эффективность разработки.

Я работала в горизонтальной дизайн-команде, где мы вместе прорабатывали паттерны, правила именования и стандарты поведения. Такой единый подход помог создать систему, отвечающую реальным потребностям всех продуктов.

Моя роль в дизайн-системе

Я участвовала в проработке базовой структуры и создала ключевые компоненты — Skeleton и Stepper — с понятной документацией и правилами поведения. Также вела улучшения навигационной системы, которые затронули все продукты.

Компонент Stepper

Состояния StepperВзаимодействия Stepper
Обзор Stepper

Компонент Skeleton

Структура дизайн-системыАрхитектура компонентов
Связи компонентов

Навигационная система

Обзор навигацииПаттерны навигации
Компоненты навигацииРеализация навигации

Результаты

Обращения в поддержку упали с 40% до 10%

Явный признак, что новым интерфейсом стало проще пользоваться

Единая дизайн-система

Собрали полную библиотеку компонентов с токенами и документацией

Выше эффективность

Быстрее циклы разработки и лучше процесс «дизайн → разработка»