Problem
How might we turn low-engagement, brochure-style financial content into a format teenagers can navigate quickly, understand clearly, and actually finish on mobile?
Case Study · Banco Itaú
Immersive Web Experience for Financial Education
Itaú Fundación needed to move from static brochure-like educational material to a digital product teenagers would actually complete. We designed and shipped a mobile-first immersive web experience in 7 weeks, combining UX/UI structure, symbolic 3D environments and instant feedback loops to make concepts like inflation, savings and investment easier to understand.
Outcome
We delivered a 3-module mobile-first learning experience with spatial navigation, quiz feedback loops and shareable completion, increasing attention time and completion quality.
Concept, Design and Prototype in 7 Weeks
Process and Delivery
We worked as a compact team and focused on shipping a clear, testable product fast. The goal was to combine UX structure and 3D interaction without adding friction for teenage users.
Research & Benchmark
Mapped financial education and gamified products to define interaction expectations.
User Persona
Defined a mobile-first teenage audience with low tolerance for friction.
Strategy & Architecture
Built a 3-module structure: Inflation, Savings, Investment, each with a consistent UX loop.
UX Wireframes
Covered all states: intro, trivia, right/wrong feedback, module completion, certificate.
3D + UI System
Balanced immersive visuals with readable hierarchy and fast mobile interaction.
Design Strategy
Approach
- Clear and legible product structure.
- Educational, but visually attractive.
- Simple interactions with progressive learning.
Structure
3 modules:
Savings, Inflation, Investment
Consistent flow:
Introduction → Trivia → Feedback
Balance
Business goal:
Educate with clarity.
User need:
Learn without friction.
Decisions
- Simple, readable typography.
- Direct mobile navigation.
- Moderate 3D as visual support.
- Mobile-first interaction logic.
Feature #2
Instant Feedback Quiz Loop
Each module followed a short and repeatable pattern: concept intro, question, immediate answer feedback, and next step. This made learning active and measurable.
Results and Business Value
The client highlighted usability and visual clarity as key strengths. The immersive format kept attention longer and increased module completion compared to brochure-style content.
↑
Higher time on experience
✓
Strong completion rates
★
Positive stakeholder reception
Reflection
If we had more time, I would add guided onboarding for 360° navigation and lightweight progress-saving between modules. The core principle remains the same: intentional 3D + clear UX beats visual overload.
