Portfolio / Creative Technologist

Designing motion-rich interfaces with code

I shape product interfaces where rhythm, feedback, and motion make the experience easier to read. Every transition has a job: clarify state, guide attention, and make the system feel alive.

Interaction Design Frontend Engineering Motion Systems Prototype Craft Interaction Design Frontend Engineering Motion Systems Prototype Craft

Selected Work

Motion that gives information a sharper edge.

01

Launch Atlas

A SaaS onboarding flow rebuilt with clear state changes, progressive reveals, and confident handoff moments.

02

Signal Room

A real-time dashboard that quiets the noise and lets meaningful changes rise through motion and contrast.

03

Studio Flow

A review workspace where notes, approvals, and version history move through one readable timeline.

Motion Stack

Design, build, and verify at one useful speed.

TAKIKAWA hover a node
React GSAP WebGL Figma Design Systems Accessibility
Active Stack Hover a node

Each skill is now a live link. Hover or focus a node to pull the orbit, update this panel, and shift the field color.

View related work

Storyline

Turning ideas into products people can feel.

Map the business context, user pressure, and team constraints until the most important interaction becomes clear.

Move between Figma and code to make prototypes that can be touched, tested, and refined quickly.

Finish the interface with responsive behavior, accessible focus states, and performance-minded motion.

Contact

Let's put good motion into the next experience.

hello@example.com