Как мы переработали дизайн-систему для компании с 40+ продуктами или уроки, которые я бы хотела усвоить раньше
Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер в Selectel. В тексте расскажу, как в 2022 году мы обновили дизайн-систему. Это был сложный и интересный путь, в котором нужно было наладить коммуникацию в командах, обновить фреймворк и выровнять UX в сложных технических продуктах.
Ксения, спасибо за статью! Жизненно и полезно. Есть вопросы:
1. Почему всё-таки не взяли сторонний кит "из коробочки"? Хотя бы как основу. Хотели, пробовали вообще?
2. Кто отвечал за базовые принципы, типа палитры, скруглений, ховеров и пр.? Как вы с этим работали, закладывалась ли какая-то общая философия?
Отличные вопросы! Сейчас постараюсь ответить:
1. Мы как раз взяли стороннюю дизайн-систему Ant Design как основу. Такое решение нас сильно забустило на старте, так как Ant Design закрывал 90% наших потребностей в плане функционала, оставалось только изменить стили. В статье хотелось сделать акцент на коммуникацию и межкомандное взаимодействие, поэтому эту часть пропустила, она достойна отдельной статьи мне кажется.
2. На старте работ у нас уже был редизайн сайта selectel.ru, который нам помогла сделать студия на аутсорсе. Скругления, ховеры, тени и прочее мы взяли оттуда и дальше адаптировали стили под панель управления my.selectel.ru. Фирменные цвета также предоставила студия, а служебные взяли из библиотеки Ant Design.