Tutorial de estrategias de aprendizaje

Tutorial de estrategias de aprendizaje

Resumen

Tutorial dirigido a alumnos de nuevo ingreso al Colegio con el objetivo de que conozcan más acerca de la institución así como de su modelo educativo.

Cliente

UNAM - CCH

IT

html5
css3
javascript
bootstrap

Información

Desarrollo de un tutorial interactivo personalizado

Como diseñador de interfaz, me encargué de crear una experiencia de aprendizaje visualmente atractiva y fácil de usar para los estudiantes de bachillerato. Utilizando HTML, CSS y Bootstrap, desarrollé una interfaz personalizada que complementara los contenidos del tutorial, creados con PHP y Twig.

Mi objetivo principal fue diseñar una interfaz que no solo fuera estéticamente agradable, sino también que facilitara la comprensión de los conceptos y motivara a los estudiantes a interactuar con el contenido. Para ello, me enfoqué en crear una jerarquía visual clara, utilizando elementos gráficos y tipografía adecuados, y asegurando una navegación intuitiva.

Además, trabajé en estrecha colaboración con el equipo de desarrollo para integrar los videos explicativos de manera fluida en la interfaz, creando una experiencia de aprendizaje más dinámica y completa. La interfaz fue diseñada teniendo en cuenta la necesidad de ser responsiva y adaptarse a diferentes dispositivos, garantizando una experiencia de usuario óptima en cualquier pantalla.

Al combinar mis habilidades de diseño con las tecnologías adecuadas, logré crear un tutorial interactivo que no solo transmite conocimientos de manera efectiva, sino que también brinda una experiencia de aprendizaje agradable y memorable para los estudiantes.

Características del proyecto:

  • Diseño personalizado: Interfaz visualmente atractiva y alineada con la temática del tutorial.
  • Tecnología: HTML, CSS, Bootstrap, PHP, Twig.
  • Responsividad: Adaptación a diferentes dispositivos (móviles, tablets, computadoras).
  • Interactividad: Integración de videos y elementos interactivos.
  • Usabilidad: Navegación intuitiva y jerarquía visual clara.