Everything built for Kinko in one package: app prototypes, the mascot animation system, and the design/engineering learnings behind them. No internet required — all fonts, libraries and assets are vendored locally.
fetch() their JSON/SVG assets, then open index.html.python3 -m http.server 8421 in this directory, then visit
http://localhost:8421/. Opening files directly with file://
works for most static pages but the JSON-driven viewers need the HTTP server.
Standalone, interactive product prototypes.
Policy Analyser React app
Funnel-style policy analysis flow. React 18 + Framer Motion + htm, all vendored offline.
01-app-prototypes/policy-analyser/index.html
Life Simulator — Game prototype
Interactive life-event simulator screen with Lottie mascot. KDS tokens + components.
01-app-prototypes/life-simulator-game/screens/life-simulator.html
Coverage Calculator React/Babel
KDS coverage calculator. React + Babel-standalone, vendored offline.
01-app-prototypes/life-simulator-game/screens/coverage-calculator-kds.html
Life Simulator — Game v2 video-first
Each of the 9 life events now opens with a full-screen video; the question overlays the frozen last frame once it ends.
01-app-prototypes/life-simulator-game/screens/life-simulator-v2.html
Life Simulator — exploration screens
Policy-gap exploration boards
The two headline pages requested: a gallery of all mascot poses, and a live illustration generator driven by JSON.
All Mascot Poses gallery
Every rigged pose rendered together from the Lottie JSON — the full pose set on one page.
02-mascot-animation/viewers/koala-lottie-all.html
Illustration Generator JSON-driven
Generates illustrations live from the SVG/JSON pose data — the "different" generative page.
02-mascot-animation/viewers/exploration.html
Pose Downloads export
Pose set laid out for inspection / export.
02-mascot-animation/viewers/downloads.html
All animation viewers & tests
Source & pipeline
Notes a future AI/teammate needs to understand what was built and why.
Docs
