Interactive experience
MarsXP: optimize a real estate app for Mars
Scenario-based branching experience set in a space theme. Learners work through real estate app decisions in an immersive environment.
Matt Miele
Instructional Designer
Senior Instructional Designer &
learning program manager
20+ years designing and delivering learning experiences for startups and Fortune 500 companies alike. I own the full training development lifecycle — from needs analysis through evaluation — and specialize in interactive, accessible, and localized solutions that align with business goals and produce measurable results. I've built training departments from the ground up and contributed highly technical content across industries.
Articulate 360 (Storyline, Rise)
Adobe Captivate
Adobe Creative Suite
Camtasia
Web Technologies (HTML, CSS, JavaScript)
Salesforce / Trailhead
Interactive design
eLearning, ILT
AI (Claude, ElevenLabs, Gemini, Copilot)
Accessibility
Portfolio
Interactive experience
Escape from Flow Manor
Halloween-themed escape room where learners solve puzzles tied to key process concepts. Builds engagement through narrative.
Interactive quiz
Interactive quiz (sample 1)
Reusable quiz interaction template with multiple question types and immediate feedback.
Interactive quiz
Interactive quiz (sample 2)
Second quiz template variant demonstrating alternate layout and question formatting.
Interactive quiz
Interactive quiz (localized — Japanese)
Fully localized quiz interaction in Japanese, demonstrating multilingual eLearning development capability.
Drag & drop
Drag & drop — term matching
Learners match terms to definitions by dragging items into the correct slots. Great for vocabulary and concept reinforcement.
Drag & drop
Drag & drop — category sorting
Learners sort items into the correct categories by dragging them into labeled buckets. Ideal for classification tasks.
Hotspot
Hotspot interaction (sample 1)
Clickable image hotspot interaction for identifying elements in a visual scene or diagram.
Hotspot
Hotspot interaction (sample 2)
Second hotspot variant with alternate layout demonstrating clickable region flexibility.
Hotspot
Hotspot interaction (sample 3)
Third hotspot sample showing a process walkthrough use case with layered image annotations.
Hotspot
Hotspot interaction (sample 4)
Fourth hotspot variant demonstrating knowledge check application with visual feedback.
Accordion
Accordion with images
Expandable accordion interaction where each panel reveals supporting imagery alongside text content.
Accordion
Accordion — FAQs
FAQ-style accordion interaction. Learners expand questions to reveal answers, ideal for reference and job aid content.
Click to reveal
Click to reveal (sample 1)
Learners click to uncover hidden content, encouraging active engagement before revealing answers or details.
Click to reveal
Click to reveal — images & video
Click-to-reveal interaction that surfaces rich media including images and embedded video on reveal.
Click to reveal
Click to reveal — images (result)
Reveals an image result after learner interaction, reinforcing correct responses visually.
Click to reveal
Click to reveal — images (select)
Learners select from image options and receive contextual feedback on their choice.
Flashcards
Flashcards (text)
Text-based flip card interaction for vocabulary, definitions, or concept review. Learners flip each card to reveal the answer.
Flashcards
Flashcards (with images)
Image-enhanced flip card interaction pairing visuals with text on each card for richer recall practice.
Fill in the blank
Fill in the blank — five blanks
Learners complete a passage by filling in five missing terms, reinforcing retention through active recall.
Simulation / demo
Software simulation (sample 1)
Step-by-step software simulation guiding learners through a process with show-me and try-me modes.
Simulation / demo
Software simulation (sample 2)
Second simulation variant demonstrating an alternate UI walkthrough with branched practice paths.
Simulation / demo
Agentforce software simulation
Fully custom click-through demo of Salesforce Agentforce built in HTML, CSS, and JavaScript — no authoring tool required.
Simulation / demo
Software simulation — internal training
Simulation developed for internal employee training, walking through proprietary tooling with guided practice.
Trailcast
Trailcast audio player
Custom-built audio player delivering Trailcast episodes with AI-generated voices. Demonstrates audio learning design and front-end development.
eLearning
Quick start: Salesforce admin
Scenario-driven eLearning for new Salesforce administrators. Covers core configuration tasks with branching practice.
eLearning
Customize Agentforce Sales Coach
Trailhead-style course with an embedded software demo. Covers how admins configure and deploy Agentforce Sales Coach.
eLearning
Salesforce Trailhead project badge
Live Trailhead project badge — manage products, prices, quotes, and orders. Demonstrates Salesforce platform learning design.
eLearning
Akamai compliance training
Full compliance eLearning course with audio narration, knowledge checks, and video segments developed for Akamai Technologies.
eLearning
Akamai new employee orientation
Video-based eLearning orientation module for new Akamai employees, covering company culture and onboarding essentials.
ILT
New hire onboarding — slide deck
Designed the full onboarding curriculum for Akamai including visual theme and content. These are the slides from the intro and first module.
ILT
New hire onboarding — student guide
Companion student resource guide for the Akamai onboarding program. Designed for use across cohorts as a durable reference.
Template
Training plan template
Used to scope and plan a full training curriculum. Covers audience, objectives, modalities, timeline, and resource requirements.
Template
Course design plan template
Used to plan an individual course — defines learning objectives, content outline, assessment strategy, and delivery approach.
Template
Training request analysis template
Used to analyze a specific training request — determines root cause, audience, gaps, and whether training is the right solution.
Evaluation
ILT training evaluation
Kirkpatrick Level 1 evaluation instrument designed for instructor-led training. Captures learner satisfaction and perceived relevance.
Evaluation
eLearning training evaluation
Kirkpatrick Level 1 evaluation instrument designed for eLearning. Measures learner reaction, usability, and content effectiveness.
No projects in this category yet.