УслугиUX/UI-дизайн

UX/UI-дизайн

2 варианта · ежемесячная оплата за каждый месяц работы

Только дизайн для продукта с уже определённым объёмом работ: сценарии, экраны, состояния, дизайн-система и передача материалов разработчикам. Экраны мобильных приложений тоже входят в эту работу.

Сценарии, экраны и состояния.
Готово для ваших разработчиков.

Только дизайн для продукта с уже определённым объёмом работ. Мы прорабатываем пользовательские сценарии, проектируем экраны с учётом их состояний и передаём дизайн-систему, на основе которой разработчики смогут приступить к работе. Экраны мобильных приложений тоже входят в эту работу.

Обсудить интерфейс Сравнить варианты

Продукт определён.
Теперь ему нужны экраны.

Задача, аудитория и объём работ известны. Теперь продукту нужен цельный интерфейс: понятные сценарии, экраны для реальных устройств и состояния, охватывающие реальные ситуации.

Мы проектируем интерфейс вашего продукта и передаём результат команде. Разработка в эту услугу не входит; файлы подготовлены так, чтобы разработчики могли сразу использовать их в работе.

Если продукт ещё формируется, ознакомьтесь с услугой Продуктовый дизайн.

Что входит в
ваш дизайн.

От пользовательских сценариев до передачи материалов — всё, что нужно разработчикам для создания интерфейса.

Пользовательские сценарии

Пути, по которым люди проходят через продукт: с чего начинается взаимодействие, что происходит на каждом шаге и чем оно заканчивается. Мы описываем основные сценарии и важные ответвления.

Результат: сценарии согласованы до начала работы над экранами.

Экраны

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

Результат: экраны для согласованных сценариев.

Состояния

Пустое состояние, загрузка, ошибка и успех, а также момент перед подтверждением действия. В SKARR.PRO пользовательские взаимодействия и переходы прорабатываются подробно.

Результат: состояния, охватывающие реальные ситуации.

Дизайн-система

Компоненты, типографика, цвета и поведение элементов, объединённые в единую систему для всего продукта. SKARR охватывает согласованные экраны; SKARR.PRO расширяет систему для будущих функций.

Результат: система, которую ваша команда сможет развивать.

Передача материалов

Файлы Figma структурированы для разработки и включают компоненты, спецификации и примечания. В SKARR.PRO мы помогаем вашим разработчикам в процессе работы.

Результат: материалы, с которыми разработчики смогут работать.

Экраны
в контексте.

Интерфейс работает, когда каждый экран и состояние являются частью единой системы.

Банковское приложение на телефоне: экран подписок с аналитикой расходов

Banking App.
От обзора к решению.

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

Наш собственный продукт в разработке. Попробуйте интерактивную демоверсию, чтобы посмотреть, как работают экраны.

Попробовать демоверсию

Файлы Figma, на основе которых ваши разработчики
смогут приступить к работе.

Вы получите согласованные сценарии, экраны и состояния в структурированных файлах Figma, а также дизайн-систему с компонентами, типографикой и поведением элементов.

Разработка в эту услугу не входит. Изменения после передачи материалов — отдельная работа; SKARR.PRO включает поддержку ваших разработчиков в течение согласованного периода передачи.

От сценариев
до передачи материалов.

Вы предоставляете продукт и определяете объём работ. Мы вместе с вами проектируем интерфейс и готовим его для разработчиков.

Определяем объём работ

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

Прорабатываем сценарии

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

Проектируем экраны и состояния

Экраны, состояния и компоненты создаются в Figma. Мы вместе рассматриваем ключевые сценарии и уточняем детали. В SKARR.PRO прорабатываем альтернативы, если решение ещё не принято.

Передаём материалы

Файлы структурируются для разработки и дополняются спецификациями и примечаниями. В SKARR.PRO мы остаёмся на связи с вашими разработчиками в течение согласованного периода передачи.

Выберите уровень
для вашего интерфейса.

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

UX/UI-дизайн: 2 варианта с точными ценами
Параметр	SKARR Индивидуальный дизайн экранов. Собственный визуальный язык. $5,000 / месяц за месяц работы Купить SKARR Безопасная оплата через Stripe	SKARR.PRO Более глубокая и детальная проработка всего опыта взаимодействия, в каждой точке контакта. $6,990 / месяц за месяц работы Купить SKARR.PRO Безопасная оплата через Stripe
Дизайн
Отправная точка	Отправная точка Продукт с уже определёнными задачей, аудиторией и объёмом работ.	Отправная точка То же самое, с проработкой открытых дизайнерских решений в нескольких вариантах.
Сценарии и экраны	Сценарии и экраны Пользовательские сценарии и экраны для согласованных сценариев и платформ.	Сценарии и экраны Пользовательские сценарии и экраны; открытые решения прорабатываются в нескольких вариантах.
Состояния и взаимодействия	Состояния и взаимодействия Пустое состояние, загрузка, ошибка и успех для согласованных экранов.	Состояния и взаимодействия Те же состояния, с подробной проработкой индивидуальных взаимодействий и переходов.
Дизайн-система
Компоненты	Компоненты Компоненты, типографика, цвета и поведение элементов для согласованных экранов.	Компоненты Расширенная система, подготовленная для будущих экранов и функций.
Платформы	Платформы Сайт, мобильное приложение или оба варианта — по согласованию для проекта.	Платформы Сайт, мобильное приложение или оба варианта, с более глубокой адаптацией для разных размеров экранов и платформ.
Передача материалов
Ежемесячная работа	Ежемесячная работа Дизайн-работы в течение месяца. Объём и ожидаемые результаты согласуются до начала работы.	Ежемесячная работа Дизайн-работы в течение месяца с выбранной глубиной проработки. Объём и ожидаемые результаты согласуются до начала работы.
Что вы получите	Что вы получите Структурированные файлы Figma: сценарии, экраны, состояния и дизайн-система.	Что вы получите То же самое, с проработанными альтернативами и расширенной системой.
Поддержка разработчиков	Поддержка разработчиков Примечания для передачи материалов и ответы на вопросы при передаче.	Поддержка разработчиков Поддержка ваших разработчиков в течение согласованного периода передачи.

До
начала работы.

Вы также разрабатываете интерфейс?

Нет. UX/UI-дизайн включает проектирование и передачу материалов. Разработка спроектированного интерфейса — отдельная услуга: фронтенд-разработка для сайтов и веб-интерфейсов, разработка приложений — для приложений.

Вы можете спроектировать экраны мобильного приложения?

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

Что нам нужно предоставить?

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

Что если продукт ещё не определён?

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

Что происходит после передачи материалов?

Ваши разработчики создают интерфейс на основе файлов. В SKARR.PRO предусмотрены ответы на вопросы в течение согласованного периода передачи. Дополнительные экраны согласуются как новая работа.

Остались вопросы?

Обсудить интерфейс

UX/UI-дизайн

Сценарии, экраны и состояния.
Готово для ваших разработчиков.

Продукт определён.
Теперь ему нужны экраны.