Rondey bank app – achieve your goals and keep your expenses under control

Rondey app mockups

This is a short UX/UI design project. It was born as a technical task in a job search process and was taken as a personal goal to improve my UI design skills using Sketch as a design tool. Most of the information has been changed and only the topic has been taken as a basis to develop a full project.

Kick off

My design process started reading the conclusions of the research developed by the team of Rondey. This research showed the results of a focus group session with young people, the main target user of this app, and a design thinking session with stakeholders.

Target user - young people

What are other bank apps offering to the people?

It is well known that white and blue are colors that transmit transparency, honesty, and clarity. The three are characteristics that people look for in their bank. This is probably the reason why the majority of bank apps use a color palette that moves around white, blue, and soft colors. However, young and fresher companies are including bright colors to their designs to address their youngest users.

Most of the apps choose curves in their designs, in combination with square cards with rounded corners. This helps to reduce the aggressive or cold appearance of some banks.

These are some of the characteristics that I found interesting from my competitive analysis:

  • Google/apple pay
  • Automatic transferences (by email or mobile number)
  • Saving spaces or goals.
  • Notifications about transactions.
  • Summary of expenses/incomes ordered by time or categories.
  • Personalized profile.
  • Face ID, fingerprint or password to log in.
  • 24h help.
  • Lock/unlock a credit card easily
  • Shop with discounts.
Color Palete & Style tile

A new digital bank under evaluation

The process began with some quick sketches but evolved rapidly to a medium and then high fidelity prototype. The reason to jump into a mid-fidelity prototype without much testing was that this kind of apps, which involves a lot of information at a time, is felt very differently when it is presented in a digital format.

Wireframes

This prototype was tested with three people using the guerrilla research methodology. All of them were young and regular users of other common bank apps. According to their feedback, aspects of the layout, iconography, color palette and wording were changed.

High fi wireframes

Checking the new features of Rondey

What do I add to my designer toolkit?
Some quick conclusions

Due to the main purpose of this project – improving my UI skills and my efficiency using Sketch- I didn’t focus too much on the research and testing phase of the design process. However, I consider that these two activities are so important that they were included at some level in the project. 

This project was also helpful to practice my collaborative skills because the research was already partially done (focus group and design thinking workshop with stakeholders). If I had to choose, I would use additional and more powerful research tools such as surveys and interviews. Understanding this already collected data was an important step and took me a while. Despite this, it was key to leave my researcher tendency apart and focus properly on the UI design of the app.

In contrast to previous competitive analysis I’ve done, this one followed a more structured and exhaustive methodology. It is a great technique to inspire your designs and get a general idea about the features users are demanding for this type of apps. The down side of this approach is that it limits somehow the designer’s creativity and requires an additional effort to think out of the box in terms of visual design.

Thank you for reading until here 🙂 

Drop me a line if you have any doubt or idea to improve the design.

Leave a Comment

Your email address will not be published. Required fields are marked *