SaaS-дашборды
Плотные данные, ясная иерархия, быстрое чтение.
Что входит в работу
-
Исследование и сценарии
Пользователи, задачи и короткий путь к результату.
-
Информационная архитектура
Экраны, навигация и структура контента.
-
Прототипы
Кликабельные сценарии до визуального дизайна.
-
UI-система и передача
Компоненты, состояния и спецификации для разработки.
Что мы делаем
E-commerce
Карточка товара и оформление, которые продают.
Дизайн-системы
Переиспользуемые компоненты и описанные правила.
Что входит
Объём согласуем письменно до старта.
Объём работ
- Аудит UX и исследование
- Сценарии и вайрфреймы
- UI-кит и компоненты
- Интерактивный прототип
- Передача макетов и ревью
Что вы получаете
- Цельный интерфейс
- Доступные цвет и типографика
- Библиотека компонентов
- Меньше правок после вёрстки
Как идёт работа
Четыре этапа, у каждого письменный результат.
-
Аудит и объём
Изучаем текущее состояние и согласуем результат.
-
Архитектура и план
Выбираем стек и описываем архитектуру.
-
Разработка итерациями
Прогресс виден в итерациях, а не в конце.
-
Запуск и гарантия 30 дней
Передаём код, документацию и гарантию.
Где это нужно
Большинство проблем интерфейса не визуальные. Пользователь не находит следующий шаг, форма дважды спрашивает одно и то же, одно действие называется тремя разными словами. Исследование и сценарии исправляют это до отрисовки экранов и стоят дешевле переделки после запуска.
Дизайн-система окупается, когда продукт растёт. Описываем компоненты, состояния, отступы и типографику, чтобы новые экраны выглядели родными, а разработка не угадывала. Доступность - часть той же работы: контраст, фокус и подписи, которые читает скринридер.
Какие риски убираем
Правки дизайна на поздней разработке дороги, потому что у каждого экрана есть три состояния: пусто, загрузка и ошибка. UI-кит с описанными состояниями снимает спешные решения во время вёрстки. С мобильными то же: зоны нажатия, поведение клавиатуры и длинные переводы - часть макета, а не финальная полировка.
Проектируем и для того, кто будет продукт поддерживать. Названия компонентов, правила отступов и контентные паттерны записаны, чтобы следующая функция не начиналась с чистого листа.
Сроки и бюджет
Обычно 2–6 недель. Пакет дизайна - от 1 500 $, почасовая работа - от 35 $.
Вопросы и ответы
Что спрашивают до старта.
Делаете дизайн для существующего продукта?
Да. Начинаем с аудита интерфейса и исправляем сценарии, которые отнимают у пользователей больше всего времени.
Вы пишете код?
Передаём вашей команде или верстаем сами, если проекту нужны обе части.
Можете работать с нашим брендом?
Да. Развиваем существующую систему и документируем новые компоненты, а не придумываем параллельную.
Сколько правок входит?
Два круга на экран. Дальше оцениваем отдельно, чтобы объём оставался понятным.