Описание проекта
Интерфейс нашего сервиса собирали три года, и делали это разные люди — каждый со своими привычками. В итоге кнопка на странице оплаты выше кнопки в настройках, отступы везде подобраны на глаз, а серых цветов в макетах я насчитал шесть, и объяснить разницу между ними не может никто. Любой новый экран начинается со спора о том, как выглядит главная кнопка, и заканчивается ещё одним чуть-чуть другим полем ввода.
Я хочу закрыть этот вопрос один раз: заказать дизайн-систему в Figma, которая станет единственным источником правды для продукта. Мне нужна рабочая библиотека, а не красивая презентация: цветовые и размерные токены, типографика, сетка, компоненты со всеми состояниями — обычное, наведение, нажатие, отключено, ошибка, загрузка. Отдельное внимание формам и таблицам: именно там живёт основная работа пользователя и именно там сейчас больше всего разнобоя.
Светлая и тёмная темы должны собираться из одних и тех же токенов, чтобы смена темы была подменой значений, а не вторым комплектом макетов. К каждому компоненту — короткая страница документации: когда применять, когда не применять, какие есть варианты и как он ведёт себя на узком экране. Финальная проверка простая: разработчик берёт библиотеку и собирает экран, не задавая мне ни одного вопроса.
Что жду в работе:
— токены цвета, отступов, радиусов и типографики, светлая и тёмная темы из общего набора;
— библиотека компонентов, где у каждого интерактивного элемента есть все шесть состояний;
— формы и таблицы подробно: поля, валидация, сортировка, постраничный вывод, пустые состояния;
— правила отступов и сетка, по которым экран собирается без импровизации;
— страница документации к каждому компоненту, написанная для разработчика, а не для портфолио;
— шаблоны типовых экранов: список, карточка записи, настройки, пошаговая форма, ошибка и пустой экран;
— контраст текста и элементов проверяется по общепринятым нормам доступности, а не на глаз;
— шрифты берутся с лицензией на веб-использование;
— библиотека передаётся с правами на файл и не привязана к аккаунту исполнителя.
Срок рассчитываю на две недели, работу готов разбить на этапы с приёмкой после каждого.
Я хочу закрыть этот вопрос один раз: заказать дизайн-систему в Figma, которая станет единственным источником правды для продукта. Мне нужна рабочая библиотека, а не красивая презентация: цветовые и размерные токены, типографика, сетка, компоненты со всеми состояниями — обычное, наведение, нажатие, отключено, ошибка, загрузка. Отдельное внимание формам и таблицам: именно там живёт основная работа пользователя и именно там сейчас больше всего разнобоя.
Светлая и тёмная темы должны собираться из одних и тех же токенов, чтобы смена темы была подменой значений, а не вторым комплектом макетов. К каждому компоненту — короткая страница документации: когда применять, когда не применять, какие есть варианты и как он ведёт себя на узком экране. Финальная проверка простая: разработчик берёт библиотеку и собирает экран, не задавая мне ни одного вопроса.
Что жду в работе:
— токены цвета, отступов, радиусов и типографики, светлая и тёмная темы из общего набора;
— библиотека компонентов, где у каждого интерактивного элемента есть все шесть состояний;
— формы и таблицы подробно: поля, валидация, сортировка, постраничный вывод, пустые состояния;
— правила отступов и сетка, по которым экран собирается без импровизации;
— страница документации к каждому компоненту, написанная для разработчика, а не для портфолио;
— шаблоны типовых экранов: список, карточка записи, настройки, пошаговая форма, ошибка и пустой экран;
— контраст текста и элементов проверяется по общепринятым нормам доступности, а не на глаз;
— шрифты берутся с лицензией на веб-использование;
— библиотека передаётся с правами на файл и не привязана к аккаунту исполнителя.
Срок рассчитываю на две недели, работу готов разбить на этапы с приёмкой после каждого.
Дизайн и Мультимедиа Наличные, Банковский перевод
