Как приложение для оплаты чаевых по QR-коду в Черногории превратилось в экосистему онлайн-сервисов

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

На проекте мы должны были сделать следующее:

- Создать яркий и необычный дизайн приложения: наши клиенты хотели, чтобы продукт выделялся на фоне других финансовых и банковских сервисов

- Продумать удобный пользовательский путь, чтобы все в приложении было интуитивно понятно

- Разработать приложение с базовыми фичами: регистрацией/ авторизацией, генерацией QR-кода, возможностью переводов между аккаунтами и выводом средств на карту

- Заложить мультиязычность - заказчики хотели вывести Together сразу на несколько рынков

- Интегрировать платежную систем

- Разработать админ-панель с возможностью мониторинга активности, просмотра информации о юзерах, настройками доступов и статистикой

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

Основной флоу приложения такой:

- Юзер регистрируется или авторизуется в приложении

- Генерирует QR-код

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

- Показывает QR-код на экране приложения для получения чаевых или оплаты

- Может переводить деньги в рамках приложения

- Может выводить на другой свой счет

В декабре 2022 года к нам обратились Виталий, он занимается финансовым консалтингом и живет в ЮАР, и Игорь, его деловой партнер из Черногории, который долгое время был занят в ресторанном бизнесе. Также в проекте со стороны заказчиков участвовали Святослав, партнер Виталия по внешним связям, и Сергей — администратор платформы, ответственный за ее дальнейшее развитие. 

Клиенты основали собственный стартап — Together, и попросили нас задизайнить и разработать мобильное приложение. А идея проекта появилась из личных наблюдений за повседневной и деловой жизнью в Черногории. 

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

Нам, современным людям, сложно такое представить. Мы оставляем чаевые по QR-коду, переводим деньги маме на карту через СПБ без комиссии, оплачиваем онлайн все, что только можно — от коммуналки до подписки на стриминг. Мы почти забыли, как выглядит наличка. А зачем ее носить с собой? Везде можно расплатиться по карте или через банковское приложение. 

Помните, как все было лет 15 назад? Бабушка отправляла вам деньги ко дню рождения переводом на почту, а родители шли его получать — еще и в очереди стояли. А чтобы оставить чаевые в ресторане, нужно было искать купюру, а потом ждать сдачу. Брр, как сложно жить без онлайн-платежей!

Вспомнили? Так вот: в Черногории ситуация с онлайн-платежами примерно такая же, как у нас 15 лет назад)) Мобильный банкинг? Ну знаете, можно и прогуляться до ближайшего отделения банка. Оплатить по QR-коду? Зачем, есть же наличка? Расплатиться по карте? Да, но…платежного терминала нет. 

А если серьезно, все это очень неудобно. 

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

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

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

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

С помощью Together они могут получать чаевые и оплату по QR-коду. Им не придется устанавливать дорогое оборудование или просить клиентов расплачиваться наличкой.

Среди российских аналогов — CloudTips и нетмонет. Но в Черногории ничего подобного нет, так что заказчики становились первопроходцами!

А устроено Together так — разберем на примере оплаты чаевых в ресторане:

Приложение закрывает сразу несколько задач для разных сторон.

Бизнес может:

- предложить клиентам простой и удобный способ безналичной оплаты;

- мониторить все свои поступления в одном месте;

- выводить средства на карту.

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

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

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

Виталий, Игорь и Святослав, владельцы продукта, планировали стартовать в Черногории и проверить, взлетит ли там продукт. А дальше — масштабироваться и выходить на рынки Сербии, ЮАР и Дубая. В этих странах аналогичная проблема: у многих занятых в сфере услуг нет возможности принимать безналичную оплату, контролировать свои поступления и выводить деньги. 

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

Так проект стал более масштабным и продолжительным. Кроме того, мы помогли заказчикам с подготовкой промо-материалов. Но обо всем по порядку — давайте посмотрим, как устроено и выглядит приложение Together, и пройдемся по основным флоу. 

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

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

Выдержанные в сине-белых тонах банковские приложения казались заказчикам скучными. Но избыточно яркие, «кислотные» оттенки им тоже были не по душе. А вот теплые, пастельные тона — в самый раз. Поэтому использовали в дизайне их. 

Основной флоу приложения такой:

- Юзер регистрируется или авторизуется в приложении

- Генерирует QR-код

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

- Показывает QR-код на экране приложения для получения чаевых или оплаты

- Может переводить деньги в рамках приложения

- Может выводить на другой свой счет

◾️ Первым делом — регистрация. Здесь все стандартно: чтобы начать пользоваться Together, нужно пройти несколько обязательных шагов.

◾️ Первый код создается автоматически. Если пользователю нужны дополнительные коды, их можно создать всего за несколько кликов. Достаточно открыть вкладку «QR-коды» через таббар, нажать «Добавить код», и в появившемся окне ввести название, вид деятельности и другую необходимую информацию.

Флоу создания нового QR-кода:

◾️ Еще одна полезная функция — возможность распечатать QR-код. Приложение автоматически создает шаблоны, которые можно скачать и использовать.

Получится настоящая визитная карточка: имя, должность, QR-код и способы оплаты для клиентов. 

◾️ Управление финансами отображается на странице профиля. Отсюда юзер может перейти к флоу вывода средств, переводам и просмотру истории транзакций.

Страница профиля:

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

◾️ Еще можно перевести деньги другому пользователю Together. Делается это очень просто: достаточно ввести сумму перевода, никнейм юзера и код для подтверждения операции — он придет в SMS или по email.

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

Заказчик остался доволен результатом: приложение получилось уникальным и свежим. Кроме того, он предложил интересную идею — пуш-уведомления с мотивационными цитатами от знаменитостей, которые пользователи могут просматривать в приложении. Такого точно ни у кого нет! 

«Успех не окончателен, неудача не фатальна: главное — смелость продолжать», — сказал Уинстон Черчилль. Эта цитата хорошо описывает многие наши проекты :)

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

Так, в Черногории не очень распространен поиск работы через интернет. Люди предпочитают нанимать знакомых или полагаться на сарафанное радио. Но не всегда эти способы эффективны.

Поэтому заказчик увидел интересную возможность: а что, если превратить Together еще и в площадку для размещения резюме и вакансий? 

Механика примерно такая же, как на многих популярных порталах по поиску работы: работодатели размещают объявления о вакансиях, юзеры откликаются на них и прикрепляют резюме. Новые вакансии отображаются в ленте.

Но это еще не все! Дополнительная функция — маркетплейс, где малый и средний бизнес, а также отдельные продавцы, могут размещать объявления о продаже товаров или рекламировать свои магазины. Идея маркетплейса возникла потому, что ритейл в Черногории преимущественно сосредоточен в офлайне, а e-commerce-сектор не так развит. Тем не менее, спрос на онлайн-покупки существует.

Еще в Together предусмотрена реферальная программа для пользователей. Можно пригласить в приложение друга и получить баллы, которые потом конвертируются в деньги. Также это дает возможность кастомизации QR-кодов или дизайна физической карты для оплаты…стоп, физическая карта для оплаты?

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

Для дизайна карт мы сделали яркие паттерны — можно выбрать из нескольких предложенных или использовать обычные цвета или градиенты:

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

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

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

Интересный факт: жители Черногории используют евро в качестве валюты неофициально. Ведь страна не входит в еврозону. А национальной валюты в Черногории нет — так сложилось. 

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

Например, если счет в Stripe в долларах, евро сначала будут конвертироваться в доллары, а затем обратно в евро для передачи пользователю в Together. 

Когда клиент оплачивает со своего долларового счета в Stripe, система конвертирует евро в доллары для обработки платежа, а затем снова переводит доллары в евро, чтобы отправить средства пользователю Together, чей счет в евро

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

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

И тут началась головная боль. Оказалось, что многие платежные системы не могут работать в Черногории из-за юридических аспектов, связанных с тем, что формально страна не входит в зону евро. Мы стучались в саппорт PayPal, WSPay Payments и многих других сервисов.

Спустя некоторое время нашли подходящий инструмент — платежную систему KOMMERCE PAY, которая была готова работать в Черногории. 

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

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

Взвесив все за и против, мы решили вернуть Stripe обратно. Только докрутили функциональность, чтобы не было проблем из-за конвертации валют. 

Мы часто помогаем клиентам с созданием маркетинговых материалов — будь то продающие лендинги, как в кейсе с приложением для виртуального гардероба MyWard, или промо-ролики, как для маркетплейса интеллектуальной собственности Buy my brains.

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

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

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

Одна из анимаций, которую мы сделали для питч-дека:

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

Заказчики хотели, чтобы в простой и увлекательной форме были показаны ценности приложения, которые отражают слоган продукта: If you wanna go far — go together. То есть, хочешь достичь вершин — работай в команде!

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

Покажем немного «закулисной» работы — как это было. 

Сделали черно-белый аниматик — это такой эскиз, по которому потом будем делать цветной ролик:

А так наш дизайнер работал над анимацией персонажей:

И вот результат! 

Герои путешествуют по столицам стран, куда заказчики планируют зайти с приложением. И долетают в итоге до Дубая! Почему? Потому что проделали этот путь вместе, помогая друг другу справляться с преградами 

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

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

Готовые экраны для сторов лежат в Figma и ждут своего часа. 

Уверены, что скоро вы услышите об этом приложении, и, находясь в Черногории, сможете легко расплатиться в кафе или в местных сувенирных лавках, просто отсканировав QR-код. Больше не нужно искать, где обменять евро и носить с собой наличные 🙂