National Fin-Ed Platform

Making financial education accessible, free and fun.

financial education cover image
financial education cover image
financial education cover image

“How do we build an enganging financial education hub?”

“How do we build an enganging financial education hub?”

“How do we build an enganging financial education hub?”

Client: National banking institution

Duration: 4 months

Role: UX Research, Workshop Facilitation, Instructional & interaction design

Challenge

  1. 📚 Organize educational material, content & functionalities

  2. 🖇️ Build scalable information architecture and user flows

  3. 🎢 Design interfaces that make learning digestible and engaging

Context

kids in classroom
online banking
online banking

Context

online banking
online banking

Approach

  • Extensive workshopping to understand and co-organize the educational material

  • Implementing instructional design principles

  • Crafting scalable designs

stakeholder wotkshop
stakeholder wotkshop
  • Planning the feature roadmap based on business & development requirements

  • Mapping the user flows

  • Designing hi-fi UIs for mobile and desktop adjusted to the design system

online banking
online banking

Solution & Impact

Solution & Impact

  • 👨‍👩‍👧‍👦 Double-themed Platform: Learning for students & adults

  • 🛟 Guided Learning: A virtual guide helps students learn & explore

  • 📈 Scalable Content:

The “LAB” section groups & grows with the content

  • 🚀 Exploration & play
    Learning through varied, bite-sized steps

  • ❇️ Strategic Integrations: Aligned APIs, services & content from other client sites

ipad with split screen
ipad with split screen
  • 👨‍👩‍👧‍👦 Double-themed Platform: Learning for students & adults

  • 🛟 Guided Learning: A virtual guide helps students learn & explore

  • 📈 Scalable Content:

The “LAB” section groups & grows with the content

  • 🚀 Exploration & play
    Learning through varied, bite-sized steps

  • ❇️ Strategic Integrations: Aligned APIs, services & content from other client sites

ipad with split screen
ipad with split screen
ipad with split screen
ipad with split screen

Process

  1. Discovery Workshop

Facilitating a session to set objectives & co-create directions.

10

Stakeholders

4

objectives

  1. Discovery Workshop

Setting objectives & co-creating directions.

10

Stakeholders

4

objectives

  1. Information Architecture

  • Optimize content distribution & navigation

  • Understand mental models of kids & adults

  • Create a scalable structure for future content

Sitemap Chart
Sitemap Chart

Making onboarding & booking a priority

Making onboarding & booking a priority

  1. Wireframe

Layouts, quizzes, calculators, article pages, glossaries and everything under the sun

  1. Ideate & design

Review & refine UIs with visual designers

Learnings

Learnings

  • 🧭 Early definition of content strategy is a major catalyst

  • 🔦 Look at people not just metrics to understand engagement

  • 🧮 Progressive disclosure, gamification and nudge theory are crucial for educational UX

  • ✏️ Leverage UX writing & micro-copy to build character and guide users

Create a free website with Framer, the website builder loved by startups, designers and agencies.