1
Creative Brief
- Project Overview
El proyecto eLearning Templates comenzó como una forma de agilizar mi propio proceso de desarrollo, pero rápidamente evolucionó hasta convertirse en un conjunto de herramientas utilizado en múltiples contrataciones con clientes. Con una duración de ocho años y refinadas durante tres meses intensivos, estas nueve plantillas Storyline se construyeron para eliminar el trabajo de producción redundante y elevar la calidad del diseño.
- Goals
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
- Timeline2017—2025
- Team Size
1 miembro
- Roles
1 miembro
- Tools
Adobe Photoshop, Illustrator, Cine 4D, Render Engine, Adobe Audition, Articulate Storyline 360, Audacity, PowerPoint
- Outcome
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.

2
Live Product Simulation
3
Motion Principles
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.
Primary

Seconary

Tertiary

Key Motion Components
- Primary Motion
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.
- Secondary Motion
- 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
- Tertiary Motion
- 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
- Rationale
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.
Easing Curves & Durations

navigational transitions
Custom Animated components

Infographics

4
Engineering Implentation
Approach
Prototype Setup
.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.
3
Results
ELearning Templates



