MONEYBOX UK
Fintech App Rebrand
A fresh rebrand for Moneybox, the UK's personal wealth app, in partnership with London creative agency Ragged Edge. Together, we crafted a new brand identity for over 1 million customers and launched it seamlessly across every product touchpoint.
PROBLEM
The app's brand identity had become outdated and no longer reflected its growth or credibility. Its visual language lacked clarity and consistency across platforms, making it harder to build user trust. In a fast-evolving, competitive market, the business needed a modern, cohesive brand that conveyed reliability, innovation, and confidence.
OBJECTIVES
A fast-paced, six-week project to overhaul the product's brand: refreshing the visual identity, building a new design system, illustrating UI assets with creative flair, and delivering a clear, coherent Figma component library and guidelines for the wider organisation.
GOAL
The goal was to overhaul the brand, enhance the visual UX, and launch a refreshed app — elevating visual trust to strengthen user confidence in one of the UK's leading personal finance platforms.
ROLE
Lead Product Designer // Design System • UI Identity • Accessibility • Data Visualisation
TEAM
Head of Product Design
Lead Product Designer
Design System Specialist
Software Engineers x6
Ragged Edge
Ragged Edge provided the foundational brand concept, which we developed further through close collaboration between our in-house product designers and design director.
Ragged Edge Concepts
Moving away from the previous branding, the rebrand established a more mature, confident, and future-facing identity — one that communicates financial expertise, reliability, and innovation, differentiating the business in a highly competitive market.
Whilst the agency established the overall brand identity, we worked alongside them to define the UI identity for the app. The process involved extensive exploration and iteration: through numerous design reviews, we refined the visual direction, accessibility standards, and data colour systems, and took the opportunity to reimagine the UX for financial data visualisation.
Creative exploration across different pages of the app, breaking down each module and building on the visual identity. A collaborative process with consistent communication was key.
A deeper dive into the creative iterations explored.
Reimagining blog article blocks, exploring a new illustration style, and testing new vector shapes and how they might be used. This extended to exploring shapes for UI and identifying a colour palette — button colours, text colours, and other usage. Early, rough concepts allowed for flexible creative play, paired with close collaboration to align on direction and agree the visual aesthetic.
Deep analysis of data colour combinations for dark mode ensured each colour met WCAG AA accessibility standards against the background, worked harmoniously with other data colours, and had a corresponding light mode variant.
Styling came together progressively through collaborative design critiques and alignment sessions, ensuring the visual design elevated the UX and demonstrated the right use of colour. One rule defined along the way was to avoid colourful backgrounds, in favour of a more mature, sophisticated look.
Designs were presented and reviewed regularly, allowing us, as a tight-knit team, to build a coherent understanding of the new brand guidelines as they took shape.
As the visual identity took shape and each core component was approved, comprehensive specifications were documented and handed over to our native iOS and Android engineers.
Colour usage guidelines became clearer and evolved across the app's different modules.
The finished visual identity, look and feel.
The new brand identity was applied live across the app, website, and all online and offline channels — cohesively and consistently.
Product, marketing, and engineering teams were briefed efficiently and followed the proposed designs and guidelines closely, culminating in a seamless, successful brand launch with no technical issues.
