How was the process?

We created the design solution based on our research. We did literature research, competitor analysis, and user research such as interview and observation. Design process itself including creating persona, user journey, IA, wireframe, interface design, and prototype. After we made the design, we developed the product rapidly then did the usability testing. The process was agile, there were several iterations until the final product was released.



The Challenges

From user research, we gather several insights from users:

  • Users are lazy to write down their spending because it is troublesome.
  • Users usually record their outcome on Fridays. They do not want to think about their outcome on weekends.
  • There are many users that don’t know what budget apps that fits them.
  • The main reason users want to write down their outcome is to monitor how they spend their money.
  • Users that are likely to monitor their spending is because they have their goals why they want to save the money.

Targeted users include:

  • Millenials age 14-34
  • Not married yet
  • Live in the cities
  • Have income less than 10 million rupiahs (USD700)


Usability Goal

  • Easy-to-use: Users will not be frustrated to manage their money.
  • Effective: It helps users to manage their spending effectively.


There are 4 personas from research analysis. But the primary persona which we want to focus on is Anthony (The Emergency).


  • The emergency: He only writes down his income if he wants to save the money to buy something.
  • The planner: She is used to record all her spendings to manage her outcome.
  • The income-minded: She tends to think about how to get more income rather than how to manage her outcome.
  • The disorganized: He never cares about his outcome at all.

Below is the example of our primary persona, Anthony. He is a full time-employee who lives in Jakarta, Indonesia.

Designing the Solutions

Feature Analysis

The more essential features are including how to take outcome notes in app. For development, we focused on the more essential but simple features.



User Flow

The prototype was made based on the designed Information Architecture and user flow below.




Wireframe is important to deliver information hierarchy and help to construct the layout. By making wireframes, we knew for sure how was the interaction of the app.



We innovate a snap-and-save concept for budget app. By only taking pictures and typing the price of the item, users can record their outcomes. And also, to make easier for users to use, we implemented the infinite swipe. It allows users to swipe to the left or right infinitely to change the pages.



The Takeaways

Creating Persona was very helpful to design the user experience. With Persona, we can picture who is our user, what will they do using the app, what is their expectation, etc. But to create Persona itself isn’t always easy. We have to carefully do qualitative research, which takes time. After that, find the insights and group them. To validate the design, we also have to match the Persona itself. Doing the design process really does take a lot of time, but it is very effective to get engaging result for our product.