The client for this project was a start-up fintech company who wanted an app design for an investment pitch. The client wanted me to design an app that would have competitive features in the ever-evolving mobile banking app industry. Some of the features were multi-currency support, mobile card management and others. Branding and design has been changed to comply with NDA.
Design process
I used a slightly modified UX design process where user testing was performed on design prototypes and not the actual product.
User & competitor research
During this phase I researched competitors such as Monzo, Starling bank and TransferWise. In regards to users, I utilised already available surveys and user data online. From this I created user groups and several user personas, you can see an example of one below.
Wireframes
During the wireframing phase I produced diagrams, flow charts and wireframes to map out the information architecture, flow and page layouts. I also created interactive prototypes that I presented to stakeholders and performed user testing on. During all this I ensured that information from user research is utilised in the designs.
Landing page and registration
The finished landing page has prominent branding and uncluttered design to build trust with users. The registration process is broken down into clear steps to make onboarding as easy as possible.
Account details and identity
In the UI design I clearly present various currencies for users to select. To verify identity the app works together with the smartphone camera and the app design gives clear instructions.
Document and success page
Similar to the identity verification screen, the “Add document” page uses the camera to take a photo. The design and instructions are similar to make the process as easy as possible. If identity is verified, users will briefly be shown a success message before being redirected to the account overview page.
Account overview
The default account page shows key information in an easy to digest manner – account balance and overview of expenses. By swiping up, users can view latest transactions. The main CTA on these pages is the PAY button.
Payment and card pages
The client feedback on the current UI cart page was that it was too cluttered and confusing. To solve these issues, I focused on surfacing the most important functionality while hiding less important actions in dropdown menus. I also used a centred, easy to read layout.
