Inicio/UX / UI/Mojo Teach

UX / UI · Web Platform

Mojo Teach

Portal de cursos y certificaciones — descubrimiento de contenido, ruta de aprendizaje y panel del estudiante.

Mojo Teach — hero

— Contexto

El reto y los objetivos del proyecto.

01

El problema

Los estudiantes adultos que buscan especializarse en línea enfrentan plataformas saturadas, jerarquías poco claras y rutas de aprendizaje genéricas. Encontrar el curso correcto y mantener la constancia es la principal barrera.

02

Objetivo

Diseñar un portal de cursos y certificaciones que destaque el descubrimiento por intereses, ofrezca rutas de aprendizaje claras y motive la constancia a través del progreso visible.

03

Desafíos & limitaciones

  • Estructurar un catálogo amplio sin saturar la página de inicio.
  • Diseñar una jerarquía clara entre cursos populares, introducciones y certificaciones.
  • Mantener al estudiante motivado con progreso y siguientes pasos visibles.

Público objetivo

  • Estudiantes adultos
  • Profesionales en especialización
  • Equipos corporativos de capacitación

— Investigación

Investigación de usuario.

Realicé investigación primaria con estudiantes activos en plataformas educativas y una auditoría competitiva. Detecté que el descubrimiento por interés vence al filtrado por categoría y que el progreso visible es el principal motor de retención.

— Personas

¿A quién le diseñamos?

Martín

Martín

Profesional buscando especialización

Edad
32 años
Educación
Licenciatura
Residencia
CD. de México
Familia
Soltero
Ocupación
Diseñador

Bio

Martín quiere especializarse en una nueva disciplina sin renunciar a su trabajo. Necesita rutas claras y poder estudiar en bloques cortos de tiempo.

Metas

Encontrar una ruta de aprendizaje clara y avanzar de manera consistente.

Frustraciones

Plataformas saturadas, cursos genéricos y falta de visibilidad sobre el avance.

Pixie

Pixie

Estudiante en formación continua

Edad
27 años
Educación
Licenciatura
Residencia
CD. de México
Familia
Vive sola
Ocupación
Creativa freelance

Bio

Pixie combina varios cursos a la vez y necesita un panel claro para no perder el hilo entre disciplinas.

Metas

Mantener su progreso visible y descubrir contenido nuevo que la rete.

Frustraciones

Olvidar dónde se quedó y tener que reiniciar lecciones.

— Insights

Hallazgos que guiaron el diseño.

01

Insight 1 — Descubrimiento por interés

El home debe proponer cursos por intereses, no obligar a navegar el catálogo completo.

02

Insight 2 — Progreso visible

Mostrar avance, próximas lecciones y logros desbloqueados es el principal motor de retención.

03

Insight 3 — Mapas de empatía

Los mapas de empatía revelaron que la motivación cae cuando el siguiente paso no es evidente.

— Ideación

Wireframes & flujos de usuario.

Mojo Teach — Wireframes
Wireframes
Mojo Teach — User flow
Flujo de usuario

— Hi-Fi

Prototipo de alta fidelidad.

Mojo Teach — Hi-Fi

— Funcionalidades destacadas

Pantallas clave.

01

Mapas de empatía

  • Mapas de empatía por perfil para entender motivaciones y bloqueos del estudiante.
  • Insumo clave para definir la jerarquía del home y el panel del estudiante.
Mojo Teach — Mapas de empatía

02

Prototipo Lo-Fi

  • Validación temprana de la navegación entre catálogo, curso y panel.
  • Iteración rápida con los hallazgos de las pruebas con usuarios.
Mojo Teach — Prototipo Lo-Fi

03

Prototipo Hi-Fi

  • Home con descubrimiento curado: Populares, Introducción e Intermedio.
  • Panel del estudiante con progreso, próximas lecciones y certificaciones en curso.
Mojo Teach — Prototipo Hi-Fi
Mojo Teach — cierre

— Conclusiones

Resultados &
aprendizajes.

  • El descubrimiento por interés en el home redujo la fricción de entrada y aumentó la conversión a inscripción.
  • Mostrar el progreso al estudiante elevó la retención semana a semana.
  • El sistema visual escala a nuevas verticales de cursos sin rediseñar la experiencia base.