[

Monument Bank

]

Defining the Digital Experience for the Mass-Affluent.

Role

Senior Product and Visual Design

Scope

UX/UI Strategy, Mobile App, Design System

Duration

6 months

SUMMARY

Monument is a London-based challenger bank for the "mass-affluent" market of professionals with £100k to £1m in assets.

My role was to translate their high-end print identity into a compliant digital product. I led the design from concept to MVP launch, making the app feel like an exclusive membership club rather than a simple utility.

Key contributions

  • Strategic Adaptation: Transformed a rigid architectural brand identity into a responsive, accessible digital interface.

  • Constraint-Led UX: Designed complex banking flows, including KYC and onboarding, optimised for legacy devices used by the target audience.

  • System Architecture: Developed a comprehensive Figma UI kit with over 260 components to ensure consistency across iOS and Android.

  • Motion Design: Designed bespoke micro-interactions that provide haptic feedback, reinforcing a premium sense of weight and quality.

Bridging the Gap

The mass-affluent market fell between generic retail apps and high-touch private banking. My goal was to show that a digital interface could deliver the prestige of a private branch manager while balancing heavy regulatory data entry with effortless luxury.

The Spatial Paradox

STRATEGY & CONSTRAINTS

Research showed 40% of our affluent users relied on legacy devices like the iPhone 8. I established a "Compact-First" framework, optimising the design for these tight vertical constraints first. This ensured clarity and hierarchy without depending on the extra space of modern flagship phones.

Reducing Cognitive Load

Working with Content Design, we mapped a registration journey that respected the mass-affluent user’s low tolerance for friction. Every form field was carefully justified to reduce cognitive load and drop-off.

I mapped low-fidelity wireframes to the iPhone 8 viewport to ensure regulatory text stayed visible above the fold.

Comprehensive user flows for the registration journey captured complex business logic and edge cases, ensuring a seamless experience on smaller screens without compromising functionality.

I mapped low-fidelity wireframes to the iPhone 8 viewport to ensure regulatory text stayed visible above the fold.

Comprehensive user flows for the registration journey captured complex business logic and edge cases, ensuring a seamless experience on smaller screens without compromising functionality.

Defining the 'Digital Lounge'

DISCOVERY

To address screen constraints without losing prestige, I replaced standard fintech white with a “Digital Lounge” aesthetic using rich dark palettes. I adapted the rigid print brand into a softer UI that balanced high-end atmospherics with clear mobile legibility.

I refined the logo spacing to ensure clarity on mobile screens, preserving legibility without compromising the brand’s signature weight.

We translated the brand’s architectural roots into a digital interface, using materials like stone and light. This created a tangible, premium aesthetic rather than a flat look.

I refined the logo spacing to ensure clarity on mobile screens, preserving legibility without compromising the brand’s signature weight.

We translated the brand’s architectural roots into a digital interface, using materials like stone and light. This created a tangible, premium aesthetic rather than a flat look.

I refined the logo spacing to ensure clarity on mobile screens, preserving legibility without compromising the brand’s signature weight.

We translated the brand’s architectural roots into a digital interface, using materials like stone and light. This created a tangible, premium aesthetic rather than a flat look.

Early tests showed the square brand blocks were too rigid for dense data, so I introduced rounded corners. This balanced the architectural aesthetic with approachable usability.

A scalable system combining Vesterbro for elegance and Eina for utility. The rich colour palette reinforces institutional trust while meeting strict accessibility standards.

Early tests showed the square brand blocks were too rigid for dense data, so I introduced rounded corners. This balanced the architectural aesthetic with approachable usability.

A scalable system combining Vesterbro for elegance and Eina for utility. The rich colour palette reinforces institutional trust while meeting strict accessibility standards.

Early tests showed the square brand blocks were too rigid for dense data, so I introduced rounded corners. This balanced the architectural aesthetic with approachable usability.

A scalable system combining Vesterbro for elegance and Eina for utility. The rich colour palette reinforces institutional trust while meeting strict accessibility standards.

I refined the logo spacing to ensure clarity on mobile screens, preserving legibility without compromising the brand’s signature weight.

We translated the brand’s architectural roots into a digital interface, using materials like stone and light. This created a tangible, premium aesthetic rather than a flat look.

Early tests showed the square brand blocks were too rigid for dense data, so I introduced rounded corners. This balanced the architectural aesthetic with approachable usability.

A scalable system combining Vesterbro for elegance and Eina for utility. The rich colour palette reinforces institutional trust while meeting strict accessibility standards.

Engineering the 'Premium Feel'

From Concept to Reality

The final execution emphasised tactile quality and seamless logic, turning a complex registration journey into a clear, linear narrative. Rich micro-interactions provided reassuring feedback, creating a secure banking tool that feels like a premium lifestyle product.

Monument Bank mobile app dashboard displayed on two iPhones resting on a dark stone texture, emphasizing the architectural design language.
Close-up of a hand holding an iPhone displaying the Monument Bank 'Lifestyle' services dashboard with a curated grid of concierge icons.
High-fidelity mockup of the Monument Bank app onboarding screen on an iPhone held by black gloved hands, showcasing the premium dark mode aesthetic.
Two iPhones displaying Monument Bank investment interfaces, featuring details for 'Fixed Term Deposit' and 'Easy Access Savings' accounts on a teal background.
Monument Bank mobile app dashboard displayed on two iPhones resting on a dark stone texture, emphasizing the architectural design language.
High-fidelity mockup of the Monument Bank app onboarding screen on an iPhone held by black gloved hands, showcasing the premium dark mode aesthetic.
Close-up of a hand holding an iPhone displaying the Monument Bank 'Lifestyle' services dashboard with a curated grid of concierge icons.
Two iPhones displaying Monument Bank investment interfaces, featuring details for 'Fixed Term Deposit' and 'Easy Access Savings' accounts on a teal background.

Balancing strict compliance with smooth onboarding, the process breaks complex data entry into clear, linear steps, reducing cognitive load and keeping users secure throughout the journey.

Custom Lottie animations transform standard system permissions into premium interactions. The high-fidelity motion makes the app feel responsive and reinforces trust during critical setup moments.

Balancing strict compliance with smooth onboarding, the process breaks complex data entry into clear, linear steps, reducing cognitive load and keeping users secure throughout the journey.

Custom Lottie animations transform standard system permissions into premium interactions. The high-fidelity motion makes the app feel responsive and reinforces trust during critical setup moments.

Balancing strict compliance with smooth onboarding, the process breaks complex data entry into clear, linear steps, reducing cognitive load and keeping users secure throughout the journey.

Custom Lottie animations transform standard system permissions into premium interactions. The high-fidelity motion makes the app feel responsive and reinforces trust during critical setup moments.

Monument Bank mobile app dashboard displayed on two iPhones resting on a dark stone texture, emphasizing the architectural design language.
Close-up of a hand holding an iPhone displaying the Monument Bank 'Lifestyle' services dashboard with a curated grid of concierge icons.
High-fidelity mockup of the Monument Bank app onboarding screen on an iPhone held by black gloved hands, showcasing the premium dark mode aesthetic.
Two iPhones displaying Monument Bank investment interfaces, featuring details for 'Fixed Term Deposit' and 'Easy Access Savings' accounts on a teal background.

Balancing strict compliance with smooth onboarding, the process breaks complex data entry into clear, linear steps, reducing cognitive load and keeping users secure throughout the journey.

Custom Lottie animations transform standard system permissions into premium interactions. The high-fidelity motion makes the app feel responsive and reinforces trust during critical setup moments.

Scalability for Growth

Scalability by Design

I delivered a future-proof Figma system with over 260 atomic components to support rapid internal growth. This foundation let the team scale features quickly while preserving the premium design language.

A snapshot of the atomic design system delivered to the Monument team.

The Impact

The MVP successfully launched, validating the hypothesis that wealthy clients desired a digital-first solution that didn't compromise on service quality.

User Satisfaction

Achieved a 4.9/5 rating on the Apple App Store and 4.7/5 on Google Play.

Achieved a 4.9/5 rating on the Apple App Store and 4.7/5 on Google Play.

Achieved a 4.9/5 rating on the Apple App Store and 4.7/5 on Google Play.

Efficiency

Delivered a scalable system of 260+ components, significantly accelerating developer hand-off.

Adoption

Successfully onboarded the initial cohort of investors, with user feedback citing the design as a key factor in building immediate trust.

CONCLUSION

The Monument project showed that fintech design doesn’t have to be “techy” or “playful” to succeed. By treating the interface with the same care as a luxury physical product, we created a banking experience that respects the user’s status and time.

Key Takeaway

True premium value goes beyond aesthetics. It lives in details like information depth and tangible motion. By respecting device constraints, we created an app that feels solid, trustworthy, and distinct.

© Featured projects プロジェクト

[W_RXS®]

Case Studies

© Featured projects プロジェクト

Case Studies

© Featured projects プロジェクト

[W_RXS®]

Case Studies

© Featured projects プロジェクト

[W_RXS®]

Case Studies

© Featured projects プロジェクト

[W_RXS®]

Case Studies