Client: BeePay
My Role: Lead UX Designer
Tools Used: Figma, Framer, Jira
Timeline: May 2025 - August 2025
BeePay was aiming to streamline the car-parking process and so we set out to design a modern fintech dashboard that allows users to easily manage payments, track transactions, and gain insights into their financial activity.
The goal was to create a platform that balances clarity with sophistication — delivering a seamless, visually consistent experience that empowers users to interact confidently with their financial data.
I began by exploring how people move through the BeePay experience. Through qualitative interviews and journey mapping, I identified key pain points around cluttered transaction views, unclear navigation, and gaps in flow between payment and confirmation.
Understanding these behaviours and frustrations early on helped define the problem space and set a clear direction for the design phase — focusing on clarity, reassurance, and a smoother end-to-end experience.
Product Mockups
Product Mockups
Design Process
Ideation and Concepts
Testing and Iteration
Design System and Guidelines
I began by exploring how people move through the BeePay experience. Through qualitative interviews and journey mapping, I identified key pain points around cluttered transaction views, unclear navigation, and gaps in flow between payment and confirmation.
Understanding these behaviours and frustrations early on helped define the problem space and set a clear direction for the design phase — focusing on clarity, reassurance, and a smoother end-to-end experience.
Research and Development
Research and Development
Ideation and Concepts
Testing and Iteration
Design System and Guidelines
Final Outcome
I started with low-fidelity wireframes to define the homepage layout and prioritise key information such as balances, transactions, and primary actions. Moving into high fidelity, I refined visual details while maintaining strict alignment with BeePay’s brand guidelines.
Project Background: We set out to design a modern fintech dashboard that allows users to easily manage payments, track transactions, and gain insights into their financial activity. The goal was to create a platform that balances clarity with sophistication — delivering a seamless, visually consistent experience that empowers users to interact confidently with their financial data.
Research Goals: Identify key user needs, priorities, and pain points when managing multiple financial transactions in one place, ensuring the dashboard presents essential data clearly while maintaining trust, usability, and brand consistency.
Insights:
Hone in on most important information
Blue is calming compared to frustration of driving
Navigation can be unclear
Chat capabilities
Final Outcome
Product Mockups - Mobile and Desktop
Impact and Results
If I were to revisit this project, I’d focus more on responsive design, ensuring the dashboard scales seamlessly rather than relying on a separate mobile layout. While maintaining colour consistency, I could also have considered WCAG accessibility and legibility more closely.
Displaying detailed usage statistics so prominently may not have been the best use of space — expanding payment information and placing deeper analytics on a secondary page could create a cleaner, more focused experience.
Although the concept didn’t launch, the simplified hierarchy and calmer visual approach showed strong potential to enhance clarity, confidence, and flow — helping users manage transactions more intuitively. These reflections continue to shape how I balance aesthetics, usability, and accessibility in my design work.
Full UX Portfolio
Get in Touch
Design Process
Client: BeePay
My Role: Lead UX Designer
Tools Used: Figma, Framer, Jira
Timeline: May 2025 - August 2025
BeePay was aiming to streamline the car-parking process and so we set out to design a modern fintech dashboard that allows users to easily manage payments, track transactions, and gain insights into their financial activity.
The goal was to create a platform that balances clarity with sophistication — delivering a seamless, visually consistent experience that empowers users to interact confidently with their financial data.
I started with low-fidelity wireframes to define the homepage layout and prioritise key information such as balances, transactions, and primary actions. Moving into high fidelity, I refined visual details while maintaining strict alignment with BeePay’s brand guidelines.
Project Background: We set out to design a modern fintech dashboard that allows users to easily manage payments, track transactions, and gain insights into their financial activity. The goal was to create a platform that balances clarity with sophistication — delivering a seamless, visually consistent experience that empowers users to interact confidently with their financial data.
Research Goals: Identify key user needs, priorities, and pain points when managing multiple financial transactions in one place, ensuring the dashboard presents essential data clearly while maintaining trust, usability, and brand consistency.
Insights:
Hone in on most important information
Blue is calming compared to frustration of driving
Navigation can be unclear
Chat capabilities
Mobile & Desktop
Impact and Results
If I were to revisit this project, I’d focus more on responsive design, ensuring the dashboard scales seamlessly rather than relying on a separate mobile layout. While maintaining colour consistency, I could also have considered WCAG accessibility and legibility more closely.
Displaying detailed usage statistics so prominently may not have been the best use of space — expanding payment information and placing deeper analytics on a secondary page could create a cleaner, more focused experience.
Although the concept didn’t launch, the simplified hierarchy and calmer visual approach showed strong potential to enhance clarity, confidence, and flow — helping users manage transactions more intuitively. These reflections continue to shape how I balance aesthetics, usability, and accessibility in my design work.