Navegando el Camino del Estudiante: Rediseño de una Experiencia de Aprendizaje Gamificada

Servicios
Aplicación web
Aplicación móvil

El cliente y el objetivo

Este proyecto comenzó junto a una startup edtech en etapa temprana enfocada en apoyar a organizaciones sin fines de lucro e instituciones educativas en el acompañamiento de estudiantes hacia la universidad. Con un equipo pequeño, recursos limitados y un MVP en funcionamiento, buscaban fortalecer el producto para acompañar su crecimiento y atraer inversores.

Llegaron a Diveria con un roadmap inicial de funcionalidades para desarrollar en un período de seis meses. Sin embargo, tras un análisis inicial, identificamos desafíos clave de UX, navegación e inconsistencias de marca que impactaban la experiencia y el potencial del producto.

A partir de un proceso de discovery de algunas semanas, trabajamos junto a su equipo para alinear visión, necesidades reales y oportunidades de mejora.

Equipo

5 miembros

Industria

Educación

Ubicación

Estados Unidos

Duración

6 meses

Solución

App móvil y
Plataforma web

Tecnologías

React
Next js
Mongo DB
Discovery
Auditoría UX
Actualización de marca
Experiencia de usuario y navegación
Tour del producto
Onboarding
Mapa estelar: Camino personal
Errores y estabilización
Refactorización del Frontend

Nuestro trabajo para GRADegy

El proceso comenzó con una fase de discovery que nos permitió alinearnos con las necesidades del cliente, entender en profundidad su audiencia y definir con mayor claridad los valores que la aplicación debía transmitir. También exploramos los estilos visuales y la metáfora central del producto —basada en la idea de la “North Star”— como punto de partida para construir una experiencia más coherente.

En paralelo, realizamos una auditoría heurística y de UX que reveló desafíos importantes en la navegación, features que no se explicaban por sí mismas y flujos que requerían mayor soporte, como un onboarding estructurado y un product tour para estudiantes.

Con estos insights, avanzamos en la validación de conceptos visuales y en el rediseño de las funcionalidades existentes, complementado con nuevos flujos y features como Starcharts, onboarding y un product tour inicial. Todo esto se llevó a desarrollo, donde además se resolvieron múltiples bugs y se realizaron ajustes estructurales en el backend para acompañar la evolución del producto.

Características

Discovery

A través de un workshop con el equipo, exploramos objetivos, audiencia y la base conceptual de la marca y su metáfora visual, junto con un análisis de benchmarking.

Esto nos permitió entender mejor el producto y definir una base clara para las decisiones de UX y diseño.

UX Audit

Realizamos un análisis de la app mobile y la plataforma web para evaluar su estado general de UX.

Identificamos problemas en la navegación, uso inconsistente de patrones, features con poca claridad y una fuerte inconsistencia visual en relación al branding.

Actualización de marca

Definimos una base visual consistente a través de una paleta de colores unificada, tipografía, iconografía e ilustración.

Esto permitió unificar y modernizar la identidad del producto a lo largo de toda la experiencia.

Experiencia de Usuario y Navegación

A partir de los hallazgos de la auditoría, rediseñamos la navegación y la experiencia general de la app.


Reordenamos la arquitectura, incorporamos patrones más modernos y mejoramos los flujos, aportando mayor claridad y consistencia en toda la experiencia.

Tour del producto

Incorporamos un product tour interactivo con tooltips que guiaban a los usuarios por las principales funcionalidades, con navegación paso a paso y opción de skip.


Esto permitió reemplazar la guía manual inicial y facilitar un onboarding más autónomo y entendible.

Onboarding

Diseñamos un flujo de onboarding basado en preguntas para perfilar a los usuarios y asignarles un Starchart acorde a sus objetivos.

Esto permitió personalizar la experiencia desde el inicio y guiar a cada usuario según su perfil.

Mapa estelar: Camino personal

Colaboramos en la definición de los distintos Starcharts y cómo estos guiaban el recorrido del usuario dentro de la app.

Esto nos permitió estructurar experiencias, actividades y objetivos alineados a cada perfil, reforzando el desarrollo de hábitos.

Errores y estabilización

Se abordaron múltiples bugs y se mejoró la estabilidad general del producto.

Además, se reforzó la estructura técnica para acompañar el crecimiento y una mayor escalabilidad del sistema.

Refactorización del Frontend

El rediseño en Figma fue llevado a desarrollo junto con nuevas funcionalidades.


Se estandarizaron componentes y se logró una mayor consistencia visual, mejorando la experiencia de usuario.

Arrow prev white icon
Arrow next white icon

Cookie Notice

This website uses cookies to enhance your experience and analyze site traffic. By continuing to browse, you consent to the use of cookies as described in our Privacy Policy.

Conoce más
Accept