Фирменный стиль Centershin.ru.
Фирменный стиль
Фирменный стиль
Дизайн, Брендинг
Подробнее
Что входит
01Сценарии и пользовательские пути
02Интерактивный прототип
03Дизайн-система и компоненты
04Тёмная и светлая темы
05Состояния: пустые экраны, ошибки, загрузка
06Передача разработке в Figma Dev Mode
Интерфейс — это последовательность решений
В продуктовом интерфейсе цена ошибки выше, чем на промо-сайте: пользователь работает в нём каждый день. Поэтому мы начинаем со сценариев — кто приходит, с какой задачей, что делает по шагам, где спотыкается.
Прототип раньше картинок
Кликабельный прототип собирается за неделю-полторы. Его можно показать команде, дать паре реальных пользователей и найти проблемы до того, как отрисованы 60 экранов.
Состояния, о которых обычно забывают
Пустой список. Ошибка сети. Долгая загрузка. Нет прав доступа. Слишком длинное название. Именно на этих экранах продукт выглядит недоделанным — мы рисуем их наравне с основными.
Дизайн-система
Не набор стилей, а работающая библиотека компонентов с вариантами и автолейаутом. Разработчик открывает Dev Mode и видит отступы, размеры и токены — без переписки «а сколько тут пикселей».
Другие услуги
Как проходит работа
Этапы.
Сценарии
Описываем, кто и зачем приходит в продукт. Раскладываем задачи по шагам.
Прототип
Собираем кликабельный прототип в Figma — его можно дать пользователям и проверить до отрисовки.
Дизайн-система
Строим компоненты: сетка, типографика, элементы форм, таблицы, модалки.
Экраны
Отрисовываем интерфейс целиком, включая неприятные состояния — ошибки, пустоту, долгую загрузку.
Сопровождение
Остаёмся на связи с разработкой, пока интерфейс не соберут.
Из портфолио
Что мы уже сделали.
Обсудить проект
Расскажите о задаче.
Ответим в течение рабочего дня, предложим решение и назовём сроки. Бесплатно и без обязательств.