🎙️
When the Course Knows Your Name
Connected Storyline to the enterprise LMS via JavaScript API calls, then used Murf AI to generate personalised voice narration — dynamically, at scale.
View project →
Available for new opportunities
Learning Experience Technologist
I build learning
experiences that think.
15+ years at the intersection of instructional design and engineering. I write JavaScript inside Storyline, connect courses to live APIs, automate workflows that used to take days, and integrate AI where others use static slides.
My Story
Recruiter View
15+
Years in L&D
3
Disciplines in one —
ID, Dev & AI
ID, Dev & AI
9
Roles across
L&D & Training
L&D & Training
7
ID frameworks
applied in practice
applied in practice
Abhishek Trivedi
Pune, India · Open to remote
Open to Work
Storyline 360
JS + APIs
Murf AI
FFmpeg
xAPI · SCORM
Synthesia
Camtasia
GPT Workflows
Articulate Storyline 360◆
JavaScript Integration◆
REST API Connections◆
xAPI & SCORM◆
AI Voice Personalization◆
FFmpeg Automation◆
LMS Architecture◆
Camtasia · Synthesia◆
Articulate Rise 360◆
Multilingual eLearning◆
Articulate Storyline 360◆
JavaScript Integration◆
REST API Connections◆
xAPI & SCORM◆
AI Voice Personalization◆
FFmpeg Automation◆
LMS Architecture◆
Camtasia · Synthesia◆
Articulate Rise 360◆
Multilingual eLearning◆
What I Do
Design thinking meets
engineering curiosity
01
Learning Experience Design
Branching scenarios, performance-based assessments, and content architecture grounded in instructional theory. I design for behavior change — not just completion rates.
02
Learning Technology & Integration
Extending authoring tools beyond their defaults using JavaScript, APIs, and LMS integration. I connect systems and surface data to create smarter learner experiences.
03
AI & Workflow Automation
AI-enhanced workflows — from voice personalization to automated localization pipelines. If a human is doing something repetitive, a script should be doing it instead.
Competency Map
Where I sit across
the L&D spectrum
Most L&D professionals are strong in one dimension. The chart maps five axes honestly — hover each axis to see what it means in practice.
Instructional Design
ID models, storyboarding, learning theory applied as structural constraints — not just labels.
Technical Development
JavaScript in Storyline, REST APIs, SCORM/xAPI architecture, FFmpeg scripting.
AI Integration
Live API voice generation, GPT workflow tools, AI-powered storyboard generation.
Automation & Systems
Template architecture, localization pipelines, workflow automation that multiplies team output.
Analytics & Data
xAPI statement architecture, LRS data visibility, learning measurement strategy.
Tools I've shipped
Tools I shipped.
Not portfolio pieces. Actual tools L&D teams use. Each started as a problem I couldn't find a solution for.
const slide = player.GetCurrentSlide();
const u = player.GetVar('userName');
slide.GetObjects().forEach(o => {
if (o.name.startsWith('HS_')) {
o.SetAlpha(show ? 100 : 0);
}
});
// xAPI: fire 'completed' → LRS
const slide = player.GetCurrentSlide();
const u = player.GetVar('userName');
slide.GetObjects().forEach(o => {
if (o.name.startsWith('HS_')) {
o.SetAlpha(show ? 100 : 0);
}
});
// xAPI: fire 'completed' → LRS
Articulate Storyline
SLSnippets
Production-ready JS snippets for Storyline 360. Stop writing the same boilerplate from scratch.
36h saved per production run · 150 snippets
Try it free →
Animation Library
AnimSL
Drag-and-drop animation presets for Storyline. Entrance, emphasis, exit — no JavaScript required.
82 animation types · GSAP-powered
Try it free →
Icon Library
IconMotion
Animated SVG icons built for eLearning. Export as SVG, GIF, Lottie JSON, or Web Object ZIP.
2000+ icons · 8 animation styles · Lottie export
Try it free →
Selected Work
Case studies that show
how I think
01
AI Integration · LMS · Voice Personalization
When the Course Knows Your Name Live Demo
Connected Storyline to the enterprise LMS via JavaScript API calls to fetch live learner data, then used Murf AI to dynamically generate personalized voice narration — at scale.
Storyline 360JavaScriptREST APIMurf AIEnterprise LMS
→
02
Systems Design · Template Architecture · Scale
Building the Engine, Not Just the Car Live Demo
Designed a comprehensive Storyline template system — including JavaScript-enhanced interactions — that multiplied a global team's output without multiplying headcount.
Storyline 360JavaScriptPowerPointSystems Design
→
03
Automation · Localization · Video Processing
From Manual to Automated — Rethinking Localization Live Demo
Built an FFmpeg-based automation workflow that turned multi-hour manual video localization into a repeatable, script-driven operation across multiple languages.
FFmpegShell ScriptingStorylineSubtitle Tools
→
04
xAPI · Learning Analytics · LRS · Data Visibility
The Invisible Student Live Demo
Built a live xAPI stream visualiser — step through a real course and watch every learner action generate a structured statement in real time, exactly as it appears in an LRS.
xAPI / Tin CanLRSLearning AnalyticsJavaScriptLive JSON
→
05
Instructional Design · AI Tooling · ID Models · Storyboarding
AI Storyboard Converter Live Demo
Built a storyboard generator that applies 7 real ID models — ADDIE, Bloom, Gagné, SAM, Merrill, 4C/ID, Kirkpatrick — to 4 pre-authored courses.
Instructional DesignID ModelsStoryboardingJavaScriptCloudflare Workers
→
Accessibility Practice
Accessibility isn't a checklist.
It's an architectural decision.
Most eLearning developers add alt text at the end and call it done. The four scenarios below show what accessibility actually means inside Storyline — built into the template from the start, not retrofitted after the fact. Toggle each one to feel the difference.
New resource
Built a full WCAG guide for Storyline developers.
Checklists, contrast tables, focus order fixes — all of it.
Checklists, contrast tables, focus order fixes — all of it.
Everything the demos below reference, documented in one place. Bookmark it before you leave.
01
Focus Order
Tab through the buttons below
OFFON
Tab key moves focus in Storyline's broken default order — unpredictable, confusing for keyboard users.
Tab order:
✓ Fixed Focus order now follows logical reading flow: Start Course → Menu → Back → Next → Resources.
02
Colour Contrast
WCAG 2.1 AA requires 4.5:1 ratio
OFFON
✓ Fixed Contrast ratio raised to 7.2:1 — exceeds WCAG AA and meets AAA.
03
Alt Text Strategy
What a screen reader would announce
OFFON
Missing alt text
alt=""
Decorative image
marked decorative
✓ Fixed Informational images get descriptive alt text. Decorative images are marked so screen readers skip them.
04
Keyboard Navigation
Try interacting without a mouse
OFFON
This accordion only responds to mouse clicks. Keyboard users are completely locked out.
What is WCAG 2.1?
Web Content Accessibility Guidelines — the international standard for accessible digital content.
Why does Storyline need custom focus management?
Storyline's default tab order is based on object creation sequence, not logical reading order.
What does "accessible by design" mean?
Building accessibility requirements into the template architecture from the start — not patching individual courses after the fact.
✓ Fixed Accordion headers are now focusable and respond to Enter and Space keys.
Standard
WCAG 2.1 AA
Minimum contrast ratio
4.5 : 1
Keyboard navigable
All interactions
Focus order
Explicitly defined
Alt text strategy
Informational + Decorative
Interactive Demos
Don't just read. Try it.
Each case study has a working interactive demo — built in the browser to show you exactly how I think and build. No PDFs. No screenshots. Click in and explore.
Demo 01
AI Personalized Narration
Enter your role. Watch the course adapt. Hear your personalised voice narration in real time.
Try it now →
Demo 02
Template System Showroom
4 live interaction patterns — tabs, accordion, drag & drop, branching — with the Storyline JS code shown.
Try it now →
Demo 03
FFmpeg Terminal Simulation
Run the actual localization script in the browser. Watch 8 languages process in real time.
Try it now →
Demo 04
The Invisible Student
Step through a course and watch every action become a live xAPI statement — the data layer most never see.
Try it now →
Demo 05
AI Storyboard Converter
Pick a topic and an ID model. Get a complete storyboard — narration, visuals, interactions, and design rationale.
Try it now →
Mini Game New
Spot the Accessibility Bug
5 rounds. Real Storyline violations hidden in fake slides. Find every accessibility bug before the timer runs out.
Play now →
Meta Demo New
The LMS
A fully functional course player — boot screen, live xAPI stream, knowledge check, certificate — delivering one course: this portfolio.
Launch course →
— 15 years · 9 roles · one direction
The journey that
built this skillset.
Started in L&D in Ahmedabad in 2010. Every role since has added a layer — instructional design, then eLearning dev, then LMS admin, then JavaScript, then AI. Drag the timeline or click any role to explore.
2010
2026
swipe to navigate
Building something that needs design thinking and engineering curiosity?
Let's Talk →This page · WCAG 2.1
Standard
AA ✓
Min. contrast
7.2 : 1
Keyboard nav
All ✓
Focus order
Defined ✓
Accessibility Checker