🏛️ Компания DLGroup — развивает продукты системы DLS, а также связанные с ними сервисы. В компании перезапущены процессы разработки, разработана дизайн-стратегия, существует необходимость во внедрении дизайн-системы. 🛠️ Ситуация В начале сотрудничества компания не использует системы дизайна, но начинает изучать подходы и вести работы по организации Ui-kit, начато использование автолейаутов, активно используются стили. Нет гайдов по визуальному языку, есть логотип, наработки по типографике, палитра фирменных цветов. 💡 Решение Разработать визуальный язык и систему продуктового дизайна. При разработке необходимо выстроить систему библиотек стилей и компонентов, зафиксировать принципы, которыми руководствуемся при разработке макетов, написать руководства по использованию библиотек и их содержимого, разработать шаблоны и праттерны, синхронизировать дизайнерские токены и компоненты с кодовой базой. В результате, под моим руководством и при непосредственном участии, была разработана система дизайна «Пиксель», которая включает в себя: — Гайдлайны и руководство по визуальному языку — Фреймворки — UI-киты, шаблоны — Наборы UX-паттернов — Библиотеки компонентов — Документацию, правила, рекомендации Все макеты системы выстроены в унифицированном формате, что упрощает навигацию в них. Содержимое дополнено комментариями, что упрощает его использование. Компоненты и паттерны подкреплены кодом с логикой, что очень сильно экономит время разработки.