Client
HSBC
Location
London, UK
Role
Product Designer
Services
Creative Direction
UX/UI Design
Prototyping
A legacy bank's transformative interface redesign for worldwide acceptance
HSBC’s global presence was both a strength and a challenge. While the bank operated in numerous markets, each region had developed its own banking products and systems, leading to a fragmented digital experience hindering both scalability and brand cohesion. Fragmentation was affecting both operational efficiency and the customer experience.
Client
HSBC
Location
London, UK
Role
Product Designer
Services
Creative Direction
UX/UI Design
Prototyping
A legacy bank's transformative interface redesign for worldwide acceptance
HSBC’s global presence was both a strength and a challenge. While the bank operated in numerous markets, each region had developed its own banking products and systems, leading to a fragmented digital experience hindering both scalability and brand cohesion. Fragmentation was affecting both operational efficiency and the customer experience.
A legacy bank's transformative interface redesign for worldwide acceptance
HSBC’s global presence was both a strength and a challenge. While the bank operated in numerous markets, each region had developed its own banking products and systems, leading to a fragmented digital experience hindering both scalability and brand cohesion. Fragmentation was affecting both operational efficiency and the customer experience.
Details
1
Key metrics
35% faster
shipping localised campaigns
Details
1
Key metrics
35% faster
shipping localised campaigns
Details
1
Key metrics
35% faster
shipping localised campaigns
2
Approach
To address this, HSBC formed a cross-functional task force that brought together five global agencies alongside its internal brand team. Our team focused on the Retail Banking stream, working closely with in-house engineers and other partners to define and deliver a consistent digital foundation.
The project coincided with the early rise of design systems and atomic design principles. These methods proved essential to our approach, allowing us to build reusable, modular components and streamline collaboration across teams. Having designers and engineers embedded side-by-side meant we could prototype rapidly, validate ideas quickly, and ensure quality through continuous QA cycles.
Regular alignment sessions with the other agency teams and the HSBC brand group helped ensure consistency across verticals, while shared milestones kept the broader initiative coordinated and on track.
3
Outcomes & Deliverables
Designed a flexible global UI system that preserved brand integrity while adapting to regional needs, modernizing HSBC’s digital experience for a new generation.
Worked alongside in-house full-stack developers in an agile setup, enabling continuous iteration and reducing usability and localization risks.
Delivered a new retail banking app tailored for the UK and European markets.
Achieved a 35% increase in speed for launching new market-specific offerings.
2
Approach
To address this, HSBC formed a cross-functional task force that brought together five global agencies alongside its internal brand team. Our team focused on the Retail Banking stream, working closely with in-house engineers and other partners to define and deliver a consistent digital foundation.
The project coincided with the early rise of design systems and atomic design principles. These methods proved essential to our approach, allowing us to build reusable, modular components and streamline collaboration across teams. Having designers and engineers embedded side-by-side meant we could prototype rapidly, validate ideas quickly, and ensure quality through continuous QA cycles.
Regular alignment sessions with the other agency teams and the HSBC brand group helped ensure consistency across verticals, while shared milestones kept the broader initiative coordinated and on track.
3
Outcomes & Deliverables
Designed a flexible global UI system that preserved brand integrity while adapting to regional needs, modernizing HSBC’s digital experience for a new generation.
Worked alongside in-house full-stack developers in an agile setup, enabling continuous iteration and reducing usability and localization risks.
Delivered a new retail banking app tailored for the UK and European markets.
Achieved a 35% increase in speed for launching new market-specific offerings.
2
Approach
To address this, HSBC formed a cross-functional task force that brought together five global agencies alongside its internal brand team. Our team focused on the Retail Banking stream, working closely with in-house engineers and other partners to define and deliver a consistent digital foundation.
The project coincided with the early rise of design systems and atomic design principles. These methods proved essential to our approach, allowing us to build reusable, modular components and streamline collaboration across teams. Having designers and engineers embedded side-by-side meant we could prototype rapidly, validate ideas quickly, and ensure quality through continuous QA cycles.
Regular alignment sessions with the other agency teams and the HSBC brand group helped ensure consistency across verticals, while shared milestones kept the broader initiative coordinated and on track.
3
Outcomes & Deliverables
Designed a flexible global UI system that preserved brand integrity while adapting to regional needs, modernizing HSBC’s digital experience for a new generation.
Worked alongside in-house full-stack developers in an agile setup, enabling continuous iteration and reducing usability and localization risks.
Delivered a new retail banking app tailored for the UK and European markets.
Achieved a 35% increase in speed for launching new market-specific offerings.
✱
✱
✱
HSBC reported a 35% performance increase in speed across all its regions for launching new market-specific offerings.
HSBC reported a 35% performance increase in speed across all its regions for launching new market-specific offerings.
HSBC reported a 35% performance increase in speed across all its regions for launching new market-specific offerings.
