Centrue
Card Ordering Experience
The Challenge
As a subsidiary of the established The Kingdom Bank, Centrue needed a modern card ordering flow that resonated with a digital-native audience while maintaining the core bank’s sense of security. The primary challenge was to transform a potentially tedious financial process into a seamless, trust-building experience by simplifying complex banking procedures.
The Goal
- Design a high-conversion mobile interface for ordering virtual and physical cards.
- Balance The Kingdom Bank’s corporate reliability with Centrue’s agile fintech identity.
- Minimise user friction during sensitive steps such as address verification and fee breakdowns.
My Role
As the Senior Product Designer, I owned the end-to-end design process:
- UX Strategy & Strategic Rationale.
- Low-fidelity Ideation & Wireframing.
- Design System & Component Architecture.
- High-fidelity Prototyping (Light & Dark modes).
Discovery & Research
The card ordering process was designed not just as a series of forms, but as a trust-building journey. To ensure focus, the scope intentionally excluded KYC and wallet management to prioritise a fast, transparent, and frictionless card acquisition flow.
- Entry Point Clarity: I provided a high-level comparison between virtual and physical cards using short benefit statements, helping users decide quickly without being overwhelmed by details.
- Deferred Information: To reduce initial uncertainty and cognitive load, deeper technical information was intentionally deferred to later steps in the flow.
- Radical Transparency: Based on my research, I decided to surface fees and delivery estimates at the earliest possible stage to eliminate “checkout surprises” and build long-term trust.
🎨 Design Process
1. Wireframes & Low-Fi Ideation
I started with hand-drawn sketches to map out the user journey. This allowed for rapid iteration on the information architecture and edge-case handling before committing to visual details.
- Focus: Ensuring the “Finish Later” option was accessible at every step to reduce drop-off rates during the more complex physical card flow.
2. Visual Design & System Logic
To ensure consistency across the application, I developed a refined mini-component set based on The Kingdom Bank’s brand DNA, optimized for mobile-first interactions and accessibility.
- Consistency: Every UI element (buttons, text styles, icons) was designed with scalability in mind, ensuring a seamless transition from Light to Dark mode.
- Affordance: Distinct visual hierarchies were established for primary actions (CTAs) and secondary options to guide the user intuitively.
3. Final Flows (The “Frictionless” Experience)
The final output features a sleek interface designed for both Light and Dark environments, focusing on two distinct user paths:
- Virtual Card Flow (Instant Gratification): Optimized for speed. I merged ‘card details’ and ‘review’ steps into a single screen, allowing users to activate and use their card in just two steps.
- Physical Card Flow (Trust-Oriented): A structured process that builds trust through address confirmation and delivery tracking. Delivery methods (Standard vs. Express) are separated to clearly communicate the trade-off between cost and speed.
- Edge Case Mastery: Instead of showing disruptive error pages, I implemented inline guidance for missing addresses or regional limitations, redirecting users to virtual card alternatives when necessary.
📊 Results & Impact
✅ Reduced Drop-off: By surfacing fees early and simplifying the virtual card flow, the design minimises user exit points.
✅ Trust Building: Clear success states and a dedicated “Delivery Status” screen provide real-time updates, reducing uncertainty after the order is placed.
✅ Operational Efficiency: Inline error handling reduces the need for customer support inquiries related to address or delivery issues.
🧠 Reflections & Learnings
This project reinforced the importance of balancing speed with transparency in fintech. By treating “Edge Cases” as part of the core experience rather than afterthoughts, I was able to create a flow that feels supportive rather than restrictive.
- Key Learning: Designing for both themes (Light/Dark) from the start ensures that accessibility is baked into the product’s DNA, maintaining the prestige of The Kingdom Bank across all platforms.