MapleLearn

Transforming Financial Education with Engaging, Interactive Learning and Knowledge-Building Tools

A financial learning app designed to boost new user acquisition

Building on the success of its banking app, MapleBank is expanding its offerings to drive growth and meet evolving customer needs. As part of this vision, we developed MapleLearn, a financial learning app designed to empower users to take charge of their financial future. Through engaging educational content, interactive quizzes, and practical exercises, MapleLearn introduces essential financial concepts, highlights key tools, and equips users with the knowledge to confidently manage their finances.

For this project, we implemented a comprehensive UX process to develop a solution that effectively meets the needs of MapleBank’s clients. We ensured consistent communication throughout, collaborating within the design team, engaging with the client during review meetings, and incorporating user feedback during the design and testing phases. This iterative approach seamlessly integrated the user’s voice with the business perspective.

Research Process

The journey of MapleLearn began with an in-depth research phase to uncover user needs and align with MapleBank’s business goals.

  • Competitive Analysis

    Examined similar financial literacy tools (RBC, Revolut, N26) to identify gaps and opportunities for MapleLearn.

  • Guerrilla Testing

    To supplement the information provided by the client and our previous analyses, we conducted Guerrilla testing directly at a university allowing us to interview 6 students.

  • Online Surveys

    Shared via Reddit and Facebook, yielding insights into user pain points, learning preferences, and expectations.

Key Research Insights

  • Users struggled with financial terminology and sought simple, visual explanations.

  • Gamified features like rewards and progress tracking were highly motivating.

  • Many users appreciated the flexibility to learn at their own pace and revisit content.

Next we developed a persona of Sophia Romano to represent our target users. This was extremely valuable in allowing us to better understand our target audience and make design decisions accordingly.

Design Process

Our design process was iterative and user-focused, ensuring every decision was informed by research and feedback.

  • Initial Assumptions

    Early designs assumed the learning features would integrate into the existing MapleBank app. Prototypes were created with this structure in mind.

  • Pivot to Standalone App

    After discussions with the client, the focus shifted to building a dedicated learning app. This pivot allowed for more flexibility in design and content structure.

  • Wireframes and Prototypes

    Low-Fidelity Wireframes: Focused on establishing user flows and navigation clarity.

    High-Fidelity Wireframes: Incorporated branding, typography, and key visuals to enhance usability.

    Interactive Prototypes: Allowed stakeholders and users to test features like the rewards system and lesson modules.

Design Justifications

Our design decisions were based on user research, core design principles, and staying true to MapleBank’s already established brand identity.

Focus on User-Centred Design

  • Tailored specifically for newcomers to Canada

  • Simplified navigation for all users

Educational Experience

  • Video-first approach to simplify complex concepts

  • Interactive quizzes for immediate feedback

Gamified Rewards Integration

  • MapleBank reward points, and trophies to drive engagement

  • Clear progress tracking to encourage continued learning

Modular Content Structure

  • Library section to review, redo, and explore lessons

  • Dashboard for tracking progress, rewards, and achievements

Visual and Functional Simplicity

  • Minimalist layout, clean typography, and intuitive icons for ease of use

  • Dynamic animations and videos for an interactive experience

Consistent Branding

  • Use of MapleBank colours and logo throughout reinforces a cohesive and recognizable identity

Goals Achieved

This project successfully resolved key user pain points by designing a tailored, user-centred learning platform:

Simplified Financial Systems

  • Delivered clear, engaging educational content through videos and quizzes to demystify banking concepts and terminology.

Building Foundational Knowledge

  • Provided step-by-step lessons that empower users to confidently explore financial products and make informed decisions.

Reducing Complexity

  • 
Designed bite-sized modules and interactive quizzes that make learning approachable and maintain user engagement.

Guided Support

  • 
Implemented personalized onboarding and clear navigation to guide users through their learning journey effortlessly.

Centralized Access to Resources

  • Created a user-friendly Library where all lessons and resources are easy to locate, review, and revisit.

Future Recommendations

Strengthen Product Integration

  • Connect educational content to MapleBank products like savings accounts and credit cards, providing contextual recommendations based on completed lessons.

Increase Accessibility

  • Expand multi-language support and add features like screen reader compatibility, adjustable text sizes, and high-contrast visuals to ensure inclusivity for all users.

Enhance Interactivity

  • Introduce engaging elements like interactive scenarios, personalized quizzes, and gamified challenges, along with unlockable content or skill badges to sustain motivation.

Expand Educational Content

  • Cover advanced topics such as investing and retirement planning, and create tailored lessons for specific user groups while organizing them by skill level (beginner to advanced).

These enhancements will make MapleLearn more inclusive, engaging, and valuable, further solidifying its impact on financial literacy.

Previous
Previous

Parkify App