Моя роль
Я присоединился к Домклик как лид-дизайнер дизайн-системы в команде из трёх дизайнеров, трёх разработчиков и одного тестировщика. Я выстраивал процессы продукта дизайн-системы, отвечал за архитектуру, нейминг, токены, гайдлайны и коммуникацию с 15+ продуктовыми командами.
Домклик — дочерняя компания Сбербанка, предоставляющая полный цикл услуг для поиска, покупки и сопровождения сделок с недвижимостью. Дизайн-система унифицирует интерфейсы для веб, webview и мобильных приложений (iOS, Android), поддерживая работу более 15 продуктовых команд и 40 дизайнеров.
Была проблема с доверием к команде ДС. Как выглядел процесс взаимодействия с ДС ранее: Дизайнер приходит в компанию. Ему сообщают о существовании дизайн-системы и о том что он обязан при проектировании новых интерфейсов использовать её компоненты . Что бы узнать какие в ней существуют, он шел в файл ДС и в ручную искал нужный ему компонент. Найдя его, он уходил в сторибук что бы понять на сколько этот компонент удовлетворяет его потребностям. Если компонент оказывался нефункциональным, это вызывало фрустрацию и большое количество негативного фидбека.
Это было пролечено полной пересборкой самого процесса взаимодействиея с ДС. Придя в компанию я сразу создал открытый канал в телеграме для анонсов всех изменений в дизайн-системе. Это моментально повысило прозрачность и вовлечённость дизайнеров. Ребята уже понимали кто ответственный за продукт. Далее я расскажу про путь, который полностью вылечил эти боли.
Я пришёл в проект на этапе внедрения в Figma Autolayout и Variants. Дизайн-система была неструктурированной: библиотеки хранились в одном файле, нейминг компонентов и их properties был хаотичным, токены отсутствовали, тени задавались на глаз, а гайдлайны и правила доступности не были прописаны. Моя задача — перестроить систему, внедрить стандарты и наладить процессы для масштабирования и взаимодействия.
Работа началась с аудита текущей дизайн-системы. В компании уже существовала команда ДС, с разработанными библитотеками в дизайне и коде. Я проанализировал библиотеки в Figma, оценил их структуру и собрал обратную связь от 40+ дизайнеров. Выяснилось, что дизайнеры часто детачили компоненты из-за нехватки нужных фич. На основе этой обратной связи я сформировал бэклог задач, приоритизировав устранение узких мест.