Перейти к содержимому

Разработка

UX/UI-дизайн

Прототип в Figma, состояния экранов и дизайн-система — до того, как начнётся разработка. Если макет уже есть, работа начинается прямо с него.

Получить оценкуКак устроена работа
Ответ на заявку
в течение 24 часов
Первый звонок
30 минут, без обязательств
Первая рабочая версия
через 2 недели

Процесс

Что происходит и когда

Работа разбита на этапы, у каждого назван результат. Вы видите его сами, а не узнаёте о нём из отчёта.

  1. Дни 1–3

    Разговор и список экранов

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

    На выходе — Список экранов и человек, утверждающий макеты

  2. Дни 4–10

    Серые экраны

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

    На выходе — Структура экранов с настоящими текстами

  3. Пока идёт разработка

    Сопровождение сборки

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

    На выходе — Ответы по ходу и сверенные с макетом экраны

  4. Перед приёмкой

    Проход на настоящих данных

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

    На выходе — Находки на длинных текстах и пустых состояниях

  5. После запуска

    Ведение дизайн-системы

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

    На выходе — Компоненты и правила применения

Что входит в работу

  • Разбор задачи

    кто пользователь, что он приходит сделать, чем пользуется сейчас

  • Структура

    карта экранов, сценарии, состояния — пустое, загрузка, ошибка, предел

  • Прототип в Figma

    кликабельный, по нему видно поведение, а не только вид

  • Визуальный слой

    типографическая шкала, палитра, сетка, состояния наведения и фокуса

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

    компоненты с вариантами и правилами применения, чтобы новый экран собирался, а не рисовался заново

  • Передача в разработку

    макеты с размерами и токенами, ассеты, ответы на вопросы по ходу сборки

Что нужно от вас

  • Что за продукт и кому он нужен, хотя бы коротко и своими словами
  • Доступ к текущей версии или к продуктам, на которые вы ориентируетесь
  • Кто принимает решение по макетам и в какой срок

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

Что обычно спрашивают

Другие направления

Все направления

Контакты

Пришлите описание задачи

Ответ с объёмом работ, сроками и оценкой бюджета придёт в течение 24 часов.

Получить оценку

Первый звонок — 30 минут, без обязательств с вашей стороны.

  1. 01

    Вы описываете задачу

    Пять вопросов в форме или письмо в свободной форме — как удобнее.

  2. 02

    Мы отвечаем за сутки

    С объёмом работ, сроками и оценкой бюджета — по тому, что вы рассказали.

  3. 03

    Созваниваемся на 30 минут

    Уточняем непонятное. Ни к чему вас не обязывает.