Дизайн мобильного приложения для одноимённого автосканера ScanX Master

задачи
Привести интерфейс в соответствие с визуальным стилем бренда для формирования ощущения надежности продукта

состав
Интерфейс
Иконка приложения
Анимация
Иконки

Позиционирование бренда Rokodil — вгрызаться в дело

Концепция

Мы искали стык между ДНК Rokodil и автосканерами, где Rokodil будет про диагностику. И сформировали метафору — хищник — перед тем как действовать, он разведывает обстановку (сканирует), берётся сам, делает жёстко и по делу.

Мудборд

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

Есть тачка, есть сканер и есть проблемы, которые мы найдём

Иконка приложения

Мы передали характер Rokodil через графику: чёткие линии, «хмурые» фары — строгий мужской стиль. Сразу видно: прибор готов вгрызаться в работу.

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

Анимация загрузки приложения

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

Мы спроектировали splash-анимацию с двойной функцией:
1.идентификация бренда
2.коммуникация процесса

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

Иконки

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

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

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

Экраны приложения

команда
Коля Головин, арт-директор
Аня Манурина, менеджер проекта
Илья Свинарёв, моушн-дизайнер
Саша Касаткина, дизайнер
Настя Савченко, дизайнер

Илья Сушко, продакт-менеджер Rokodil