Interaction design, accessibility, and motion. Nine years of shipping work that holds up at 200% zoom, on a keyboard, and at 3G speeds.
— currently in Nakameguro
Selected collaborators
Two projects where the measurable problem was friction, and the fix was mostly subtraction.
Ticket abandonment sat at 41% on mobile. We cut the flow from nine screens to four, made date selection keyboard-operable, and shipped a seat-free queue model. Abandonment dropped to 17% in eight weeks.
Every screen was audited at 200% zoom and with VoiceOver in Japanese and English. 38 contrast failures closed, error copy rewritten to name the fix. Support tickets about sign-up fell by a third.
I test every palette pair before it reaches a component. On the Hanabi Bank rebuild that meant rejecting the brand's own grey at 2.9:1 and proposing a replacement the marketing team could still use in print.
350–600ms, no overshoot, and a full stop before anything else moves. Reduced-motion users get the same information with opacity alone — never a degraded version of the page.
Primary · 600ms
Secondary · +50ms
Ambient · 18s loop
Figma variables named exactly as the CSS custom properties they become. On the Kyoto Bunka Archive system, that removed a weekly spec meeting entirely.
Files I built for my own work and kept maintaining. Free, no email wall.
Duration, easing, and travel-distance variables mapped one-to-one to CSS custom properties, so handoff stops being a translation exercise.
Every pair in your palette, scored.
Visible focus for keyboard users.
Latin and kana on one vertical rhythm.
“Theo redrew our ticket flow in three weeks and then spent another two testing it with visitors who use screen readers. Nobody had done that for us before.”
“He gave our engineers a token file they could actually build from. Our design-to-code review time went from four days to one.”
One project at a time, starting September 2026. Audits and short engagements are easier to fit in sooner.
Or email directly — theo@nakamura.design