hide information show information

Mobile App Design

The goal was to design a mobile app for iOS and Android that would allow users to have full control over their finances, as well as easy access to actions like creating bank accounts, manage savings, or quick transfers to other accounts.

  • Clients
    First Bank
  • Completion
    2020
  • Project Category
  • Designers
    Alexandra Terzi, Vlad Chiratcu, Mihai Petrea, Alex Dranga
The challenge
Seamless User Experience for Mobile Banking

About the client: After 18 years of activity in Romania, Piraeus Bank was acquired by the J.C Flowers, a private equity leader, and it became First Bank. As part of its rebranding strategy, the company needed a smart, customer-centric and easy-to-use banking application to stay ahead of the curve. That’s where we came in, providing the design needed to skyrocket the conversion rate.

Image
Image
UX DESIGN PROCESS
Moodboard to set the tone

A moodboard is a way to collect different creative information in order to prepare for a new project. It’s a segue between initial thoughts or meeting and the first draft of the project. This was our starting point.

Image
Image
UX DESIGN PROCESS
Style guide

Here you can find the conception and stylistic decisions for the User Interface design (UI) of this application. 

Our goal was to create an efficient and bright design of the interface that would have high aesthetic representation, without confusing the end-user.

Font
Image
Colors
Image
Icon set
Image
Illustration set
Image
UX DESIGN PROCESS
The UX Journey: Starting with the problems and desires in mind

To better understand and address the pain points and needs, we started our design process by conducting a series of workshops together with the stakeholders, product owners, and the development team. Engaging all parties in these sessions brings great benefits in terms of understanding the requirements and desires, as well as generating innovative ideas for solving specific problems.

01. Discovery Workshops

By running discovery workshops we identified our client’s needs, as well as the development requirements, which led to the creation of wireframes and action items for all team members involved in the project.

Image
Workshops
Image
Image
02. Research

We continued with researching the latest UX trends, design principles and rules, as well as studying our competitors’ approaches.

We also conducted frequent brainstorming sessions with the development team and product owners to learn further about our client’s specific needs

03. Prototype

During this stage of the process, we designed high fidelity user flows to ensure that users can successfully complete their key objectives. Additionally, we reevaluated each path with the stakeholders, product owners, and the development team, for better optimization and improved personalization.

To further improve the User Experience, we also created micro-interactions and animations which were implemented by the development team

Image
Prototype
UX DESIGN PROCESS
Fun facts & more

More than 250 screens and screen states were created for the mobile version only. On top of that, we designed more than 100 additional screens for the desktop version.

Image
Fun Facts
UX DESIGN PROCESS
Design Principles

The principles of scale, visual hierarchy, balance, and contrast not only create beautiful designs, but also increase usability when applied correctly. We’ve made sure to infuse all of these design rules and best practices to provide seamless User Experience and robust interaction.

Image
Personality
100% tailor-made experience

To stand out from its competitors, the app needed its own personality. So to achieve this, we created custom illustrations, pictograms, and iconography, designed from scratch, and created an unparalleled experience that is driving in-app engagement.

Image
Usability First
Usability First

Since the application empowers users to make changes to their accounts or add new banking products, we focused on crafting easy-to-follow journeys for them to complete key objectives, and at the same time ensuring they feel in control and secure.

Image
Modern & Friendly Design
Modern & Friendly Design

The user interface is clean, minimalistic, with rounded features. We also added micro-interactions to delight the user and create moments that are engaging and welcoming.

Thank you for your time! Hope you feel inspired!

Subscribe to our newsletter to receive more success stories from Tremend Studio.