UX/UI Case Study

Proyecto eTUTORIAL

Página web responsive en la que los usuarios encontarán
desde tutoriales a cursos completos de los diferentes
programas de diseño, además de cursos de experiencia de
usuario.

Duración del proyecto:

5 semanas

tuto portada

El problema: 

En un mundo donde la educación en línea se ha convertido en una herramienta clave para el desarrollo personal y profesional. A pesar que existe una abundancia de plataformas educativas, no todas logran equilibrar de manera efectiva la calidad del contenido con la usabilidad y la accesibilidad.

La solución

La solución propuesta se centra en diseñar una plataforma de tutoriales intuitiva, accesible y personalizada, que facilite el aprendizaje mediante una interfaz clara, recomendaciones inteligentes, y herramientas interactivas que optimicen la experiencia del usuario y promuevan la finalización exitosa de los cursos.

Objetivo: 

El objetivo principal de esta plataforma de tutoriales y cursos es proporcionar una experiencia de aprendizaje en línea que sea intuitiva, accesible y altamente personalizada, permitiendo a los usuarios adquirir nuevas habilidades de manera eficiente y satisfactoria, independientemente de su nivel de conocimiento previo.

Investigación sobre los usuarios: Resumen

Encuestas en línea: Se enviaron a 40 participantes, seleccionados por su interés en diseño gráfico y web.
Entrevistas en profundidad: Se realizaron con 10 participantes seleccionados de las encuestas.
Análisis de datos de uso: Se analizaron las métricas de comportamiento de usuarios en la web actual.

Personas

Sandra Martínez

“Aprender dia a día para ser mejor«

Edad: 27 años

Educación: Diseñoa gráfico

Ciudad natal: Madrid

Familia: Soltera

Ocupación: Diseñadora gráfica

Sandra es una diseñadora gráfica junior, es una apasionada de su

profesión actualmente trabaja en una agencia digital creando contenido

gráfico, su sueño independizarse y empezar a trabajar por su cuenta con

sus propios clientes; para ello hace cursos de los diferentes programas de

diseño para mejorar sus habilidades y poder demostrar a sus futuros

clientes sus competencias.

Motivaciones
  • Crecimiento Profesional: Quiere adquirir nuevas habilidades que le permitan diferenciarse en el mercado y ofrecerservicios más especializados.
    • Autonomía: Busca la libertad de gestionar su propio tiempo y elegir los proyectos en los que trabaja.
    • Seguridad Financiera: Desea construir una base de clientes sólida que le brinde estabilidad económica.
Frustrations

Falta de Recursos: Siente que las herramientas y los recursos que utilizó en
su trabajo anterior son limitados y no cubren todas las áreas de interés.
• Acceso a Información Actualizada: Encuentra difícil mantenerse al día con las últimas tendencias y tecnologías en diseño debido a la falta de recursos
educativos adecuados.
• Miedo a Emprender: Aunque está motivado para convertirse en freelance,
tiene dudas sobre cómo gestionar su propio negocio y asegurar clientes.

Arquitectura de la información

Wireframes Lo-fi

Wireframes Hi-fi

portada video tuto

Design system