Author: I Wayan Usada — Learning & Development · Instructional Design portfolio Fictional client case: VanDijk Logistics B.V. (mid-size warehousing, chilled goods) Built: August 2026 · all artifacts run offline in any modern browser
| # | File | What it proves | Craft demanded by |
|---|---|---|---|
| 1 | index.html | Flagship case study page — full ID-portfolio arc: hook → audience/responsibilities/tools → Problem → Solution → Process → Results & Takeaways, with "Experience the project" up top | Exemplar format (blancatlxd / jennifer-russ / shereecaminita / dimaqattan pattern) |
| 2 | 01-needs-analysis.md | Consultative analysis: the real question behind the stated request; measurable objectives; audience segmentation | Lirin · Exact · Visualfabriq · Marel · Defensie · UMC |
| 3 | 02-storyboard.md | Scene-by-scene planning craft: motion timing, narration pairs, interaction logic before code | dnata · Lirin · Plukon · Marel |
| 4 | explainer.html | Animated explainer — self-contained HTML replacing video: motion design, EN captions (NL draft, review pending), sound cues via WebAudio, no voiceover, dock/truck/clock animations | Marel (videocontent) · Exact · Ricoh (multimedia) |
| 5 | module.html | Interactive certification module — branching decisions with consequence feedback, 7-of-8 randomized certification bank, ≥85% pass gate, xAPI-ready result statement | Plukon · dnata · Exact · FareHarbor · UMC |
| 5b | dock.html + 3d.html (receiving.js with cc-world.js, cc-pallets.js, work/_shared/3d-fx.js) | Dock run, 2D and 3D — four pallets with hidden cores, a simulated dock clock with a chill bay that pauses it, a CMR you can sign too early, and the reservation fields; both read dock-data.js. The 3D version is a flagship scene: a receiving dock at dusk in the rain, worked at eye height with the IR gun, the probe and a hand pallet truck (storyboard frames in 02-storyboard.md) | Exemplar process evidence (spatial practice with a 2D equivalent) |
| 6 | 05-lms-integration.md | SCORM packaging path, xAPI event design, item-analytics governance, deployment runbook | dnata (SuccessFactors) · Plukon (Docebo/SCORM/xAPI) · FareHarbor (LMS admin) |
| 7 | 06-ai-disclosure.md | Honest AI-production ledger + reusable responsible-AI-use policy one-pager | Exact (essay question) · Ricoh (AI-literacy) · UMC (richtlijnen/good practices) · Précon |
| 8 | 07-pathway-map.md | Blended learning pathway: onboarding embedding, annual recertification, coach enablement, escalation loop | Defensie (doorlopende leerlijnen) · FareHarbor (learning paths) · Port of Rotterdam |
| 9 | 08-evaluation-plan.md | Kirkpatrick 4-level measurement tied to pre-committed targets: abuse ↓≥60%, unnecessary rejections <10%, ≥85% certified — same numbers the action map promises | Exact · FareHarbor · UMC · DSV · Ricoh |
| 10 | 09-action-map.html | Action map (Cathy Moore method) — business goal → 4 practiced behaviors → cut content, distractor-to-failure-pattern traceability | Exemplar process evidence (action mapping demanded across postings) |
| 11 | 10-visual-design.html | Mood board · style guide · wireframe→mockup progression — justified palette, token system shared with the build | Exemplar process evidence (visual-design craft: Marel · Exact · Ricoh) |
| 12 | 11-process.html | Process narrative — ADDIE frame with SME story — each phase, decision, and SME moment with artifact links | Exemplar process evidence |
Tool note: "Craft demanded by" cites the demand each artifact answers, not tool proficiency. The module is hand-built HTML/CSS/JS by design; Articulate Storyline/Rise authoring and live LMS (Docebo/SuccessFactors) deployment are documented in 05-lms-integration.md as transfer-and-package steps requiring a target-LMS test instance.
One topic, traced end-to-end: business problem → analysis → design → two built artifacts → deployment plan → measurement. It reads like a job interview for an instructional designer, executed as evidence.
(Limitations section included on purpose: portfolios that hide constraints read as naive; ones that name them read as senior.)
STATUS: DELIVERED 2026-08-30 (flagship upgrade) — kit upgraded to the ID-exemplar portfolio format: full case-study page, action map, mood board/style guide/wireframes→mockups, ADDIE+SME process narrative, and evaluation plan re-aligned to the 90-day cold-chain targets. Published in the six-kit portfolio suite.
Prefer the source? Download the raw markdown.