![driver_hub_background](/assets/MainBackground-c749c01e9e9396271a1004d14ec22043949c1c0564b4ccdda1373490683606e0.png)
Driver Hub
DriverHub – приложение для водителей (автоматизация выплат, мониторинг платежей, реферальная система) и агентов такси (подключение и контроль водителей).
![driver_hub_logo](/assets/DriverHubLogo-98da5219d9773f768a2453cd338bb6c4723864e43dc5bbf7c3dfc7e756591459.png)
Идея
В марте 2019 года к нам обратился собственник известного таксопарка. Он рассказал о сумасшедших расходах на комиссиях при выплатах водителям. При размере парка порядка 400 автомобилей и 800 водителей общий объем выплат в месяц составлял более 17млн ₽.
Существующие на то время сервисы автоматизации таксопарков не позволяли быть гибкими, а самое главное - устанавливали “грабительские” ценники за их услуги.
Основная идея заключалась в моментальных выплатах денежных средств водителям.
![idea_scheme](/assets/Idea-e9e0cfb70272461e6800516636ffa5cc7ca46f87a05963a61f193333d5bb3eee.png)
Задача
Создать продукт, который позволит автоматизировать выплаты водителей;
Создать все условия для водителей, чтобы им не приходилось тратить время на обращения в таксопарк и техподдержку для решения финансовых вопросов.
![task](/assets/Task1-ce024100b1986c039a8de69814abb62dc09b09e2bf71bb2406f10f042adab8fb.png)
![task](/assets/Task2-087aef726c3412cd55d24f50815f05e0b44110d36b617069eaa26a8cc1e948ad.png)
![task](/assets/Task3-949655ffcb736748f5b812cc0fb252f17a6c2a30b245e054f5b56d7ba0320440.png)
Аналитика
Мы обсудили с клиентом, что именно необходимо сделать и какие функции должен выполнять сайт и приложение, ' просмотрели действующие предложения прямых и косвенных конкурентов.'
После обсуждения оформили список функциональных особенностей продукта и того, что должно быть на сайте. ' Перед началом работы согласовали это с клиентом, чтобы убедиться, что все его идеи восприняты и записаны верно.'
![analytics](/assets/Analytics-abf3a61f64ad0052e6874cb2190ac926f71987deaefe716fce22b042f22b13e7.png)
Коммуникация
Для наибольшего вовлечения заказчика в процесс создания ПО мы используем отдельные мессенджеры для срочных обсуждений и еженедельные отчетные созвоны.
![communication](/assets/Communication1-3408228ac937b93f8cbe9108ccff0a9956186d58425b55e506200c95f3886ab7.png)
![communication](/assets/Communication2-65189818d9daef26657266f025dee65b781d3c0c66a720750cd70c028a562ded.png)
Прототипирование
Когда аналитика проведена, и требования были собраны, наш дизайнер приступил к созданию прототипа будущих страниц/экранов продукта — это промежуточный этап между аналитикой и полноценным дизайном.
Создание прототипа помогло :
Продумать пользовательский путь;
Понять, как приблизительно будет выглядеть и работать продукт;
Узнать, соответствует ли сайт ожиданиям клиента;
Увидеть слабые места : что может быть не достаточно очевидно для пользователя.
![prototyping_img](/assets/Prototyping1-35fa721493f03b046d46e7f4426753ec77006550cee8b47e8c11ac96f27531fd.png)
![prototyping_img](/assets/Prototyping2-88c8a1b3279ae8b44dece45071d3c55d2883389d1aa7eddf4b38797d5d6883cd.png)
![prototyping_img](/assets/Prototyping3-93be6b3701d830c0deb093e4d2bba88aaa7f5a47edd4e716eaad1ee793d48879.png)
![prototyping_img](/assets/Prototyping4-02e47a241118ca686730587258a7903bcd09a41f028ef141e6eeaea20d507970.png)
Дизайн
На этом этапе мы продумали :
Удобное расположение элементов : кнопки, текстовые блоки, ссылки;
Общий визуальный образ: цвет, шрифт, стиль изображений;
Детали (например, решили, как будут вести себя кнопки, когда пользователь на них нажмёт);
Иллюстрации.
![portfolio_design_card](/assets/Design1-21af992869eb1119ab73ca73d8e012a8f0fed49459935a34bee96340d764e54f.png)
![portfolio_design_card](/assets/Design1-21af992869eb1119ab73ca73d8e012a8f0fed49459935a34bee96340d764e54f.png)
![portfolio_design_card](/assets/Design2-fed7433acabdd8809ad8fcba853a7a1a48b23eb82466ff201f15059eca3810e8.png)
![portfolio_design_card](/assets/Design3-009e956d2f3206e2bd9ff9a4d8370ad6b3db187b98164b1f965beae1eb7d9955.png)
![portfolio_design_card](/assets/Design4-2734540ed8fab51b2ecb1081f2632dac14fcca67b60f2dfd6ee7169f85ac4c85.png)
![portfolio_design_card](/assets/Design5-95901ab9ffb5461a3f894042db274647899cabe9f2034fc1653a8ab7a00d34b0.png)
![portfolio_design_card](/assets/Design6-a034923a105dd63cf4e2b5a4ac3964a165e4d9f52dba3ddf48bfeb3476e1ff29.png)
![portfolio_design_card](/assets/Design7-1293620f90781b4341c85677f8abfe15a9984d19681ccd1ee82c0f2ff8692aee.png)
Технологии
Для разработки было принято решение использовать наш стандартный стек технологий Elixir + React Native. Такой вариант позваляет быстро создать отказоустойчивый продукт с высокой безопасностью использования. В качестве универсальной базы данных для сложных процессов и вычислений мы использовали PostgreSQL.
Разработка
После согласования дизайна и работ, мы приступили к реализации данной идеи, а именно к созданию MVP (ранняя версия продукта, у которой есть минимальный набор функций, достаточный для презентации публике и проверке на первых потребителях).
К моменту старта разработки мы уже имели :
Готовый дизайн;
![development_card](/assets/Development1-a5c87c53ee858d21ecad1afe39d3a63486e862096d088226260884793eb47619.png)
План работ, разделенный на задачи и распределенный по приоритетам;
![development_card](/assets/Development2-0e4b9df204f42fe4bf592590866e5e297792847e39258cd492fc69f5cd5b9e8d.png)
Опытную команду разработчиков, готовых реализовать даже самые сложные задачи.
![development_card](/assets/Development3-cd4b333e8d4d312aef8ff9fd0c4271e4b6f80bd273971d1c7c3fa2aa5c852076.png)
За 2 месяца мы создали MVP, который был необходим заказчику.
Теперь водители таксопарка могли:
Скачать приложение на android и ios;
Зарегистрироваться/авторизоваться в приложении;
Видеть свой баланс из всех существующих агрегаторов в одном приложении;
Видеть историю поездок, стоимость и комиссии, чтобы таксопарк мог показатьсвою открытость перед своими водителями;
Моментально выводить денежные средства себе на банковскую карту.
Тестирование
Наша команда QA ворвалась в процесс тестирования приложения.
На этом этапе:
Проверяли корректность работы сайта в разных операционных системах, браузерах и устройствах, а также корректность работы мобильного приложения на ios и android;
Выясняли, насколько результат соответствует требованиям;
Находили баги и несоответсвия, добились стабильной работы сайта и приложения
Убедились в том, что каждая деталь визуального стиля была реализована разработчиками;
Презентация
После тестирования и стабилизации мы презентовали готовый продукт заказчику. Заказчик оценил, соответствует ли продукт оговоренным требованиям, протестировал его, внесли небольшие правки и перешли к следующему этапу - к релизу.
Релиз
Релиз вызвал фурор среди водителей. Им больше не нужно было обращаться в таксопарк для того, чтобы им вывели деньги или для того, чтобы им объяснили, почему они “получили столько денег, а не больше или меньше”.
![release_img](/assets/Release1-4d7c46a1551c3dc6d21c8684a2500f64cc139f73fadd89ff82a5656427599abc.png)
![release_img](/assets/Release2-19af9bd86d2736f6b880f1463923cee14972496eae8f20503afd3f9b22db8eae.png)
![release_img](/assets/Release3-1f68c22d910708f1fae818ab8d0a05972c6659c321e9c1a9937082e75a6533ab.png)
![release_img](/assets/Release4-2bc2758e5de938b16c7bf4f8006313215a3cdff6d267e4ddfa17b5e329d87606.png)
![release_img](/assets/Release5-c448fd2e1f1fb024f6205171c1c7e57c2f03a6347ea68d913968bd6d0101f75b.png)
![release_img](/assets/Release6-b4d7dcee12baf007c999eb29ab5bfae9c3d2d5d05ad3596e2ee22fbe2051a933.png)