Исходные материалы

Документация по модулю управления автомобилем:

Представление данных программистами (HTML, CSS, JavaScript):



Перегруппировка данных

Определение блоков:

Анализ исходного представления данных, выявление повторов:



Объединение данных по смыслу, новая композиция.
По умолчанию карта заменена текстовой строкой (адрес). Перед адресом указывается способ определения координат (GPS, GSM):

Объединение ленты недавних событий с историей поездок.
Нажатие на временной интервал открывает подробный список событий и подсвечивает путь на карте:

Стиль оформления




Проблемные узлы подсвечиваются на контуре автомобиля (не закрыты двери, багажник, не выключены габаритные огни и пр.).
Над автомобилем выводятся только иконки и сообщения, сообщающие о проблеме (низкий заряд батареи, баланс лицевого счёта и пр.)



Страница входа в систему (заказчик не хотел простой быстрый вход, хотел "красиво").
Фоновая картинка - временная, предполагается новый рендер:


Настройки

Исходную организацию настроек иначе как адом назвать нельзя. Восемь вкладок:




Оптимизация настроек в две вкладки.



Мобильное приложение

Старое приложение:

Переработка под новый дизайн и функционал: