End-to-end development of the latest UK bank which actually cares about your wealth wellbeing
Understanding what the competitors are offering helped to set up the foundations and discover new opportunities for the product
At the start of any design project, conducting a Competitors Analysis is crucial. It gives us a clear understanding of what features other companies are offering, helping us determine which ones to include in our own app. Additionally, it allows us to prioritize our work effectively and identify any potential opportunities that competitors haven't tapped into yet. For our project with Onmo, we conducted an in-depth analysis of the leading players in the Credit and Debit card market, such as Revolut, Monzo, and Sterling. This analysis helped us compile a comprehensive list of features and data that needed to be integrated into Onmo's platform.
Mapping the customer journey outlined every step of the user's experience, visualising all potential outcomes and expected screens
As a standard part of the UX process, we created customer journeys for both App and Web before building any app screen. To clear identify them we used our previous research along the competitors analysis (for flows and features) and the Information Architecture (for features to expect in each screen) to start building step by step low fidelity flows as:
Taking the brand guidelines as a reference we built the Design System for speed and consistency of use
Atomic Design is the response of Design Systems to the quick changing design environment that we live nowadays. A tiny design change in one element can affect hundreds of them. By having the components split in smaller components (atoms) makes easier to apply any change to any design element in the system.
Onmo was born to give customers the tools and education they need to have a healthy relationship with money. In a saturated market where the offer is the same betweeen the competitors, the only differential element is the App User Experience. Onmo was born as a money buddy for the users, and therefore the app should reflect that attitude. A system of 3 layers was created to have support accessible from every screen in the app, so the user could “feel” that support at any stage of any process they could be involved in the App.
Layer Account: The account section surfaces ongoing activity, including balances and transactions, across accounts (credit card, current account and savings). Personal information and account settings are also displayed here.
Layer Support: The support section serves multiple functions – it provides proactive guidance based on the user’s behaviour and life events, as well as access to self service articles and realtime chat.
Layer Action: This is where the user will carry out specific actions like doing money transfers, checking transactions or card details...
Transitions and animations were worked during Mid-Fidelity Wireframing to enhance the use of the App
At the start of any design project, conducting a Competitors Analysis is crucial. It gives us a clear understanding of what features other companies are offering, helping us determine which ones to include in our own app. Additionally, it allows us to prioritize our work effectively and identify any potential opportunities that competitors haven't tapped into yet. For our project with Onmo, we conducted an in-depth analysis of the leading players in the Credit and Debit card market, such as Revolut, Monzo, and Sterling. This analysis helped us compile a comprehensive list of features and data that needed to be integrated into Onmo's platform.
Making sure what was developed was aligned with the Figma designs
Part of my role as a Product Designer was to assist QA on the UI part of the Onmo App to make sure that what was being delivered by developers was aligned with what was designed on Figma. One of the most effective ways to notice differences was placing side by side the screens. Lead QA was responsible to track them and assign Jira tickets to make the changes.
