PRODUCT
MOBILE APP
SKILLS
INTERACTION DESIGN, PRODUCT DESIGN, USER RESEARCH & TESTING, PROJECT MANAGEMENT, FINANCIAL ACUMEN
TOOLSET: FIGMA, FIGJAM & ADOBE XD
Timeline
Q2 2025
I was the independent product designer for the Campbell Project, a personal project challenge to apply design thinking, usability principles and product strategy into practice. The envisioned Coutts banking application is a one-stop shop for everything wealth management at the fingertips of affluent clients.
My challenge was clear — to simplify the banking experience in an elegant and consistent fashion that meets the expectations of the affluent. I wanted to ensure that Coutts clients could freely manage and control their wealth with ability to visibly glance at their wealth overview and make payments with a simplified user flow.
I was the independent product designer for the Campbell Project, a personal project challenge to apply design thinking, usability principles and product strategy into practice. The envisioned Coutts banking application is a one-stop shop for everything wealth management at the fingertips of affluent clients.
My challenge was clear — to simplify the banking experience in an elegant and consistent fashion that meets the expectations of the affluent. I wanted to ensure that Coutts clients could freely manage and control their wealth with ability to visibly glance at their wealth overview and make payments with a simplified user flow.
I was the independent product designer for the Campbell Project, a personal project challenge to apply design thinking, usability principles and product strategy into practice. The envisioned Coutts banking application is a one-stop shop for everything wealth management at the fingertips of affluent clients.
My challenge was clear — to simplify the banking experience in an elegant and consistent fashion that meets the expectations of the affluent. I wanted to ensure that Coutts clients could freely manage and control their wealth with ability to visibly glance at their wealth overview and make payments with a simplified user flow.
Users report difficulty completing core tasks such as logging in, identifying payees and accessing wealth overviews, this has lead to user frustration. While the application maintains strong privacy and security measures, there are opportunities to improve inconsistent user flows and feature clarity, ensuring alignment with expectations for a premium, private banking experience.
By identifying this challenge, I saw it as a chance to add significant value by redefining how affluent clients access a one-stop shop of wealth management.
Problem Space
Project Goal
Project Goal
Design a high-fidelity interactive prototype that will empower Coutts clients to effortlessly manage their wealth and access their wealth overview while maintaining heritage and prestige.
Designed for every interface state
Success and the unexpected
Designed for every interface state
Success and the unexpected
Designed for every interface state
Success and the unexpected
Success, error, empty and loading states—each system state anticipates user needs. Insufficient funds? Bold and clear alerts. No payees? A clear prompt to set up first payee. Every moment is designed intently to build trust and clarity.
Success, error, empty and loading states—each system state anticipates user needs. Insufficient funds? Bold and clear alerts. No payees? A clear prompt to set up first payee. Every moment is designed intently to build trust and clarity.
Success, error, empty and loading states—each system state anticipates user needs. Insufficient funds? Bold and clear alerts. No payees? A clear prompt to set up first payee. Every moment is designed intently to build trust and clarity.
Wireframing
Rough sketches and lo-fi wireframes
Wireframing
Rough sketches and lo-fi wireframes
Wireframing
Rough sketches and lo-fi wireframes
I designed wireframes as a structural layout to express bold ideas with precision. The wireframes I crafted were rough sketch solutions and low-fidelity wireframes outlining structural integrity, format and placement. The wireframes have a greyscale colour system, focusing on layout rather than colours, iconography or typography.
I designed wireframes as a structural layout to express bold ideas with precision. The wireframes I crafted were rough sketch solutions and low-fidelity wireframes outlining structural integrity, format and placement. The wireframes have a greyscale colour system, focusing on layout rather than colours, iconography or typography.
I designed wireframes as a structural layout to express bold ideas with precision. The wireframes I crafted were rough sketch solutions and low-fidelity wireframes outlining structural integrity, format and placement. The wireframes have a greyscale colour system, focusing on layout rather than colours, iconography or typography.
Solution
The all-new Coutts banking app reimagines wealth management for afluent clients, transforming a fragmented experience into a seamless, premium journey by rethinking navigation and refining interactions around user intent. Core tasks such as payments are now effortless, elegant, and purposefully designed to reflect trust and clarity.
When using the new prototype:
An instantly accessible wealth overview. |
Navigation refined for a seamless flow. |
Streamlined login and quick return access with Face ID. |
Effortless payee management, including favourite payees identified using machine learning. |
The all-new Coutts banking app reimagines wealth management for afluent clients, transforming a fragmented experience into a seamless, premium journey by rethinking navigation and refining interactions around user intent. Core tasks such as payments are now effortless, elegant, and purposefully designed to reflect trust and clarity.
When using the new prototype:
An instantly accessible wealth overview. |
Navigation refined for a seamless flow. |
Streamlined login and quick return access with Face ID. |
Effortless payee management, including favourite payees identified using machine learning. |
Journey Mapping
A user journey map illustrating Richard's experience as he navigates the Coutts banking digital experience, highlighting his thoughts, goals and frustrations.
Designed for the target user
To truly empathise with the client, I developed a user persona in the theme of Coutts' exclusive social network platform, 440, to truly captivate user feelings and emotions.
User personas and journey mapping are crucial elements of design empathy to truly captivate user emotions, needs, desires and behavioural profile.
User personas and journey mapping are crucial elements of design empathy to truly captivate user emotions, needs, desires and behavioural profile.
User personas and journey mapping are crucial elements of design empathy to truly captivate user emotions, needs, desires and behavioural profile.
Empathise and define within design thinking.
Empathise and define within design thinking.
Empathise and define within design thinking.
User Scenario
Richard is alerted of a high-value transaction, he opens the app, reviews the transaction. The app confirms Richard's action instantly—fast, secure and effortless.
Approval Path
Richard recognises the transaction, reviews and approves it with Face ID, and sees a success message—fast, clear and secure.
Rejection Path
Richard does not recognise the transaction, and he rejects the transaction and locks his card, supported by clear instructions and next steps.
User Scenario
Richard is alerted of a high-value transaction, he opens the app, reviews the transaction. The app confirms Richard's action instantly—fast, secure and effortless.
Approval Path
Richard recognises the transaction, reviews and approves it with Face ID, and sees a success message—fast, clear and secure.
Rejection Path
Richard does not recognise the transaction, and he rejects the transaction and locks his card, supported by clear instructions and next steps.
Journey Mapping
A user journey map illustrating Richard's experience as he navigates the Coutts banking digital experience, highlighting his thoughts, goals and frustrations.
Project documentation
Project documentation
Project documentation
