An animated, presentation-ready explainer that reframes ADD as a career strength called "High Bandwidth Thinking." Ships as two coordinated artifacts in one pnpm monorepo: an interactive scroll-driven web story and a fully-rendered narrated short with ElevenLabs voiceover.
Category: Animated Explainer
Tech Stack: TypeScript, React 18, Vite, Tailwind CSS, Framer Motion, GSAP, Three.js, ElevenLabs (AI voice), pnpm workspaces
High Bandwidth Thinking is an animated, presentation-ready explainer that reframes ADD as a career strength. It ships as two coordinated artifacts inside one pnpm monorepo: an interactive scroll-driven web story you can share as a link, and a fully-rendered narrated short with ElevenLabs voiceover, ambient bed, and a scene selector for review. Both walk a viewer through the same six beats: what the same request looks like to a sequential thinker versus a high-bandwidth thinker, the advantages of that wiring, the costs, and the structure that channels it into shipped work.
I have ADD. Most of the language around it is medical, deficit-framed, and aimed at compliance, not contribution. None of it explains why someone with this wiring routinely ships eight SaaS products, runs sales engineering for an enterprise platform, and prototypes a new product every other weekend. I wanted a piece I could hand to a partner, a hiring manager, or a future teammate that says, in 47 seconds: this is how my brain actually works, here is what you get from it, here is what it costs me, and here is the structure I use to keep the output coherent. Building it as both a web explainer and a narrated video gave me a single shareable artifact for every context: deep-read on the site, quick-watch in a DM.