Instructional Design Architect:
Visualizing the Learning Journey for Enterprise Enablement
Mastery of **Complex Scaffolding, Dynamic Visual Metaphor, and Scenario-Based Assessment.** Proven ability to translate abstract concepts into measurable, high-engagement training videos and active learning documentation.
View Case Studies & Active Learning SamplesI. Architecting the Solution (About Me & Skills)
About Me: The Pivot to Solution Architecture
My journey into Instructional Design began out of necessity during the pandemic, which silenced my in-person classes. I responded by making a strategic pivot, realizing that the solution to any problem lies in **self-directed learning and adaptation**.
I taught myself **PowerPoint videography, complex animation, and graphic design** to create online video courses for Skillshare (8 courses total). My background as a teacher naturally structured these courses according to ID principles—organizing content into logical, digestible pieces—even before I knew the formal methodology. I now apply these skills to create dynamic workshops and lectures for the University of Economics, including custom handouts and active learning materials.
I manage the full instructional design lifecycle: **Analyze, Design, Develop, Implement, and Evaluate (ADDIE).**
Professional Skills & Focus Areas (ADDIE Aligned)
- Analysis & Design (A & D):
- **Needs Analysis/Gap Identification** (Financial Planning & Education).
- Structural Scaffolding (Big-Picture to Granular Steps).
- **Storyboarding & Infographic Design** (Purchased & Custom Graphics).
- Conceptual Process Mapping (Brain $\rightarrow$ Funnel).
- Development & Implementation (D & I):
- **Advanced Animation & Morph Transitions** (Dynamic Whiteboard, Zoom).
- Efficient Video Production Workflow (High Volume/Quality Output).
- Active Learning Design (**Note-Taking Handouts & Kinesthetic Learning**).
- Simulated Meeting Scenarios.
Certifications (The Credibility Layer)
- L&D, Enablement, & Soft Skills:
- Build Your Own Professional Training Quick Start Guide
- Developing a Service Mindset
- Building Rapport with Customers
- Communications Foundations
- Critical Thinking for Better Judgement and Decision-Making
- Build Your Logical Thinking Skills
- AI Curriculum & Technical Proficiency:
- Advanced Prompt Engineering Techniques
- Using AI in Research Projects
- How to Research and Write Using Generative AI Tools
- Statistics Foundations 1, 2, 3, & 4 (Data Analysis)
Designing
The Fututure of Your Organization
Jon Williams
“Teaching has always been my passion. From my days as an economics tutor to my work as a financial advisor to teaching English as a foreign language. I thrive when the mission is to impact and develop the knowledge of others (and myself)”

II. Core ID Projects: Visualizing the Learning Process
1. Conceptual Process Mapping & Simulation (L&D Focus)
Proving the ability to guide learners through complex cognitive (Creative Thinking) and operational flows, bridging theory to execution.
The Cognitive Flow Mapping & Narrative Hook
- **Creative Process Video:** Animation flow from **Brain Diagram** → Divergent Mind Map → Convergent Funnel (visually mapping a complex cognitive process).
- **Narrative Learning:** Uses the John C. Maxwell **Traveler/City Story** and the **Tortoise vs. Hare Analogy** (animated) to introduce the skill vs. talent concept, establishing an emotional hook and conceptual metaphor.
Scenario Simulation & Application
- **Meeting Simulation:** Illustrated **Presenter/Participant Silhouettes** with animating speech bubbles (e.g., Starburst Method questions) for real-world application training.
- **Evidence:** [Video Clip: Creative Process/Meeting Simulation - Sped-up Camtasia Clip]
2. Structural Scaffolding & Conceptual Metaphor (ID/Curriculum)
Mastery of breaking down abstract concepts (grammar, job skills) using dynamic visual structure and relatable analogies.
Complexity Mapping
- **CV Course Structure:** Use of **3D Inverted Pyramid** to map interview stages and **Comparative Head Diagram** to organize hard vs. soft skills.
- **Interactive Scaffolding:** **Zoom Transitions** used to guide learner attention from the main skill topic (bulb) to individual vocabulary diagrams.
Metaphor for Understanding
- **Conditionals:** **Eye Chart Analogy** (Hindsight is 20/20) used to simplify the complex rules of the Third Conditional for non-native speakers.
- **Evidence:** [Video Clip: Conditionals/Metaphor Use - Sped-up Camtasia Clip]
Complexity Mapping & Conceptual Metaphor Examples
Here’s another silent (sped up) demo from my creative thinking course. It demonstrates meticulous ability to animate over a metaphoric concept (brain diagram) while also chaining morph transitions to seamlessly jump from concept to concept while demonstrating the brainstorming technique.
This demo video comes from my Creative Thinking Tools for Business video course which was a course on divergent thinking/brainstorming techniques in a business (English) setting. It deploys metaphoric concepts, excerpts from Leadership texts, and demonstrates a narrative approach to instructional design.
Another silent demo from the creative thinking (brainstorming) course. This video demonstrates my ability to use morph transitions over a static meeting scene to simulate a meeting. Making use of the whiteboard and meeting participant silhouettes seamlessly.
Creative Process Mapping & Narrative Storytelling Examples
Here’s a demo video from my very first video course project: “How to Create your CV in English” It’s an overview video, outlining the big picture process of recruitment and how a good CV helps. It demonstrates my full range of faceless video design, animation, and transitions in addition to incorporating concept metaphors to aid in the instructional design.
This silent demo was from my CV in English course. It featured a vocabulary lesson on hard and soft skills using Zoom Transitions to bounce between the skill categories.
This silent demo comes from the Business English grammar course and explains the rationale for the third conditional. It makes use of an ‘eye chart’ to teach the English expression “hindsight is 20/20”, another demonstration of graphic metaphors and instruction.
III. Assessment Design & Active Learning Documentation
Mastery of the **ADDIE Evaluation (E) phase**. This section proves not only that I design training, but that I create a full **Learning Ecosystem** that forces active engagement and links abstract linguistic rules to high-stakes professional scenarios.
Active Learning Scaffolding
Technique: Kinesthetic Note-Taking (Forcing Engagement)
- **Scaffolded Note-Taking Guides:** Creation of documentation (PDFs) with intentional **gaps and incomplete text**. This forces the learner to actively engage and process the video content (rather than passively watching) to complete the document.
- **University Lecture Handouts:** Note-taking assignments (3-hour lecture/90-minute segments) are **visual mirror images** of the presentation slides (e.g., Pyramid Technique, Business Concept Diagrams) adapted into fill-in PDF handouts for active note-taking.
- **Process Mapping Documentation:** Note-Taking Guides visually structure the content, such as the Time Clauses lesson which maps connectors based on their function (Sequence, Predicament, Exception, Requirement) .
Scenario-Based Assessment
Technique: Professional Contextualization (Linking Language to Business Outcomes)
- **Negotiation Strategy Drill:** Project requiring the user to apply **Conditional 1 or 2** with a non-committal intention to effectively negotiate for additional sales staff.
- **Operational Planning Drill:** Exercise requiring the use of **Conditional 1** to sequence the development stages for launching a new ethnic barbecue sauce, linking grammar to **operational planning** .
- **Crisis Management & Accountability:** Drill using the **3rd Conditional** to discuss alternate past outcomes after missing a client meeting, testing application in a professional **accountability scenario**.
Conceptual Metaphor & Clarity
Technique: Visual Analogies for Abstraction
- **Full Revision Video (Conditionals):** Uses a **Puzzle Piece Matrix** (Game Theory/Payoff structure) with three color-coded levels, followed by **Balance Scales** animation to teach correct vs. incorrect sentence structure and common mistakes.
- **The Iceberg Analogy:** Used to visually separate the condition and result clauses, showing the full scope of the conditional sentence.
- **The Funnel Analogy:** Used to demonstrate the relationship between the **Action** required by the condition and the **Benefit** (Result Clause) achieved.
- **Conditional Structure Mapping:** Diagrams clearly categorize complex connectors like *When, Until, Unless, Provided,* based on their function (Sequence, Predicament, Requirement).
Scenario-Based Exercises
Here’s a silent demo from my Business English Grammar (Conditionals) course, demonstrating my ability to create visual exercises within instructional video content.
Here’s another silent demo of an exercise from my Business English grammar course on conditionals. It integrates morph transitions of a cut out character, zoom transitions on the slices within the pie chart and an interactive approach to the exercise.
Here’s another exercise video from the Business English Course. It uses a scenario to practice making third conditional sentences in a realistic use-case.
Active Note-Taking & Instructional Materials Design








