Budss: a cashback service with social media features

Budss

Purrweb

2024

Case

Idea of the app

Task

User flow

How we tackled the challenge with our design

Colors & Typeface

Result

Idea of the app

Users receive cashback when they make purchases through the app at partner stores.

They can also form groups with other users, increasing the cashback for each member of the group.

Task

A client from Israel asked us to redesign the existing Budds app. The previous UX solutions were reducing conversion rates, and the interface didn't match today's trends.

The challenge was to combine elements of a social network and a payment app, so that they wouldn't contradict each other but rather complement each other.

User flow

The user registers
and adds a payment method

The user scans a QR code on the terminal and gets cash back after paying through the app

Payment details screen with card options

The user creates a group with several users to get more cash back

Group creation and member invitation screen

The user shares posts about the recent purchases to attract more members to the group

The user scrolls through the feed, follows other users, and joins their groups to gain more cashback

Mobile app cashback program overview screen

User flow

The user registers
and adds a payment method

The user scans a QR code on the terminal and gets cash back after paying through the app

The user creates a group with several users to get more cash back

The user shares posts about the recent purchases to attract more members to the group

The user scrolls through the feed, follows other users, and joins their groups to gain more cashback

How we tackled the challenge with our design

We visually divided the start page into two parts: the black and the white one

The functions related to gaining cashback are on the black background. The feed (the social part of the app) has a white background

Mobile app dashboard showing user feed and balance

The purple Create group button is a bold accent, but it can be easily hidden if desired.

On the one hand, the button helps to increase cashback. On the other hand, it facilitates interaction with other users. That's why we placed the button in the middle between the two functional blocks

Mobile app interface showing balance and group creation features

A user can expand the feed with posts to full screen.

So that it looks familiar, just like in other social networks

Mobile app feed screen displaying user posts

The user quickly navigates through the Payment details and makes payments at the checkout without any fuss.

There’s a list of payment methods with checkboxes. The user can easily understand which one of them is selected

We developed a concise interface following Apple's guidelines

The app doesn't seem cluttered, despite its diverse range of functions

How we tackled the challenge with our design

We visually divided the start page into two parts: the black and the white one

The functions related to gaining cashback are on the black background. The feed (the social part of the app) has a white background

The purple Create group button is a bold accent, but it can be easily hidden if desired.

On the one hand, the button helps to increase cashback. On the other hand, it facilitates interaction with other users. That's why we placed the button in the middle between the two functional blocks

A user can expand the feed with posts to full screen.

So that it looks familiar, just like in other social networks

The user quickly navigates through the Payment details and makes payments at the checkout without any fuss.

There’s a list of payment methods with checkboxes. The user can easily understand which one of them is selected

We developed a concise interface following Apple's guidelines

The app doesn't seem cluttered, despite its diverse range of functions

Colors

The black and white

The black and white interface looks sleek and modern, which matches users’ expectations from a financial application

We've added a touch of emotion with purple and green accents. Still, the colors aren’t too bright to maintain a consistent business style

Typeface

Outfit

The Outfit font is easy to read on the screen, even when you’re in a hurry and need to make a purchase through the app quickly

The sans-serif letters and numbers look neat but not overly formal. The font fits well both in the user's balance block and in a post next to vibrant photos

The result

In a month of working with us, the client obtained a fully completed design-concept with all the necessary screens and UI elements.

The design is technically feasible. The screen content aligns with the planned features.

Now our client uses the design concept to illustrate his app idea

while presenting it to potential investors.

To be continued

I wish I had known about you when I only started developing Budds. This way, I wouldn’t have to deal with the previous team’s mistakes

The founder Budss

Widget and website for Budds

The client was inspired to work with us and additionally ordered the design of a widget for the Budds app, as well as the development and design of a website.

MVP Development

We are currently actively discussing plans to develop an MVP application with a basic set of functions.

MVP for a startup

With the help of the MVP version, the customer will be able to quickly and cost-effectively test the idea of their startup in practice.

We’re ready to design your app!

Request a quote, and we’ll contact you within 24 hours.

Submit

Budss: a cashback service with social media features

Table of contents

Idea of the app

Users receive cashback when they make purchases through the app at partner stores.

Task

User flow

User flow

How we tackled the challenge with our design

We visually divided the start page into two parts: the black and the white one

The purple Create group button is a bold accent, but it can be easily hidden if desired.

A user can expand the feed with posts to full screen.

The user quickly navigates through the Payment details and makes payments at the checkout without any fuss.

We developed a concise interface following Apple's guidelines

How we tackled the challenge with our design

We visually divided the start page into two parts: the black and the white one

The purple Create group button is a bold accent, but it can be easily hidden if desired.

A user can expand the feed with posts to full screen.

The user quickly navigates through the Payment details and makes payments at the checkout without any fuss.

We developed a concise interface following Apple's guidelines

Colors

The black and white

Typeface

The result

To be continued

We’re ready to design your app!