Redesigned RBC App for Faster Payments & Improved Home Screen

This project involved redesigning the RBC Mobile Banking App’s home and payments screens to enhance user experience and efficiency. The focus was on simplifying navigation, prioritizing key actions, and integrating a new QR code payment feature. The redesign aimed to empower users to manage finances more effortlessly and intuitively.

Role

UI/UX Design,

User Research

Tools

Figma, Miro, Notion

Duration

12 Weeks

Challenge

The app had too much unused space, making key features like checking balances and paying bills less accessible. The redesign focused on optimizing layout to bring these essential tasks to the forefront for improved usability. Additionally, the payment process was slow and lacked modern conveniences like QR code payments, impacting user satisfaction and efficiency.

Results

The redesigned app features a clean, clutter-free interface, making it easier for users to navigate and access essential features.

The redesign improved access to key features and introduced QR code payments for faster transactions. Navigation efficiency is projected to increase by 40%, task completion time decrease by 15%, and overall app engagement rise by 25%.

+40%

Improved Navigation Efficiency

+25%

Increase in App Engagement

-15%

Decreased Payment Transfer Time

Discovery & Research

Discovery & Research

Understanding user pain points and industry trends was key to reshaping RBC’s mobile banking for clarity and ease.


  1. Reviewed the current app and similar banking apps to find common usability issues and update ideas.

  2. Walked through typical user tasks to spot problems with navigation and access to important features like checking balances and paying bills.

  3. Researched emerging trends in mobile payments, leading to the decision to incorporate QR code functionality for enhanced transaction speed and convenience.


A banking app should empower, not confuse the goal was to simplify every tap and transaction.

Wireframe

Wireframe

Early wireframes explored layout options to optimize space, prioritize key features, and create a seamless, user-friendly flow. This phase laid the foundation for an intuitive and efficient mobile banking experience.

Design

Design

Using insights from research and analysis, I developed clean, user-friendly interfaces that improve navigation and highlight key features. The design focuses on clarity, accessibility, and efficiency, creating a seamless banking experience while integrating modern payment options like QR codes.


Clear, efficient banking.

  1. Prioritized key actions like balance and bill payments on the home screen for quick access.

  2. Used consistent visual hierarchy and spacing to reduce clutter and improve focus.

  3. Integrated QR code payments to streamline transactions and modernize user experience.

Results & Impact

Results & Impact

The redesign improved the app’s usability by making key features like balance checking and bill payments easily accessible on the home screen. The integration of QR code payments modernized the transaction process, enhancing convenience. It is projected that these changes could increase navigation efficiency by 40%, reduce task completion time by 30%, and boost overall app engagement by 25%.

Learnings

Learnings

Key Design Lessons

Clear layouts improve app usability dramatically.

Custom tools like GPTs can boost creativity and strategic thinking when used thoughtfully and intentionally.

Custom tools like GPTs can boost creativity and strategic thinking when used thoughtfully and intentionally.

Understanding user pain points drives better UX solutions.

Understanding user pain points drives better UX solutions.