APP REDESIGN

Overview

Old ONMO app interface

The app had been created by multiple freelancers over time, which meant it lacked a cohesive design direction. The result was an unclear information architecture, stylistic inconsistencies, higher cognitive load, and a user experience that could be made far more intuitive and engaging.

My focus was on redesigning the app from the ground up, transforming it into a modern, engaging experience that reflected the new Onmo brand and moved beyond a purely functional approach.

Understanding and Mapping the Ecosystem

Mixpanel analytics

Before jumping into design, I needed to fully understand how the existing app worked — not just from a UX perspective, but also technically.

I mapped every user journey validated them with the Compliance and Commercial teams to ensure the content and disclosures were accurate and transparent.

I also documented all front-end and back-end tools and services in place, including data tools like DataBricks and DataDog to understand the metrics around key journeys. This helped uncover dependencies, capabilities, and limitations, allowing me to see where we could innovate and where we'd need to adapt within existing infrastructure.

Listening to Customers

Customer complaints analysis

Next, I worked closely with the CS team to review customer complaints, support tickets, and user feedback, uncovering recurring issues and identifying pain points in app usability and friction in core journeys like payments and card management, both critical to the business's success.

From there, I prioritised the most impactful problems to address and fix within the new design.

Redefining the Information Architecture

Once the biggest friction points were identified, I played back my findings to the wider team and directors to get everyone aligned on the plan.

I redesigned the entire information architecture of the app and worked closely with the development team to make sure our new structure could be supported by the existing backend services, avoiding unnecessary technical debt. This alignment early on helped us move fast once we entered visual design and build stages.

From my initial analysis following became clear:

Objectives

  • Surface key account information — Ensuring the most important balance and card details were always visible and accessible without friction.
  • Fix information hierarchy — Reducing cognitive load by restructuring layouts and interactions to guide users more intuitively.
  • Make sure all key account informations are displayed within the app so that it becomes the main channel for customers to manage their products.
  • Modernise interaction patterns — Introducing familiar, user-friendly components and motion to make the experience feel natural, consistent, and trustworthy.

Challenges

  • Business Card — The commercial team was developing a new Business Card product, but there were no details or content available yet. I had to anticipate this future addition and design a flexible structure that could scale seamlessly once the product was ready.
  • Onmo Loans — Leadership was also exploring Onmo Loans as a new product line. While it was still in early discussions, I knew it would eventually need a dedicated space within the app. Without clear requirements or visuals, I focused on creating a navigation and IA flexible enough to accommodate entirely new product branches when they came to life.

From this point on, I went through countless iterations — collaborating closely with different teams and refining every detail along the way. To keep this case study digestible, I've left out many of those in-between steps — but if you'd like me to walk you through all the behind-the-scenes work and design decisions, please reach out!


Before and after comparison

First things first — I tackled the information architecture issues by reorganising how key information was structured and displayed. This led to introducing additional pages, expandable card patterns, and contextual tooltips — allowing us to present more information in a clearer, more digestible, and memorable way.

App notifications

The homepage was loading slowly because it was pulling a lot of information from multiple backend services. I reorganised the content structure by moving secondary details into expandable cards and dedicated pages. This improved clarity, gave us room to add more content for each information set, and significantly reduced loading times.

One of the key issues I discovered during my early catch-ups with different teams was that the company was losing a significant amount of money because customers weren't aware of important deadlines — especially repayment dates.

To fix this, I introduced new variations of the account cards so users could still view their main account information at a glance, while also being clearly notified about critical actions such as missed payments, arrears, or upcoming fees.

The next step was ensuring the new app structure could support the upcoming Business Card product. Without having full visibility into its content or commercial details, I designed the layout to be flexible — allowing new products to be added seamlessly without disrupting the existing experience. I introduced a card-switching interaction to toggle between products, a familiar pattern already well-established in fintech apps.

I also introduced a tab bar to accommodate future product lines that would have their own distinct layouts and content. The focus was on ensuring we could integrate new offerings seamlessly when they were ready — without disrupting the existing experience or navigation flow.

Alongside improving usability and content structure, I introduced motion design patterns and 3D iconography to bring a sense of delight to the experience — making the new branding feel alive within the app and reinforcing trust through visual and behavioural consistency across all Onmo products.

I completed the full app redesign single-handedly, addressing every goal outlined in my initial research phase. Throughout the process, I collaborated closely with the development team — identifying and adapting React Native libraries that allowed us to implement the new design efficiently, saving both time and budget.

To keep this case study digestible, I've only included key highlights here — but please reach out if you'd like a full walkthrough of the complete design process.

VALIDATING THE NEW USER EXPERIENCE

Once I felt confident in the new direction, it was time to validate it through user testing.

The next section covers how I established Onmo's internal UX team and built the foundation for our in-house research and testing framework.