Problem & Goal

When Rogers Communications launched the Rogers Bank Mastercard, the challenge was to create a digital platform that balanced the established Rogers brand identity with the unique needs of a financial services arm. The goal was to design a seamless, visually refined website with:

• Intuitive Information Architecture to guide users effortlessly through the credit card application process.
• A comprehensive design system to ensure scalability and consistency across all digital touchpoints.
• A visually distinct yet brand-aligned identity for Rogers Bank.

Solution & Process

1. Information Architecture & UX Design
   • Developed an intuitive site architecture, organizing complex regulatory and financial content into self-serve sections that minimized customer confusion and call center inquiries.
   • Designed workflows and wireframes that prioritized simplicity, reducing friction in the credit card application process while ensuring compliance with financial regulations.
   • Conducted usability testing to refine navigation and content hierarchy, ensuring users could easily find information and complete applications.
2. UI Framework Development
   • Created a scalable UI framework for RogersBank.com, leveraging Rogers’ existing brand guidelines while tailoring visual elements to align with banking industry standards.
   • Designed reusable components, including buttons, forms, and content panels, ensuring consistency and reducing development time for future enhancements.
   • Delivered a cohesive design language that seamlessly integrated with Rogers’ digital ecosystem while establishing a unique identity for the bank.
3. Visual Design & Branding
   • Focused on a clean, modern aesthetic that emphasized trust, clarity, and professionalism.
   • Balanced visual hierarchy with brand elements to make key actions, such as applying for a card or accessing account features, immediately intuitive.
   • Ensured the design was fully responsive, creating a consistent experience across mobile, tablet, and desktop devices.
4. Collaboration & Execution
   • Partnered closely with engineering and marketing teams to translate the design system into a functional platform.
   • Ensured the final product aligned with both user expectations and back-end capabilities, resulting in a seamless implementation.

The Results

• Refined Digital Presence: Delivered a polished, user-friendly website that established Rogers Bank as a credible player in the financial services industry.
• Scalable Design System: Built a comprehensive design framework that streamlined updates and ensured consistency across new pages and features.
• Intuitive User Experience: Improved application completion rates by simplifying workflows and creating a clear, engaging navigation system.
• Long-Term Value: The platform’s robust foundation supported years of ongoing enhancements, adapting to evolving business needs and customer expectations.

Core Strengths Highlighted in This Case Study:

• Creativity and Visual Design: Crafted a refined and visually appealing digital platform that balanced brand alignment with a unique identity for the bank.
• Strategic Information Architecture: Organized complex content into an intuitive structure, minimizing user friction and improving accessibility.
• Design System Expertise: Developed scalable UI components, ensuring design consistency and operational efficiency.
• User-Centered Focus: Delivered an engaging experience that met customer needs while achieving business goals.

‍