[Страница на сайте](https://e5ash.com/services/ui)

Аналитика и дизайн

# UI-дизайн цифрового продукта

Оформляем интерфейсы сайтов, личных кабинетов и рабочих систем. Выбираем визуальное направление, прорабатываем согласованные экраны и их состояния на разных размерах. Передаём компоненты и макеты команде разработки.

 [Обсудить дизайн интерфейса](https://e5ash.com/contacts?service=ui)

Срок первой версии

 **от 5 дней**

Состав, точный срок и стоимость согласуем до начала работ.

01 / Результат

## Что входит в UI-дизайн

-    **Визуальное направление**

    Согласуем оформление с учётом задачи продукта и существующих материалов.

-    **Набор экранов**

    Разрабатываем макеты экранов, включённых в выбранный этап.

-    **Адаптивные состояния**

    Определяем поведение интерфейса на согласованных размерах.

-    **Компоненты и макеты**

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


02 / Границы задачи

## За рамками базового состава

-   Логотип и фирменный стиль компании
-   Программирование интерфейса

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

## Для каких интерфейсов нужен UI-дизайн

UI-дизайн помогает оформить новый продукт или обновить действующие экраны. Начинаем с назначения интерфейса: что человек читает, выбирает или вводит. Визуальные решения связываем с этими действиями.

Если путь пользователя пока неизвестен, сначала обсуждаем  [UX и прототип](https://e5ash.com/services/ux/index.md) . Оформление не заменяет проверку сценария. Логотип и фирменный стиль компании в дизайн цифрового продукта не входят.

## Как выбираем визуальное направление

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

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

## Что прорабатываем в экранах и состояниях

Для согласованного экрана определяем состав информации и визуальные состояния нужных элементов. Обсуждаем выбранные ошибки, загрузку, пустой результат и успешное действие. Объём состояний фиксируем вместе со списком экранов.

Адаптивность описываем для согласованных размеров. Уточняем перенос текста, перестроение блоков и доступность основных действий. Дополнительные платформы и сценарии не считаем автоматически включёнными.

## Как передаём компоненты разработчикам

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

Если нескольким продуктам нужны общие токены, документация и устойчивые правила обновления, рассматриваем  [дизайн-систему](https://e5ash.com/services/design-system/index.md) . Набор компонентов для макетов не означает готовую программную библиотеку всех элементов.

## Оценка и приёмка дизайна

Ориентир — от пяти дней для согласованного объёма. На срок влияют количество экранов, состояния, размеры и готовность исходных материалов. До старта определяем участников и порядок согласования.

Проверяем комплектность макетов и соответствие выбранному направлению. Удобство действующего интерфейса можно дополнительно проверить через  [юзабилити и доступность](https://e5ash.com/services/usability/index.md) . Дизайн сам по себе не гарантирует определённый рост продаж.

## Вопросы перед началом

Логотип входит в дизайн продукта?

Нет, логотип и фирменный стиль компании в состав не входят. Используем предоставленные материалы и согласуем направление интерфейса.

Вы сверстаете готовые макеты?

Программирование интерфейса оцениваем отдельно. Этот этап заканчивается передачей согласованных макетов и компонентов.

Сколько экранов будет готово?

Количество экранов, состояний и адаптивных размеров фиксируем до оценки. Услуга не предполагает все экраны без ограничения.

Следующий шаг

## Согласуем набор экранов для дизайна

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

 [Обсудить дизайн интерфейса](https://e5ash.com/contacts?service=ui)  [Как идёт работа](https://e5ash.com/work/index.md)

По вашей задаче

## Может пригодиться

 [UX и прототип интерфейса от 3 дней](https://e5ash.com/services/ux/index.md)  [Дизайн-система по этапам](https://e5ash.com/services/design-system/index.md)  [Юзабилити и доступность после разбора](https://e5ash.com/services/usability/index.md)