Такси: заказ машины в браузере

Пассажирский веб-сервис: карта, маршрут, расчёт стоимости и вызов машины. Открывается в браузере телефона и не требует установки.

Веб-приложения. JavaScript, OpenStreetMap.

Экраны веб-приложения такси с заказом и маршрутом на карте
Направление
Веб-приложения
Формат
Мобильный веб-сервис
Карта
OpenStreetMap
Стек
JavaScript, HTML, CSS

Задача и решение

Задача

Клиенту нужен был пассажирский сервис без установки приложения: человек открывает ссылку, указывает адреса и вызывает машину. Отдельный нативный клиент на старте был избыточен.

Предстояло собрать понятный мобильный интерфейс с картой, маршрутом, стоимостью и выбором способа оплаты.

Решение

Сделали веб-приложение под экран телефона: карта на OpenStreetMap, точки подачи и назначения, линия маршрута и расчёт стоимости.

В заказе есть выбор оплаты наличными или картой, сохранённые места и история поездок. Интерфейс открывается по ссылке и работает в мобильном браузере.

Что умеет система

Список собран по реализованным экранам и документации проекта.

  • Карта OpenStreetMap с маршрутом
  • Указание адреса подачи и назначения
  • Расчёт стоимости поездки
  • Выбор оплаты: наличные или карта
  • Сохранённые места
  • История поездок

Экраны

Нажмите на изображение, чтобы открыть его целиком.

Главный экран: заказ, сохранённые места и история.
Маршрут на карте, стоимость и выбор оплаты.

Технологии

Только то, что подтверждено исходниками и документацией.

  • JavaScript
  • HTML
  • CSS
  • OpenStreetMap
  • маршрутизация

Нужен похожий проект?

Расскажите задачу. Предложим состав работ, сроки и оценим, что можно переиспользовать из этого проекта.

Следующий кейс Trail for All: треки, офлайн-карты и сообщество