Разработка мобильного приложения в формате маркетплейса с нуля
2019
E-commerce
UX/UI design
Mobile
Backend
Analytics

YouTool

Главное о проекте

YouTool — это мобильный сервис быстрой аренды инструментов. Клиент обратился к нам с пожеланием, чтобы по функционалу сервис был схож с Авито и Aliexpress.

Наша команда занималась полным циклом разработки — от аналитики до оптимизации.

Аналитика и разработка прототипов интерфейса

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

Проработка UserFlow

≈ 67 экранов
- не входит в MVP

Регистрация / Вход

Аренда

3 основных + экраны сообщений

Реализация дизайн-проекта

Каталог и функционал сервиса

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

Пользователь может воспользоваться поиском с фильтрами, а также посмотреть расположение инструментов на карте.

Также есть доп. возможности — например, арендовать прямо сейчас или арендовать без залога.

Аренда инструмента

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

Роли пользователей и их возможности

Мы разработали личный кабинет для пользователей приложения с несколькими ролями — арендаторы и арендующие.
Аренда инструмента реализована через кнопку «Арендовать» и заполнение формы. Сервис предоставляет возможность доставки и подключения исполнителя на определённых условиях:
Добавление инструмента арендодателем реализовано через заполнение другой формы — с возможностью добавления фото и подключения прогрессивной скидки.
  • чем дольше аренда, тем больше будет скидка для пользователя
  • если в данный момент инструмент арендован, то можно встать в очередь на его бронь

Взаимодействие пользователей

Взаимодействие пользователей происходит в двух разделах — Сделки и Сообщения. В первом пользователь видит список всех своих сделок со статусами «В аренде», «Завершена» и т. д.

Во втором — осуществляется общение между арендодателем и арендатором. При открытии диалога пользователь видит в закреплённом сообщении арендованный инструмент.

Кастомные карты координат

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

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

Мы использовали картографическую платформу 2ГИС. Точно также можно работать и с картами от Google и Яндекс.
Было очень интересно поучаствовать в стартапе. Сам продукт — свеж и необычен для российского рынка, где шэринговая экономика делает первые шаги. Поэтому на старте мало у кого из команды было его исчерпывающее видение, но мы быстро разобрались и запустились. Впоследствии основные сценарии сервиса мало изменились. Это говорит о том, что, в целом, мы действовали верно.
Designer
Артём
Хотите такой же проект?