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ú