Дизайн и фронтенд внутреннего дашборда для MOBISCAR — платформы управления заказами на замену и ремонт автостёкол

Описание

MOBISCAR — сервис по замене и ремонту автомобильных стёкол, работающий как с розничными клиентами, так и со страховыми компаниями. Клиенту требовалась внутренняя веб-платформа для сотрудников сервисных центров (складов), которая позволила бы централизованно управлять входящими заказами, контролировать статусы стёкол, вести расписание приёма клиентов и отслеживать документооборот.До создания платформы сотрудники работали разрозненно: информация о заказах, оплатах, страховых случаях и наличии стёкол хранилась в разных местах, что приводило к ошибкам, задержкам и потере данных. Цель проекта — создать единый, понятный интерфейс, в котором оператор склада мог бы видеть всю необходимую информацию с первого экрана и быстро выполнять ключевые действия без лишних переходов.

Решение

Я разработал дизайн и реализовал фронтенд-часть платформы. Интерфейс построен в виде дашборда с боковой навигацией и несколькими ключевыми разделами.На главном экране («Рабочий стол») сотрудник сразу видит сводную статистику: количество розничных и страховых клиентов на сегодня и ближайшие 14 дней, предупреждения о клиентах без заказанного стекла, задолженности по документам, а также блок управления расписанием. Дополнительно вынесены новостной блок и раздел обучения — сотрудник видит, сколько занятий пройдено и сколько осталось.Раздел «Расписание» представляет собой таблицу на 14 дней с детализацией по каждому заказу: тип клиента, дата и время, номер заказа, марка авто, услуга, страховая компания, владелец, телефон, суммы и статусы. Прямо из таблицы можно перейти к составу заказа или изменить его статус. Там же расположен блок управления доступными временными слотами по дням недели.Карточка заказа содержит всю информацию по клиенту и автомобилю: марка, госномер, дата записи, тип клиента, суммы заказ-наряда и оплаты, статус отправки в страховую. Реализованы блок управления статусом стекла (с выбором из выпадающего списка и указанием срока ожидания), блок оплаты с возможностью отметить заказ реализованным или нереализованным, а также список документов, уже загруженных в систему (1С). Предусмотрен раздел с предзаполненными бланками для печати и живой подписи клиента.В качестве точки входа реализован экран авторизации с полями ID склада и пароля — простой и функциональный, в фирменном стиле MOBISCAR.Вся платформа выполнена в чистом, минималистичном стиле с акцентным синим цветом и чёткой визуальной иерархией. Особое внимание уделено состояниям предупреждений и ошибок — критические уведомления выделены красным, чтобы оператор не пропустил важное действие.

Результат

Платформа позволила объединить все рабочие процессы оператора склада в одном интерфейсе. Сотрудник с первого экрана видит текущую загрузку, проблемные заказы и задолженности по документам — время на поиск нужной информации сократилось кратно.
Управление расписанием, статусами стёкол и документооборотом теперь происходит в рамках одного инструмента без переключения между системами. Встроенный блок обучения помогает онбордингу новых сотрудников прямо внутри платформы.
Интерфейс спроектирован с учётом реальных рабочих сценариев: минимум лишних кликов, наглядные статусы, чёткое разделение между страховыми и розничными клиентами. Платформа используется сотрудниками сервисных центров MOBISCAR в ежедневной работе.

Презентация проекта