UI/UX-дизайн

Проектируем интерфейс от задачи пользователя: найти услугу, выбрать товар, оформить обращение или выполнить действие в кабинете. Сначала связываем экраны в прототип, затем оформляем макеты, мобильные состояния и компоненты для разработки. Примеры подхода — каталог и форма АНТА, витрина Get Beauty и связанный процесс встреч в материалах Meetki.

Кому подойдёт и какие задачи решаем

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

Путь от услуги к обращению

Связываем навигацию, описание работ и форму. В АНТА можно изучить многоуровневый каталог и обращение с контекстом проекта.

Выбор продукции

Прорабатываем визуальную подачу, поиск и переход к покупке. Get Beauty показывает витрину бренда и выход на Wildberries, без утверждения о встроенной оплате.

Рабочий процесс платформы

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

Компоненты и состояния

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

Что делаем и что вы получаете

  • Карта одного согласованного пользовательского сценария и его экранов
  • Связанный прототип с переходами и ключевыми действиями
  • Макеты согласованного визуального направления и мобильная адаптация
  • Компоненты и необходимые состояния: загрузка, отсутствие данных, ошибка и завершение действия
  • Редактируемые материалы и пояснения для разработки; проверка реализации — если включена в задание

Как строится работа

  1. 01

    Разбор сценария

    Выясняем, что пользователь должен сделать и какие данные ему нужны. Фиксируем аудиторию, ограничения и состав ключевых экранов.

  2. 02

    Прототип

    Соединяем экраны и проверяем последовательность действий до детального оформления. Согласуем названия, навигацию и поведение формы.

  3. 03

    Визуальная система

    Оформляем выбранное направление, мобильную версию и необходимые состояния. Определяем повторяемые компоненты.

  4. 04

    Передача

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

Стоимость и сроки

Стартовая стоимость проекта

Бюджет
от 150 000 ₽
Срок реализации
4–8 недель

Что входит в стартовый объём

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

Оцениваем отдельно

Программирование, брендинг с нуля, масштабные исследования с рекрутингом участников, иллюстрации и 3D, платные шрифты и стоковые материалы.

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

Цена «от» относится к описанному стартовому объёму. Итоговая стоимость зависит от задачи: после обсуждения согласуем состав работ, смету и календарный план. Срок зависит от готовности материалов, доступов и согласования этапов.

Стоимость зависит от числа сценариев и состояний, готовности содержания, мобильной адаптации и глубины системы компонентов. До начала фиксируем состав экранов и способ передачи. Исследования с привлечением участников, новый брендинг, программирование, иллюстрации и 3D оцениваются отдельно.

Что подготовить для расчёта

  • Аудитория, основная задача пользователя и действие, которым завершается сценарий
  • Существующий интерфейс или схема процесса, примеры содержания и известные проблемы
  • Фирменные материалы, предпочтения и ограничения стека разработки
  • Список платформ, ключевых экранов и подтверждённые данные исследований, если они есть

Проекты по направлению

Все связанные проекты из нашего портфолио.

Платформа встреч и договорённостей

Meetki

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

Задача и решениеОткрыть проект

Сайт и система заявок

АНТА

Разработали сайт для компании АНТА: каталог услуг с внутренними страницами, портфолио, формы обращения и кабинет для обработки заявок. Сайт объединяет представление бизнеса и работу с входящими запросами.

Задача и решениеОткрыть проект

Торгово-социальная платформа

MYRU

Торгово-социальная платформа, объединяющая товары и услуги, ленту, профили, чаты, эфиры и клубы.

Задача и решениеОткрыть проект
Всё портфолио

Перед началом проекта

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

Сколько стоит дизайн и что входит в первую версию?

Ориентиры — от 150 000 ₽ и 4–8 недель: один пользовательский сценарий, прототип и до 5 ключевых экранов с мобильной адаптацией на основе согласованного визуального направления. Это макеты для разработки; программирование и брендинг с нуля не включены.

Какие проекты показывают работу с разными интерфейсами?

АНТА — каталог услуг и форма обращения; Get Beauty — товарная витрина и поиск; Meetki — представление связанного рабочего процесса в кейсе и презентации. По ним можно оценить структуру и визуальный подход. Рост конверсии без аналитики этими примерами не доказывается.

Как понять, что дизайн готов к передаче?

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

Нужно ли исследование пользователей?

Зависит от задачи и имеющихся данных. Можно начать с разбора действующего процесса, обращений и известных ошибок. Интервью и проверка прототипа с привлечёнными участниками требуют отдельного плана; обычное согласование макетов не выдаём за такое исследование.

Можно ли изменить только один неудобный сценарий?

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

Кто проверяет соответствие готового сайта макетам?

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

Какие материалы нужно предоставить?

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

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

Расскажите о продукте и ожидаемом результате. Определим состав работ, предложим подход и согласуем сроки и стоимость.

Обсудить проект