Описание проекта
У компании несколько внутренних продуктов — админ-консоль, аналитическая панель и пара операционных инструментов, — и каждый рисовала своя команда в своё время. Итог предсказуем: кнопки ведут себя по-разному на каждом экране, отступы разъезжаются, один и тот же статус показывается тремя способами, а любая новая фича начинается со спора про цвета. Мы хотим перестать платить этот налог и собрать одну общую дизайн-систему с нормальным UI-китом, на который смогут опереться все эти продукты.
Это не перекраска. Нужна библиотека компонентов с настоящими состояниями — обычное, наведение, фокус, недоступно, загрузка, ошибка, пусто — плюс токены цвета, типографики, отступов и теней, которые переживут ребрендинг без правки каждого экрана. Компоненты стоит разложить так, чтобы разработчик быстро находил нужный, и к каждому приложить короткую памятку: когда его брать, а когда нет. Ждём доступную палитру с задокументированным контрастом, сетку, одинаково живую на широких мониторах и тесных ноутбуках, и шаблоны для повторяющихся раскладок, которыми реально пользуются операторы: таблицы с фильтрами, карточки записей, многошаговые формы.
Покажите, пожалуйста, системы, которые вы уже строили, как держите кит и код в синхроне и как передаёте работу, чтобы она не сгнила после запуска. В результате ждём:
— набор токенов и библиотеку компонентов со всеми интерактивными состояниями;
— документацию по применению, правилам «так» и «не так» и доступности;
— шаблоны самых частых экранов продуктов.
Это не перекраска. Нужна библиотека компонентов с настоящими состояниями — обычное, наведение, фокус, недоступно, загрузка, ошибка, пусто — плюс токены цвета, типографики, отступов и теней, которые переживут ребрендинг без правки каждого экрана. Компоненты стоит разложить так, чтобы разработчик быстро находил нужный, и к каждому приложить короткую памятку: когда его брать, а когда нет. Ждём доступную палитру с задокументированным контрастом, сетку, одинаково живую на широких мониторах и тесных ноутбуках, и шаблоны для повторяющихся раскладок, которыми реально пользуются операторы: таблицы с фильтрами, карточки записей, многошаговые формы.
Покажите, пожалуйста, системы, которые вы уже строили, как держите кит и код в синхроне и как передаёте работу, чтобы она не сгнила после запуска. В результате ждём:
— набор токенов и библиотеку компонентов со всеми интерактивными состояниями;
— документацию по применению, правилам «так» и «не так» и доступности;
— шаблоны самых частых экранов продуктов.
Дизайн и Мультимедиа Наличные, Банковский перевод
