Кейс: разработка приложения по аренде платьев

Рассказываем, как спроектировали и разработали MVP для шеринг-сервиса по аренде платьев. С его помощью девушки смогут решить проблему “нечего надеть” и заработать на сдаче в аренду платьев и аксессуаров, пылящихся в шкафу.

Клиент

К нам обратилась основательница сервиса Dress Change, которая разработала бизнес-идею и решила протестировать ее в формате MVP. Идея была в том, чтобы позволить девушкам, которые любят красиво одеваться, не тратить много денег на покупку нарядов, а брать их в прокат. А те, у кого много нарядов, смогут сдавать их и зарабатывать на этом.

Задачи

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

dresschange.ru

Что было

У нашей клиентки уже было понимание, каким она хочет видеть приложение для аренды платьев: роли пользователей, список инструментов, принцип работы. Эти вводные данные стали основой для проектирования будущего сервиса.

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

На основании информации от клиентки мы начали проработку интерфейсов и сценариев пользователей. Составили карту пути двух типов пользователя: арендатора и арендодателя. Главный фокус на этом этапе — обеспечить баланс между объемом реализуемой в рамках MVP функциональности и удобством для пользователей. Результатом этого этапа стали схемы сценариев и наброски экранов приложения в черновом исполнении.

Дизайн

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

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

Розовый — для инструментов арендатора.
Синий — для инструментов арендодателя.

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

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

Разработка

В разработке приложения по аренде платьев использовали несколько технологий: .Net Core, Mongo db, Angular, Ionic 7 Capacitor.

Для этого продукта мы выбрали формат кроссплатформенного приложения. Удобство этого формата заключается в его гибкости. В MVP-версии продукт работает как веб-приложение (PWA). Особенности такого формата:

приложение открывается через браузер;
доступ к нему осуществляется по домену my.dresschange.ru;
при этом его можно отдельно установить на рабочий стол смартфона;
оно может работать без постоянного подключения к сети за счет сохраненных в кэше данных.

При необходимости продукт можно собрать и опубликовать как классическое мобильное приложение в Google Play и App Store, при этом не придется писать отдельный код под эти операционные системы.

Плюсы такого технического решения:

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

На аналогичной технологии работают Twitter, Alibaba, Forbes, The Weather Channel и MakeMyTrip.

Более подробную информацию о веб-приложениях читайте в нашей статье:

Создание веб-приложений SPA и PWA для бизнеса

Функционал приложения аренды платьев

Несмотря на то что проект запускали в облегченной MVP-версии, для приложения реализовали богатый функционал. Вот какие инструменты включили:

Быстрая регистрация через СМС.
Удобный поиск по словам или фильтрам (категория, цена, цвет, размер).
Чат между арендодателем и арендатором.
Возможность забронировать вещь на конкретные даты или сразу взять в аренду.
Функция безопасной сделки — оплата происходит прямо в приложении.
Возможность внести залог.
Профили пользователей с рейтингом, отзывами и фото.
Структурированные карточки товаров.

Кому будет полезно

Кейс по разработке PWA-приложения аренды платьев будет полезен предпринимателям, которые продумали бизнес-идею и хотят протестировать ее на реальных пользователях. Для таких задач принято начинать с разработки продукта в виде MVP — на начальном этапе это помогает в условиях ограниченного бюджета проработать бизнес-модель, собрать обратную связь с реальных пользователей и проверить гипотезы о бизнесе. После такой проверки нередко направление бизнеса может скорректироваться, а если будет доказано отсутствие спроса, то ограниченность бюджета становится весомым плюсом.

Результаты

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