Разрабатываем веб-сервис по заказу премиального авто с водителем в Колорадо, США
Команда проекта
Суть проекта
разработку сервиса заказа такси и отслеживания статуса заказа
разработку посадочной страницы под рекламу
разработку личных кабинетов (для оператора, для водителя, для клиента)
Женя Секретсобакин / СЕО, Арт-лид. Управляет студией и командой дизайнеров. Делал проекты для: Касперский, МТС, Альфа, EKF, Walmart, Сбер, Союзмультфильм.
Алёна Чикина / Маркетинг-лид. Собаку съела на продвижении проетков из самых разных ниш.
Дарья Шавликова / Ui&Ux Designer. Проектирует удобные интерфейсы для нас и наших клиентов.
Илья Тузов / Тех-лид, Fullstack Developer. Управляет командой разработчиков. Делал проекты для: Центробанка, РЖД, Газпрома, Leroy Merlin, HotBot, SberFood и др.
Виктория Выговская / Project-manager. Суперсила — гипер-ответственность и умение из хаоса по крупицам собрать четкую железобетонную структуру
Андрей Викторов / Frontend Developer.
Кирилл Анисимов / Frontend Developer.
Вся работа займет примерно 5 месяцев, но есть одна невыполнимая задачка (все как мы любим): MVP-версия продукта для привлечения первых клиентов нужна уже до конца года.
«Alexandr&Co Riders» — это премиальный сервис для заказа автомобиля с водителем в США. Клиент обратился к нам с задачей разработки веб-сервиса, на который он мог бы вести рекламу и получать заявки на услугу своей компании. Задачу можно условно поделить на три юнита:
Некоторые элементы на скриншотах и макетах заблюрены так как несут в себе важную информацию, которая находится под NDA
Опубликовано
20 ноября 2024 г.
Архитектура и подходы к разработке (много буков без картинок)
Бэкенд
FastAPI: Этот фреймворк выбран за его простоту и высокую производительность. • Реализована логика обработки заказов, статусов поездок и управления водителями. • Расчет маршрутов и стоимости поездки с учетом динамических факторов, таких как время суток и загруженность дорог. База данных: • PostgreSQL используется для структурированных данных: профили пользователей, заказы, водители и платежи. • Миграции базы данных автоматизированы через Alembic для упрощения обновлений. Работа с платежами: Интеграция Stripe включила решение следующих задач: • Двухэтапное списание: блокировка средств до завершения поездки и подтверждение суммы в конце. • Поддержка частичных возвратов и конвертации валют. • Обработка ошибок платежей с автоматическим уведомлением пользователя и предложением альтернативных способов оплаты.
Фронтенд
Next. js: Используется для реализации пользовательского интерфейса и админки. • Клиентский интерфейс: оформление заказа, отслеживание статуса поездки, взаимодействие с маршрутом в реальном времени. • Админка: управление заказами и водителями. На данном этапе реализован функционал ручного назначения водителей и базовая статистика по поездкам.
Интеграции
Mapbox API: Используем для построения маршрутов, расчета времени поездки и расстояния. Система поддерживает динамическое обновление маршрута во время поездки. Google Analytics: Интеграция для анализа пользовательского опыта, выявления узких мест и улучшения конверсии на этапе оформления заказа. Stripe: Сложности работы с платежами, такие как различия в налоговых системах штатов, были решены через гибкую настройку параметров транзакций.
Черный кабинет: дизайн админ-панели и клиентских экранов заказа машины
Референсы и ресерч
Мы провели несколько дней в исследовании приложений и веб-сервисов по заказу такси как у нас, в России, так и в США. Нам уже несколько раз приходилось работать с различными задачами для рынка «за океаном» и здесь мы в очередной раз убедились в консервативности пользовательского поведения подавляющего большинства аудитории продукта. Если говорить простыми словами — никаких лишних маневров не нужно, делаем все на основе простых, понятных, классических решений. Немного убера, немного яндекс. такси, немного сервисов конкурентов (и совсем капелька концепт-макетов с behance (чуть-чуть)).
В итоге получилось просто, удобно и понятно не только для потенциальных пользователей продукта, но и для оператора и водителя (админ-панель).
Разрешение на показ макетов у нас будет только после завершения работ над проектом
Вот так выглядит небольшая часть дизайна проекта. Здесь мы уже закончили работу над ЛК Оператора перевозчика. Еще предстоит дизайн ЛК для Водителя и для Клиента, а также дизайн сайта и виджета заказа машины
Опубликовано
1 декабря 2024 г.
Текущая стадия
До сдачи MVP - 1 месяц
На текущий момент реализована большая часть бекенд-логики, включая основные сервисы для обработки заказов, маршрутов и платежей. Ведется активная работа над фронтендом, в частности над пользовательским интерфейсом и админкой.
Также мы развернули CI/CD пайплайн для автоматизации развертывания и масштабирования: • Docker: стандартизация окружения для разработки и продакшена. • Kubernetes: подготовлены манифесты для масштабируемого развертывания. • GitHub Actions: обеспечивает автоматический деплой новых версий при пуше в основные ветки репозитория.
Ключевые вызовы и решения
• Платежи в режиме реального времени: Интеграция Stripe усложнилась из-за необходимости учитывать различные налоговые ставки и корректировать суммы в зависимости от местоположения пользователя. Для этого мы внедрили модуль расчета налогов, работающий на основе геоданных пользователя. • Оптимизация маршрутов: Реализовано кеширование популярных маршрутов с использованием Redis, что снижает нагрузку на Mapbox API и ускоряет отклик системы. • Пайплайн развертывания: CI/CD обеспечивает возможность быстрого выпуска обновлений без простоя системы. Пайплайн включает в себя автоматическое тестирование, сборку контейнеров и их развертывание в Kubernetes-кластере.
Дизайн
• Личный кабинет оператора: Реализован, передано в разработку • Экраны оформления заказа клиентов: Реализованы, передано в разработку • Посадочная страница: Проведена аналитика, собрана структура, делается прототипирование, в ближайшие дни перейдем к дизайну