Дизайн мобильного приложения для удаленного управления автомобилем
Сложная функциональность в визуально простом и интуитивно понятном виде. Адаптивность под разные роли — от частного владельца до корпоративных пользователей.
Что делали:
Что делали:
- UX-аналитика и проектирование пользовательских сценариев
- Интерактивные прототипы
- UI-дизайн мобильного приложения
- Компонентный подход и дизайн-система
- Дизайн-надзор и сопровождение разработки
О клиенте
Компания-производитель охранных систем и систем удалённого управления автомобилем.
О продукте
Мобильное приложение позволяет пользователям удалённо управлять автомобилем и отслеживать его состояние со смартфона.
С точки зрения дизайна ключевыми были следующие группы сценариев:
Требовалось:
С точки зрения дизайна ключевыми были следующие группы сценариев:
- управление безопасностью и доступом;
- мониторинг состояния автомобиля в реальном времени;
- работа с уведомлениями и событиями;
- управление несколькими автомобилями и пользователями.
Требовалось:
- создать современный и интуитивный интерфейс для ежедневного использования;
- обеспечить стабильную работу для более чем 12 000 пользователей
- упростить настройку автомобиля;
- органично встроить дизайн-процессы в работу внутренней команды разработки.
Как проходил проект
Работа началась с анализа существующего интерфейса и пользовательских сценариев. Были выявлены основные проблемы: перегруженные экраны, неочевидная навигация, отсутствие визуальных приоритетов и сложность работы с несколькими ролями пользователей.
На основе аналитики были спроектированы новые пользовательские потоки с фокусом на ключевые действия и частотные сценарии. Мы разработали интерактивные прототипы, проверили логику экранов и переходов, включая состояния уведомлений, ошибок и нестабильного соединения.
UI-дизайн строился на принципах визуальной иерархии, контрастных акцентов для критичных действий и нейтрального визуального стиля, подходящего для B2C и B2B-сценариев. Параллельно формировалась дизайн-система компонентов, упрощающая поддержку и развитие интерфейса.
Этапы работы
- UX-аналитика. Анализ текущего приложения, сценариев использования и пользовательских ролей
- Проектирование сценариев. Управление автомобилем, мониторинг состояния, уведомления, история поездок
- Интерактивные прототипы. Проверка логики экранов, состояний и пользовательских потоков
- UI-дизайн. Визуальная иерархия, типографика, иконки, цветовые акценты
- Дизайн-надзор. Сопровождение разработки и контроль соответствия макетам
Результаты
- Запущена новая версия приложения, которой активно пользуются более 12 000 пользователей.
- Интерфейс стал более понятным, персонализируемым и быстрым в работе.
- Пользователи легче ориентируются в функциях, а ключевые сценарии выполняются без лишних шагов.
- Компонентный подход упростил развитие продукта и позволил внутренней команде клиента быстрее внедрять новые функции без переработки интерфейса.
Инструменты и стек
Figma, Jira, Confluence, Miro, Adobe Illustrator, Lottie