Portada mobile-first de Itaú con tres pantallas clave de la interfaz

Caso de Estudio · Banco Itaú

Experiencia Web Inmersiva para Educación Financiera

Itaú Fundación necesitaba pasar de material educativo estático, tipo folleto, a un producto digital que adolescentes realmente quisieran terminar. Diseñamos y lanzamos una experiencia web inmersiva mobile-first en 7 semanas, combinando estructura UX/UI, entornos 3D simbólicos y loops de feedback inmediato para volver más claros conceptos como inflación, ahorro e inversión.

Problema

¿Cómo podíamos convertir contenido financiero de bajo engagement, pensado como folleto, en una experiencia mobile que adolescentes recorran, entiendan y completen?

Resultado

Entregamos una experiencia de aprendizaje mobile-first en 3 módulos con navegación espacial, trivia con feedback inmediato y cierre compartible, mejorando atención y finalización.

Concepto, diseño y prototipo en 7 semanas

Proceso y Entrega

Trabajamos como un equipo compacto y priorizamos lanzar una experiencia clara y testeable en poco tiempo. El objetivo fue combinar estructura UX y narrativa 3D sin sumar fricción para adolescentes.

Research & Benchmark

Mapeo de experiencias educativas y gamificadas para definir patrones de interacción.

User Persona

Perfil mobile-first con baja tolerancia a fricción y textos extensos.

Estrategia & Arquitectura

Estructura en 3 módulos: Inflación, Ahorro e Inversión, con loop UX consistente.

UX Wireframes

Definición de estados clave: intro, trivia, acierto/error, cierre y certificado.

Sistema 3D + UI

Balance entre inmersión visual, jerarquía clara y performance mobile.

Feature #2

Loop de Trivia con Feedback Inmediato

Cada módulo repite una secuencia breve: concepto, pregunta, feedback instantáneo y siguiente paso. Esto convirtió el aprendizaje en una dinámica activa y medible.

Pantalla de pregunta y respuesta
Estado de feedback en el flujo

Resultados y Valor para el Negocio

El cliente destacó usabilidad y claridad visual como fortalezas del proyecto. El formato inmersivo sostuvo más tiempo de atención y elevó la finalización de módulos frente a contenido tipo brochure.

↑

Mayor tiempo en experiencia

✓

Buenas tasas de finalización

★

Feedback positivo de stakeholders

Pantalla final con cierre de módulos

Reflexión

Con más tiempo, agregaría onboarding guiado para navegación 360° y guardado liviano de progreso entre módulos. El principio se mantiene: 3D con intención + UX clara supera cualquier exceso visual.

Presentación final del concepto Itaú