К содержимому
BRIQS

Дизайн

Создайте дизайн-систему. Собирайте на ней свой продукт.

Развивайте стиль продукта вместе с нашей командой: шрифты, цвета, правила и общие компоненты. Сравнивайте варианты на работающем экране, разбирайтесь в решениях и собирайте на этой основе следующие страницы.

Заказать разработку ↗

Как устроена работа

Решения, которые можно использовать снова.

Дизайн-система связывает внешний вид продукта с тем, как устроены его экраны. Поможем выбрать общий подход, разработать компоненты и проверить их вместе. Это опора для дизайнера, который развивает продукт, и понятный способ учиться для того, кто создаёт свой первый интерфейс.

Что даёт этот подход

Используйте правила дизайна, компоненты и работающие примеры в следующих экранах. Разбирайтесь в решениях и развивайте продукт на общей основе.

  1. Собрать разрозненные экраны

    Если кнопки, поля и отступы отличаются от страницы к странице, разберём повторяющиеся решения. Выберем общие правила и подготовим компоненты, на которые сможет опираться команда.

  2. Создать первый интерфейс

    Начинающему поможем разобраться в структуре страницы, размерах текста и роли элементов. На его проекте покажем, как собрать экран из компонентов и проверить понятность основного действия.

  3. Развивать библиотеку вместе с продуктом

    Новый экран может потребовать фильтр, карточку или дополнительное состояние. Разработаем нужное дополнение в общем стиле и проверим, как оно работает рядом с существующими компонентами.

Канбан задач BRIQS с колонками статусов

Что это даёт

  1. Сформировать общий визуальный язык

    Подберём шрифты, цвета, отступы и иерархию текста под характер продукта. Зафиксируем правила, по которым разные экраны складываются в цельный интерфейс.

  2. Переиспользовать решения

    Разработаем кнопки, поля, карточки и другие нужные элементы вместе с их состояниями. Из этой библиотеки можно будет собирать следующие экраны и развивать общие компоненты.

  3. Разбираться на своём примере

    Объясним, почему выбраны размер текста, контраст и расположение элементов. В предпросмотре можно будет сравнить варианты и увидеть, как решение влияет на использование страницы.

Дизайн-системы и компоненты разрабатываем под задачу проекта. В чате обсудим замысел и состав работы; создание и проверку системы организуем вместе с вами в рамках услуги.

Один процесс для начала

От задачи — к первому результату

«Хочу единый стиль для своего сервиса и компоненты, из которых смогу собирать новые страницы».

  1. Выбрать характер и первый экран

    Обсудим аудиторию, примеры, которые вам близки, и действие пользователя. Выберем экран, на котором можно проверить основные решения системы.

  2. Разработать правила и компоненты

    Соберём типографику, палитру и нужные элементы интерфейса. Продуманные состояния поля, кнопки и карточки станут частью общей библиотеки.

  3. Проверить систему на живой странице

    Покажем страницу в предпросмотре, проверим разные размеры экрана и действия пользователя. По обратной связи уточним компоненты и подготовим примеры для дальнейшей работы.

Собирайте следующие экраны из общей библиотеки компонентов. Опирайтесь на согласованные правила и работающие примеры.

От первой мысли

Расскажите, что хотите создать

Обсуждайте замысел с BRIQS, уточняйте детали и ищите, с чего начать. Говорите своими словами.

Возможности продукта

Возможности BRIQS

ДоступноСформулировать идею
Обсуждайте замысел с BRIQS. Уточняйте детали, собирайте важное и находите, с чего начать.
ДоступноДержать работу перед глазами
Создавайте задачи, задавайте сроки и приоритеты, назначайте исполнителей. Переключайтесь между списком и доской; поиск и фильтры помогают выбрать нужное.
ДоступноВидеть, что и когда предстоит
Планируйте день, неделю и месяц. Открывайте задачи прямо из календаря — сроки и подробности остаются в общей карточке.

Вопросы о начале работы

Что войдёт в первую версию дизайн-системы?

Состав выберем по вашему продукту: типографика, палитра, отступы, основные компоненты и их состояния. Добавим пример экрана и правила применения, чтобы система помогала собирать следующие страницы.

Кому подойдёт такая работа?

Дизайнеру, которому нужна общая основа для продукта; команде, которая хочет переиспользовать интерфейсные решения; начинающему, который создаёт свой первый сервис. Глубину системы и объяснений подберём под ваш опыт и задачу.

Обсудим вашу задачу.

Опишите, что нужно разработать. Разберём задачу, предложим решение и назовём сроки и стоимость. Заявка ни к чему не обязывает.

Заказать разработку ↗Получить приглашение