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
  • Timeline
    2017—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

My work drives results. Let’s talk about yours.

1

Build Overview

Project
Plantillas de eLearning
  • Client
    Múltiples Clientes
  • Company
    Jesse Mercado
  • Category
    Producto Digital/Diseño Instruccional
  • Timeline / Duration
    2017—2025
  • Team Size

    1 miembro

  • Role

    Diseñador instruccional, Desarrollador, Diseñador visual

  • Software

    Adobe Photoshop, Illustrator, Cine 4D, Render Engine, Adobe Audition, Articulate Storyline 360, Audacity, PowerPoint

2

Creative Rationale

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.

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

  1. Descubrimiento: Se identificaron las necesidades comunes de los clientes en todos los proyectos para definir el alcance de la plantilla
  2. Diseño y Desarrollo: Construyó nueve plantillas distintas (cuestionarios, iniciadores, bibliotecas, interacciones) en múltiples relaciones de aspecto y estilos visuales
  3. Pruebas y control de calidad: Se ejecutaron pruebas exhaustivas para la compatibilidad del navegador, la accesibilidad y la experiencia del usuario
  4. 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

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.

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

Process

  1. Descubrimiento: Se identificaron las necesidades comunes de los clientes en todos los proyectos para definir el alcance de la plantilla
  2. Diseño y Desarrollo: Construyó nueve plantillas distintas (cuestionarios, iniciadores, bibliotecas, interacciones) en múltiples relaciones de aspecto y estilos visuales
  3. Pruebas y control de calidad: Se ejecutaron pruebas exhaustivas para la compatibilidad del navegador, la accesibilidad y la experiencia del usuario
  4. 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

1

The brief

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.

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

  1. Descubrimiento: Se identificaron las necesidades comunes de los clientes en todos los proyectos para definir el alcance de la plantilla
  2. Diseño y Desarrollo: Construyó nueve plantillas distintas (cuestionarios, iniciadores, bibliotecas, interacciones) en múltiples relaciones de aspecto y estilos visuales
  3. Pruebas y control de calidad: Se ejecutaron pruebas exhaustivas para la compatibilidad del navegador, la accesibilidad y la experiencia del usuario
  4. 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.

If the work speaks to you, let's build something.

3

Results

Real learning, real results.
Explore the live experience in action.

Open Live Site

Real learning, real results.
Explore the live experience in action.

Open Live Site

Real learning, real results.
Explore the live experience in action.

Open Live Site

ELearning Templates

0% QA TestedError-free and launch-ready
0 Templates Modular and production-ready‍

My work drives results. Let’s talk about yours.

page name