Мобильное приложение для аренды электровелосипедов в США с ярким дизайном и онбордингом сторис

Клиент

Whizz — сервис аренды электровелосипедов без залога и депозита в Нью-Йорке. Большинство клиентов сервиса — курьеры трех крупнейших агрегаторов доставки еды: GrubHub, Doordash, UberEats. Проект Whizz запустила команда сервиса аренды полезных устройств и приборов «Мой Девайс».

Задача

Решение

Прототип: структурированные диаграммы

Нарисовали BPMN-диаграммы. BPMN расшифровывается как нотация моделирования бизнес-процессов. Эта схема помогает наглядно описать пользовательские сценарии.

С помощью BPMN-диаграмм мы обозначили и описали базовые процессы в мобильном приложении. Например, как происходит первый вход пользователя в систему или покупка подписки.

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

Дизайн: яркость и минимализм

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

Разработка: кроссплатформенный фреймворк

Разработка: кроссплатформенный фреймворк

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

Flutter — это кроссплатформенный фреймворк от Google. Он позволяет создавать приложения для разных платформ и использовать при этом один и тот же код. В результате разработка стоит в среднем на 30–50% меньше.

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

Проект Whizz запустила команда сервиса аренды полезных устройств и приборов «Мой Девайс». Почитайте, как мы разработали для него два мобильных приложения с одинаковой логикой

Функции приложения

Онбординг и регистрация

Перед авторизацией приложение знакомит новых пользователей со своими функциями в формате сторис.

Экран авторизации — с привычным для пользователя дизайном. Зайти в свой аккаунт или зарегистрироваться можно по коду в смс.

Каталог и карточки товаров

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

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

Личный кабинет

Личный кабинет — понятный пользователю и лаконичный. В нем есть раздел с информацией о себе и можно выбрать варианты оплаты, настроить Apple Pay или Google Pay.

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

  • «Мы не в первый раз сотрудничаем с Friflex. Ребята доказали свой профессионализм в мобильной разработке. Проект был готов в срок. Команда постоянно была на связи. Все текущие вопросы решались оперативно. Хочется отметить сильную аналитику и эффективные архитектурные решения, которые помогли очень быстро разработать и запустить MVP. Продолжаем сотрудничество и всем советуем Friflex как профессионалов».

    Артем Сербовка

    CTO и основатель сервисов «Мой Девайс» и Whizz

Другие кейсы

БериСдавай

Мобильное приложение для шеринга вещей

Trucare

Мобильное приложение для умной инсулиновой помпы