Plantillas de eLearning
- Role
Diseñador instruccional, Desarrollador, Diseñador visual
- Duration
2017—2025
- Tools
Adobe Photoshop, Illustrator, Cine 4D, Render Engine, Adobe Audition, Articulate Storyline 360, Audacity, PowerPoint

Motion Defines Hierarchy
Hero Choreography
Album Card Motion System
System at rest

Contextual Depth & Focus Priority
predictive path & system awareness
Motion System Breakdown
Reel
.jpg)





1
Build Overview
2
Creative Rationale
Goal
Cree un sistema de plantillas de nivel profesional listo para HTML5 que permita la creación de contenido rápida y escalable para diseñadores instructivos, al tiempo que mantiene la accesibilidad, la flexibilidad y un estándar de diseño visual limpio.
Process
- Descubrimiento: Se identificaron las necesidades comunes de los clientes en todos los proyectos para definir el alcance de la plantilla
- Diseño y Desarrollo: Construyó nueve plantillas distintas (cuestionarios, iniciadores, bibliotecas, interacciones) en múltiples relaciones de aspecto y estilos visuales
- Pruebas y control de calidad: Se ejecutaron pruebas exhaustivas para la compatibilidad del navegador, la accesibilidad y la experiencia del usuario
- Iteración: Plantillas refinadas basadas en comentarios de clientes reales y estándares en evolución
Key Highlights
Detailed Insights
Deep Dives
Learning Science
Estas plantillas reflejan los principios de la teoría de la carga cognitiva, el aprendizaje multimedia y la práctica de recuperación. Al eliminar elementos de diseño extraños y centrarse en jerarquías visuales claras, ayudan a reducir el esfuerzo mental y mejorar la retención. Las plantillas soportan lógica de evaluación tanto formativa como sumativa, lo que permite una medición efectiva de los resultados del aprendizaje.
2
Creative Rationale
Goal
Challenges
Process
Impact and Results
Measurable Outcomes
Takeaways
1
The brief
Goal
Cree un sistema de plantillas de nivel profesional listo para HTML5 que permita la creación de contenido rápida y escalable para diseñadores instructivos, al tiempo que mantiene la accesibilidad, la flexibilidad y un estándar de diseño visual limpio.
Challenges
- Garantizar el performance entre dispositivos y HTML5 en diferentes pilas de tecnología de cliente
- Incrustar la lógica de accesibilidad e interacción sin aumentar la complejidad de las diapositivas
- Diseño para la adaptabilidad en todas las industrias, sistemas de marca y formatos de aprendizaje
- Equilibrio de simplicidad para usuarios no técnicos con suficiente profundidad para usuarios avanzados
Learning Objectives
Las plantillas se crearon para apoyar objetivos comunes de aprendizaje tales como:
- Recuperación de conocimientos
- Comprensión de conceptos
- Formación procedimental
- Toma de decisiones basada en escenarios
- Validación de competencias a través de cuestionarios y capas de retroalimentación
Cada diseño e interacción se diseñó para garantizar la alineación con objetivos de aprendizaje bien formados en toda la taxonomía de Bloom, desde recordar y comprender hasta aplicar y evaluar.
Learning Science
Estas plantillas reflejan los principios de la teoría de la carga cognitiva, el aprendizaje multimedia y la práctica de recuperación. Al eliminar elementos de diseño extraños y centrarse en jerarquías visuales claras, ayudan a reducir el esfuerzo mental y mejorar la retención. Las plantillas soportan lógica de evaluación tanto formativa como sumativa, lo que permite una medición efectiva de los resultados del aprendizaje.
Learning Methodolgy
Las plantillas se basan en un diseño modular basado en escenarios, lo que permite el aprendizaje justo a tiempo, la repetición espaciada y la progresión impulsada por la evaluación. Apoyan rutas de aprendizaje tanto lineales como no lineales, lo que las hace ideales para estructuras de aprendizaje adaptativo y entornos mixtos. Las interacciones están diseñadas para alinearse con la toma de decisiones del mundo real y las verificaciones de conocimiento.
Process
- Descubrimiento: Se identificaron las necesidades comunes de los clientes en todos los proyectos para definir el alcance de la plantilla
- Diseño y Desarrollo: Construyó nueve plantillas distintas (cuestionarios, iniciadores, bibliotecas, interacciones) en múltiples relaciones de aspecto y estilos visuales
- Pruebas y control de calidad: Se ejecutaron pruebas exhaustivas para la compatibilidad del navegador, la accesibilidad y la experiencia del usuario
- Iteración: Plantillas refinadas basadas en comentarios de clientes reales y estándares en evolución
Impact and Results
Estas plantillas se convirtieron en un activo fundamental en mi kit de herramientas de diseño instruccional, que se utiliza para acelerar la entrega de proyectos, mantener la consistencia y escalar la producción a través de diversas necesidades y plazos de los clientes.
Measurable Outcomes
- 9 plantillas versátiles probadas por el cliente
- Utilizado en múltiples industrias y tipos de cursos
- Reducir el tiempo de desarrollo entre un 50 y un 60%
- Accesible, visualmente pulido y listo para implementar a escala
Takeaways
- Construir una vez y reutilizar con propósito es la forma de escalar el diseño instruccional
- La accesibilidad y la flexibilidad deben diseñarse en la base, no ser reacondicionadas
- Un sistema bien diseñado se convierte en un habilitador creativo, no una restricción
Accessibility & inclusion
Cada plantilla se creó con las mejores prácticas alineadas con WCAg, incluido el orden de enfoque adecuado, la navegación del teclado y la compatibilidad con el lector de pantalla. El contraste de color se consideró cuidadosamente y la mínima dependencia de las pautas visuales garantiza que el contenido sea accesible para una amplia gama de alumnos. Las plantillas están diseñadas para ser inclusivas de manera predeterminada, lo que requiere un ajuste mínimo para cumplir con la mayoría de los estándares de accesibilidad de la empresa.


































