Budss: кэшбэк-сервис с элементами социальной сети

Budss

Purrweb

2024

Кейс

Содержание

Идея приложения

Задача

Как работает приложение

Как наш дизайн решил задачу

Выбор цветов и шрифта

Результат

Идея приложения

Пользователи получают кэшбэк, когда оплачивают покупки через приложение в магазинах-партнерах

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

Задача

Клиент из Израиля попросил нас сделать редизайн уже существующего приложения Budss. Старые UX решения снижали конверсию, а интерфейс выглядел недостаточно современно

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

Как работает приложение

Пользователь регистрируется и добавляет способ оплаты

Сканирует QR-код на терминале и получает кешбэк после оплаты через приложение

Payment details screen with card options

При желании создает группу из нескольких пользователей, чтобы увеличить кешбэк

Group creation and member invitation screen

Выкладывает посты о покупках, чтобы привлечь больше участников в свою группу

Листает ленту, подписывается на других пользователей и вступает в их группы, чтобы увеличить кешбэк

Mobile app cashback program overview screen

Как работает приложение

Пользователь регистрируется и добавляет способ оплаты

Сканирует QR-код на терминале и получает кешбэк после оплаты через приложение

Листает ленту, подписывается на других пользователей и вступает в их группы, чтобы увеличить кешбэк

Выкладывает посты о покупках, чтобы привлечь больше участников в свою группу

При желании создает группу из нескольких пользователей, чтобы увеличить кешбэк

Как наш дизайн решил задачу

Визуально разделили стартовую страницу на две части: чёрную и белую

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

Mobile app dashboard showing user feed and balance

Яркий акцент — фиолетовая кнопка Create group, которую легко скрыть при желании

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

Mobile app interface showing balance and group creation features

Ленту с постами можно развернуть на полный экран

Так она переходит в привычный и интуитивно понятный формат — такой же, как в других соцсетях

Mobile app feed screen displaying user posts

Пользователь быстро ориентируется в Payment details и быстро оплачивает покупки на кассе

Слева — способы оплаты, справа — чекбоксы. Сразу видно, какой из способов выбран

Лаконичный интерфейс по гайдлайнам от Apple

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

Как наш дизайн решил задачу

Визуально разделили стартовую страницу на две части: чёрную и белую

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

Яркий акцент — фиолетовая кнопка Create group, которую легко скрыть при желании

Ленту с постами можно развернуть на полный экран

Так она переходит в привычный и интуитивно понятный формат — такой же, как в других соцсетях

Пользователь быстро ориентируется в Payment details и быстро оплачивает покупки на кассе

Слева — способы оплаты, справа — чекбоксы. Сразу видно, какой из способов выбран

Лаконичный интерфейс по гайдлайнам от Apple

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

Цвета

Черный и белый

Чёрно-белый интерфейс выглядит строго и современно — то, что пользователь ожидает от финансового приложения

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

Выбор шрифта

Outfit

Шрифт легко читается с экрана даже в спешке, когда нужно быстро оплатить покупку через приложение

Буквы и цифры без засечек выглядят аккуратно, но не слишком официально. Шрифт смотрится уместно и в блоке с балансом пользователя, и в тексте поста рядом с яркими фото

Результат

Через месяц работы с нами заказчик получил готовый дизайн-концепт со всеми экранами приложения и элементами интерфейса

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

Клиент использует наш дизайн-концепт уже сейчас

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

Что было дальше

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

Фаундер Budss

Виджет и сайт для Budds

Клиент вдохновился работой с нами и дополнительно заказал дизайн виджета для приложения Budds, а также разработку и дизайн веб-сайта

Разработка MVP

Сейчас мы активно обсуждаем планы по разработке MVP-приложения c базовым набором функций

MVP для стартапа

С помощью MVP-версии заказчик сможет быстро и без лишних затрат проверить идею своего стартапа на практике

Разработаем дизайн и для вашего приложения!

Оставьте заявку ниже и мы свяжемся с вами в течение 24 часов

Оставить заявку