Веб-приложение для уличных артистов Busking.cash

  • ВЕБ-САЙТЫ

Busking.cash – инновационный стартап, созданный для помощи в сборе пожертвований уличным артистам.

Наши проекты

Требования

Безналичный расчет стал неотъемлемой частью нашей жизни. Идея проекта заключалась в разработке универсального приложения для перевода пожертвований уличным артистам. Таким образом перед нами стояла задача создать надежную платформу для быстрого и удобного зачисления «донатов» через QR-код на счет исполнителей.

  • Research
  • Design
  • Front-end

Стек технологий

  • Vue.js
  • Nuxt.js
  • Core.js
  • PWA
  • Java
  • Git

Анализ и предложение

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

Функциональность и дизайн

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

Image

За основу дизайна мы взяли «правило трех цветов»: классическое черно-белое оформление для основного контента, а для призывающих к действию элементов выделение оранжевым цветом. Это решение позволило направлять внимание пользователя и стимулировать вовлечение. Также мы проработали многоязычный пользовательский интерфейс для удобного использования международными исполнителям. Мы добавили расширенный функционал для гастролирующих авторов, в котором учтены различные валюты, форматы даты и единицы измерения, где это уместно.

Image

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

Image

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

Slide image 1
Slide image 2

Принимая во внимание то, что большинство прохожих будут использовать для сканирования QR-кода мобильные телефоны, много внимания было уделено мобильной проработке по технологии PWA. Контент, особенно видео, был разработан для отображения в формате 9:16 с условием адаптации под любое разрешение мобильного устройства. Задача приложения не отвлекать от наслаждения искусством, а сделать процесс пожертвований максимально удобным и быстрым.

Image

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

Slide image 1
Slide image 2
Slide image 3
Slide image 4

Заключение

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

Над проектом работали

  • UХ Designer
  • UI Designer
  • Front-end developer
  • Project manager
  • QA Engineer