Portfolio
Overview
Led product design for a multilingual corporate banking platform covering complex payment flows, transfers, reporting, and maker-approver journeys.
I helped shape a clearer, more scalable experience through research, prototyping, navigation design, and a reusable design system.
UX / UI / Design Systems
Corporate Banking Platform & Design System
Confidential financial services product focused on complex workflows, scalable patterns, and multilingual design.
View Case StudyChallenge
How do you simplify dense corporate banking journeys without losing the control and detail users need?
The platform had to support complex tasks across payments, transfers, approvals, and reporting while improving clarity, consistency, and scalability.
Approach
I focused on clearer structure, reusable patterns, and research-led iteration.
The work combined benchmarking, stakeholder input, user testing, prototyping, and design system thinking to improve key journeys without adding unnecessary complexity.
Research
I used benchmarking, stakeholder interviews, and customer testing with Userberry to understand pain points, expectations, and where complex journeys were breaking down.
Flows & Structure
I worked through flows, hierarchy, and navigation to make complex tasks such as payments, transfers, and maker-approver journeys easier to follow and manage.
Design System
A multilingual design system was built using atomic principles, creating reusable components and shared patterns that could scale across the platform and support rollout into other products.
Prototyping
Prototypes were used to test ideas, communicate interaction decisions, and help stakeholders align around clearer journeys and more consistent product behaviour.
Scalability
- The system was designed to support long-term consistency across a complex financial product.
- Shared patterns and governance helped create stronger foundations for future rollout across other services.
Outcome
A more scalable product foundation for a complex corporate banking platform.
The work improved clarity across key journeys and helped establish a stronger system for consistency, accessibility, and long-term evolution across related products.
UX / UI / Design / Development
Game Code Redemption Service
To create a website and scalable solution for a blockbuster game where users could redeem promotion codes for in-game items and other rewards.
View Case StudyPassword Protected
Overview
Dunlop and BTCC needed a digital experience that could capture the energy of the sport while staying fast, accessible, and easy to navigate.
I designed and built a responsive microsite and virtual tour that balanced brand storytelling, interaction design, and front-end performance to create a more engaging fan experience.
UX / Visual Design / Front-End Development
Microsite & Virtual Tour
A branded interactive experience designed to showcase BTCC cars in a way that felt immersive, performant, and easy to explore.
View Case StudyChallenge
How do you create an experience that feels rich and interactive without losing clarity or performance?
The project needed to showcase detailed car content, reflect Dunlop’s brand, and appeal to both casual fans and more engaged motorsport audiences across devices.
Approach
I approached the project as a balance of storytelling, usability, and technical restraint.
The experience was structured to guide users through the content progressively, using interaction and motion to support exploration without overwhelming the interface or compromising speed.
Audience Insight
I looked at how different audience types engaged with motorsport content, combining user insight and competitor review to understand where the experience needed to be fast, visual, and immediately rewarding, and where it needed more depth.
Structure & Wireframes
Wireframes were used to define hierarchy, pacing, and interaction flow early, helping shape a clearer structure before moving into visual design and front-end build.
Content Strategy
The experience used progressive disclosure to keep the interface approachable while still allowing deeper exploration. This helped balance high-impact visuals with more detailed content, giving different users a way in without making the experience feel heavy.
Interaction Design
Subtle motion and game-inspired micro-interactions were used to make the experience feel more dynamic and tactile, while still serving navigation, orientation, and overall usability.
Front-End Execution
- The build was designed to stay visually rich without relying on unnecessarily heavy assets.
- CSS gradients, SVG elements, and lightweight front-end techniques helped maintain performance across desktop, tablet, and mobile.
Brand Expression
The visual direction stayed closely aligned to Dunlop’s identity, using colour, typography, and motion to create something that felt recognisable, high-energy, and consistent with the brand without compromising clarity.
Outcome
The final result was an engaging branded experience that brought together storytelling, performance, and interaction in a way that felt polished and easy to use.
It gave users a more immersive way to explore the BTCC content, increased traffic to the Dunlop Tyres site, and created a digital piece that was widely shared across motorsport communities.
UX / UI / Visual Design / Development
Final Fantasy Starter Guide
Designed a Starter Guide for a AAA game to provide an engaging and accessible onboarding experience for new players.
View Case StudyPassword Protected
