К содержимому
Все проекты

Кейс · SPL

PWA-приложение для сотрудников SPL

Разработали мобильное веб-приложение для сотрудников автомобильных площадок. Автомобили, задачи, бронирования и расписание доступны с телефона и связаны с общей CRM.

Обсудить похожую задачу
Все экраны

Разработали мобильное веб-приложение для сотрудников автомобильных площадок. Автомобили, задачи, бронирования и расписание доступны с телефона и связаны с общей CRM.

Информация об автомобиле под рукой у сотрудника.
Информация об автомобиле под рукой у сотрудника.Исходный PNG
Личный план работы и информация о сменах.
Личный план работы и информация о сменах.Исходный PNG
Рабочие задачи
Рабочие задачиИсходный PNG
Бронирование на площадке
Бронирование на площадкеИсходный PNG
Приём автомобиля
Приём автомобиляИсходный PNG
Информация об автомобиле под рукой у сотрудника.
Личный план работы и информация о сменах.
Заказчик
SPL
В кейсе
5 экранов
Статус
Реализованные сценарии

01Задача

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

02Решение

Как устроено решение

Создали приложение с карточками автомобилей, рабочими задачами, расписанием и сведениями о бронированиях. Предусмотрели форму приёма автомобиля.

Связали приложение с SPL CRM и настроили доступ с учётом роли сотрудника и закреплённых площадок. Адаптировали интерфейс для работы с телефона.

  1. 01 / 02

    Информация об автомобиле под рукой у сотрудника.

    Информация об автомобиле под рукой у сотрудника.

    Информация об автомобиле под рукой у сотрудника.
    Оригинал снимка ↗
  2. 02 / 02

    Личный план работы и информация о сменах.

    Личный план работы и информация о сменах.

    Личный план работы и информация о сменах.
    Оригинал снимка ↗

03Подробнее

Рабочие задачи

Сотрудник открывает доступные задачи и видит их рабочий контекст.

  1. 01 / 01

    Рабочие задачи

    Рабочие задачи

    Рабочие задачи
    Оригинал снимка ↗

04Подробнее

Бронирование на площадке

Детали бронирования доступны сотруднику в том же проекте, где работают оператор и клиент.

  1. 01 / 01

    Бронирование на площадке

    Бронирование на площадке

    Бронирование на площадке
    Оригинал снимка ↗

05Подробнее

Приём автомобиля

Форма собирает данные автомобиля для рабочего процесса. Снимок показывает подготовку записи; результат неподтверждённого действия не заявляется.

  1. 01 / 01

    Приём автомобиля

    Приём автомобиля

    Приём автомобиля
    Оригинал снимка ↗

06Результат

Что получилось

Основные рабочие разделы CRM доступны сотруднику в мобильном интерфейсе. Он может посмотреть информацию об автомобиле, проверить бронирование, открыть задачу и подготовить данные для приёма машины на месте.

Зона ответственности

Разработка показанных интерфейсов и сценариев

Ограничения демонстрации

Снимки получены в мобильном браузере. Установка, офлайн-работа, физические устройства iOS/Android и внешние уведомления этим пакетом не проверяются. Применимость PWA зависит от необходимых функций и целевых устройств.

Технологии

  • React
  • TypeScript
  • Vite
  • PWA
  • REST API

Обсудим проект

Обсудим похожий проект?

Расскажите о задаче. Покажем, как её можно решить, и предложим план запуска.