Digital
Banking Transformation
Service
UX, UI Design
Client
Bank of Kigali
Date
-
Technology
Figma, Miro, Notion
Digitizing the Bank: Designing a Seamless End-to-End Digital Banking Experience
A product design project focused on transforming a traditional bank’s physical-first services into a secure, intuitive, and scalable digital banking ecosystem.
Role & Responsibility
- Mapping end-to-end user journeys (account creation → transactions → support)
- Conducting stakeholder workshops with operations, compliance, and IT teams
- Designing wireframes, flows, and high-fidelity UI
- Creating interactive prototypes for usability testing
- Defining a scalable design system for future digital products
- Collaborating with developers during implementation
Problem / Challenge
The bank relied heavily on physical branches for core services: account opening, transfers, loan applications, and customer support. This created friction, long wait times, and operational costs.
Customers expected:
- Mobile-first banking
- Instant transfers
- Clear transaction history
- Simple loan applications
- Strong security without complexity
- Self-Onboarding on all digital Platform
Internally, the bank struggled with:
- Legacy systems
- Complex compliance requirements
- Fragmented digital tools
- Low adoption of existing digital channels
The challenge was to design a digital platform that reduced branch dependency while maintaining trust, security, and regulatory compliance.
Research & Insights
Conducted user interviews across different customer segments:
- Young professionals
- SME owners
- Long-term traditional banking customers
Key insights:
- Users feared making mistakes in financial transactions.
- Transparency and clarity mattered more than visual flair.
- Customers wanted visibility into fees before confirming actions.
- Many older customers found existing banking apps intimidating.
Internal stakeholder interviews revealed:
- Compliance rules created friction in onboarding.
- There was no unified digital experience across services.
- Customer support received high volumes of “how-to” questions.
Design Process
- Simplify onboarding while remaining compliant
- Design for trust: clear confirmations, transparent fees, visible security indicators
- Reduce cognitive load through clean hierarchy and predictable flows
- Introduce progressive disclosure to avoid overwhelming users
- Build a design system aligned with the bank’s brand for consistency
Solution / Final Designs
- Digital Account Opening Flow : Reduced steps by grouping related fields and using smart validation. Added progress indicators and real-time feedback.
- Dashboard Experience: Clear account balance overview, recent transactions, and quick actions (Transfer, Pay Bills, Request Loan).
- Transfer & Payments Flow: Transparent fee breakdown before confirmation. Confirmation screen with clear transaction reference and downloadable receipt.
- Loan Application Journey: Simplified form flow with eligibility check upfront. Clear status tracking after submission.
- Security Layer: Biometric login, visible encryption indicators, and clear fraud-alert messaging.
- Design System: Built reusable components (buttons, cards, input fields, alerts) to ensure consistency and scalability.
Impact / Results
- Increased digital account onboarding completion rate (based on usability testing projections).
- Reduced dependency on physical branch visits for basic transactions.
- Improved clarity around transaction fees and confirmations.
- Positive stakeholder feedback on scalability and future-proofed design system.
- Usability tests showed users completed key tasks (transfer, bill payment) significantly faster compared to legacy digital flows.
Lessons Learned
- In finance, clarity beats creativity.
- Trust is designed, not assumed.
- Compliance constraints can inspire better structure instead of limiting creativity.
- Small UI decisions (confirmation messages, fee breakdowns) dramatically affect user confidence.