Кейс · Аэро Паркинг
Аэро Паркинг — сайт и приложение для бронирования парковки
Создали сайт и клиентское приложение для парковки у Шереметьево. Объединили знакомство с услугой, бронирование и личный кабинет. Связали бронирования с CRM сотрудников.
Все экраны
Создали сайт и клиентское приложение для парковки у Шереметьево. Объединили знакомство с услугой, бронирование и личный кабинет. Связали бронирования с CRM сотрудников.
- Заказчик
- Аэро Паркинг
- В кейсе
- 7 экранов
- Статус
- Реализованные сценарии
01Задача
Сделать путь клиента понятным: узнать об условиях парковки, выбрать даты, указать автомобиль и оформить бронирование. При этом сотрудникам необходимо получать те же данные для дальнейшей работы.
02Решение
Как устроено решение
Разработали сайт с информацией о парковке и переходом к бронированию. Создали клиентское веб-приложение с личным кабинетом, данными автомобиля, созданными бронированиями и настройками уведомлений.
Связали приложение с SPL CRM. Клиент видит свою бронь в личном кабинете, а оператор обрабатывает её в рабочей системе. Доступ к информации разграничен по ролям.
- 01 / 07
Сайт: знакомство с услугой и переход к бронированию
Первый экран сайта Аэро Паркинга на компьютере.
Оригинал снимка ↗ - 02 / 07
Сайт на телефоне
Первый экран сайта Аэро Паркинга на телефоне с закрытым меню.
Оригинал снимка ↗ - 03 / 07
Главная клиентского приложения
Главная клиентского PWA „Аэро Паркинг“ с автомобилем и активной бронью.
Оригинал снимка ↗ - 04 / 07
Подготовка бронирования
Выбор дат и автомобиля перед бронированием.
Оригинал снимка ↗ - 05 / 07
Детали бронирования
Созданная бронь в приложении клиента.
Оригинал снимка ↗ - 06 / 07
Вход по одноразовому коду
Вход клиента по одноразовому коду
Оригинал снимка ↗ - 07 / 07
Настройки уведомлений
Предпочтения уведомлений клиента
Оригинал снимка ↗
03Путь клиента
От сайта к бронированию
Клиентский путь связан с рабочей записью в SPL CRM.
01Выбрать услугу
Сайт знакомит с парковкой и открывает следующий шаг клиента.
02Открыть личный кабинет
Клиентское приложение показывает доступные действия и записи клиента.
03Подготовить бронирование
Форма собирает данные для бронирования в общей системе.
04Вернуться к деталям
Сохранённая запись доступна клиенту и оператору с разграничением прав.
Все экраны пути
Клиентский путь связан с рабочей записью в SPL CRM.
04Подробнее
Вход по одноразовому коду
Клиент вводит одноразовый код перед открытием личных данных. На изолированном стенде используется штатный локальный OTP без отправки SMS.
- 01 / 01
Ввод одноразового кода
Вход клиента по одноразовому коду
Оригинал снимка ↗
05Подробнее
Настройки уведомлений
Клиент выбирает категории уведомлений. Сохранение предпочтений и доставка сообщения внешним каналом — отдельные действия.
- 01 / 01
Предпочтения уведомлений клиента
Предпочтения уведомлений клиента
Оригинал снимка ↗
06Подробнее
Связь с рабочей системой
Оператор обрабатывает бронирование и парковочную операцию в SPL CRM. Финансовые интеграции и учёт оплаты раскрыты в кейсе рабочей системы. Перевозки SPL относятся к отдельному направлению CRM и не являются функцией клиентского приложения парковки.
07Результат
Что получилось
Сайт, клиентское приложение и CRM работают с общими данными. Клиент может оформить бронирование и вернуться к его деталям с телефона, а сотрудникам не требуется повторно переносить информацию из клиентского интерфейса.
Зона ответственности
Разработка показанных интерфейсов, клиентских сценариев и связи с общей системой SPL.
Ограничения демонстрации
Данные клиентов, автомобилей и бронирований на снимках синтетические. Локальные проверки не выполняли отправку SMS и Telegram, онлайн-оплату или выпуск чека. Установка приложения на физические устройства и его офлайн-работа этими снимками не подтверждаются.
Технологии
- React
- TypeScript
- Strapi
- PostgreSQL
- PWA
Связанные решения
SPL CRMРазработали CRM для учёта автомобилей, заявок и работы площадок. Объединили документы, парковочные операции, расписание сотрудников и транспортные заказы. Связали систему с приложениями клиентов и команды.
PWA-приложение для сотрудников SPLРазработали мобильное веб-приложение для сотрудников автомобильных площадок. Автомобили, задачи, бронирования и расписание доступны с телефона и связаны с общей CRM.