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