RU
#

Play Video

#

# #
#

ByTheWay – это сервис для международной P2P торговли и монетизации попутных перевозок. В нем пользователи могут покупать товары по всему миру, без дополнительных наценок и комиссий, а водители и путешественники – получать запросы на доставку и зарабатывать на своем передвижении.

Для реализации своей бизнес-идеи клиент заказал разработку мобильного приложения. И оно действительно стало успешным – более 20 тысяч загрузок в Play Market и AppStore. Однако устанавливать софт на свой смартфон готовы далеко не все пользователи, потому вскоре после деплоя на маркетах приложений заказчик решил создать еще и веб-версию продукта.

Какие задачи решила наша команда

  • Спроектировали и запустили мобильное приложение ByTheWay.
  • Встроили вдобавок внутренний маркетплейс, где можно купить и заказать доставку товара.
  • Разработали доску объявлений для веб-платформ.
  • Синхронизировали мобильное приложение и доску объявлений, чтобы пользователи могли использовать единый кабинет.
  • Добавили в веб-версию инструменты для SEO оптимизации.
  • Создали панель администратора.
# #
demo-app-developer-3
photo 32
Photo 20
Технологии
vue
python
skill-icons_css
HTML
vscode-icons_file-type-django
Bytheway website mobile

Процесс разработки

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

1. Анализ рынка и конкурентов

Чтобы создать простую, но в то же время эффективную архитектуру проекта мы провели детальный анализ рынка: определили основных конкурентов, а затем изучили их сильные и слабые стороны.

2. Проектирование

На основе полученных данных продумали оптимальные пользовательские сценарии, создали майндмэпы и варфреймы интерфейса. Особое внимание уделили проектированию функционала, ведь на платформе ByTheWay пользователи должны взаимодействовать напрямую, а значит большую часть процессов нужно было автоматизировать. Результатом этапа стал тщательно продуманный прототип проекта. Он позволил понять, как сайт и приложение будут работать после релиза и сколько времени потребуется на их разработку. Дальше мы скоординировали планы с клиентом и приступили к реализации.

figma bytheway

3. Создание дизайна

Решили убрать из UI всю лишнюю графику, которая могла бы отвлекать пользователей от основного контента. В итоге получили чистый и минималистичный дизайн, понятный на уровне интуиции. Основные цвета взяли желтый и синий. Во первых, они прекрасно гармонируют между собой, а во-вторых на эмоциональном уровне вызывают чувство комфорта, дружелюбия и спокойствия.

design system bytheway

4. Техническая разработка

Платформа ByTheWay состоит из двух частей — frontend и backend. На сервере производится работа с данными, а клиентская часть просто отображает контент и формирует новые запросы.

Для веб-платформы и мобильного приложения решили использовать единый backend, что принесло серьезный положительный эффект:

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

Для backend-части мы выбрали Python-фреймворк Django. Он может работать на разных платформах и предоставляет развитую инфраструктуру библиотек и плагинов, что заметно ускорило разработку. Клиентскую часть мобильного приложения реализовали на кроссплатформенном SDK Flutter, а веб-версии — на Vue.js и HTML/CSS.

5. Тестирование

После разработки тщательно протестировали весь функционал платформы, обнаружили и устранили баги и проблемы в работе системы.

Bytheway website 2

Основные фичи мобильного приложения

  • Маркетплейс

Создали одноранговый маркетплейс, в котором пользователи могут покупать и продавать товары без посредников. А чтобы преодолеть языковой барьер, мы внедрили онлайн-чат на основе WebSocket с функцией автоматического перевода.

  • Платные функции

Добавили модуль «ТОП-объявления». Он помогает пользователям быстрее и эффективно продавать товары, а для платформы выступает важным элементом монетизации.

  • Маршруты

Водители и путешественники, желающие монетизировать свои поездки, указывают запланированный маршрут передвижения и получают запросы на попутную транспортировку. Количество заказов не ограничено, поэтому у ByTheWay каждый сам решает, сколько хочет заработать.

  • Рейтинги и отзывы водителей

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

  • Отслеживание посылок

Мы позаботились о том, чтобы пользователи могли в реальном времени отслеживать расположение своей посылки. Чтобы эта функция работала, необходимо, чтобы водитель предоставил доступ к своему местоположению.

  • Онлайн-оплата

Интегрировали платежные системы для быстрой и безопасной оплаты услуг и товаров.

Bytheway app 1
Bytheway app 2
Bytheway app

Что изменилось в веб-версии платформы?

Веб-версия платформы ByTheWay имеет практически идентичный функционал. Главное отличие – в ней появился блог, помогающий компании общаться с существующими клиентами и привлекать новых. К примеру, здесь можно публиковать новости из жизни компании, полезные советы, обзоры и любую другую информацию. Чтобы пользователям было удобно искать контент, мы дополнительно добавили удобную систему фильтров и категорий.

Панель администратора: как осуществляется управление платформой

Для управления мобильной и веб-версией платформы мы создали единую админ-панель. Это помогло снизить операционную нагрузку на персонал компании, и сделало администрирование сервиса более удобным. Основные возможности админ-панели:

  • Управление базами данных: отправители посылок, водители и объявления пользователя.
  • Модерация контента и публикация статей в блоге.
  • SEO-оптимизация сайта
  • Отслеживание различных бизнес данных для контроля результативности компании.
Bytheway3

Результат

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

Наша же команда продолжает работать над развитием платформы, а ближайшие апгрейды будут направлены на расширение функционала и повышение безопасности сервиса.

Result bythe way
Привет!👋 Свяжитесь с нами 😀