Motion that reinforces meaning, not just movement.

Dashboard with sections titled 'Ketryx Agents,' '90% Reduction in documentation cycle time,' and 'Traceability matrix' showing various data points and progress indicators.
Laptop on a white table displaying a webpage titled 'Why In Vivo models matter' with text and icons about disease coverage, methodologies, and drug development, with a minimalist background featuring a white wall, a green chair, and a few green leaves.

I design motion and interaction for websites and brand storytelling. From scroll-based micro-interactions to full brand animations, I bring static designs to life in ways that guide attention, communicate narrative, and carry brand voice.


HOW I WORK

I approach motion as a design discipline, not a production step. Every animation starts as a storyboard in Figma, where I lock the visuals, color, and narrative before anything moves. Motion comes last because timing and pacing decisions are easier when the story is already clear.

Dark screen with vertical lines and streaks of light, possibly a digital or electronic display.

Start in Figma, move to motion tools

I storyboard and get approval on the static version first. Visuals, color, icons, storyline. This saves significant revision time and keeps the creative direction grounded before motion introduces new variables.

Bridge design and development

When interaction intent isn't obvious in a static mockup, I create animation references so developers can see exactly what the interaction should feel like. I close the gap between what's designed and what gets built.

Design interaction with purpose

Every movement on screen should do something useful. Guide the eye to a key message, show a relationship between elements, or create a moment that holds attention longer. If motion doesn't serve the experience, it doesn't belong.

Level up the team

I've taught animation courses to designers, coached teammates through building their own motion work, and animated portfolio case studies for the agency. I bring motion capability to the teams I work with, not just to individual deliverables.


SECLECTED WORK
Screenshot of a webpage promoting a compliance platform with a header titled 'One Platform, Total Compliance.' Features include self-tracing SDLC, automated FDA documentation, and seamless QMS enforcement. The page displays a section with a quote from Alan Snippen, VP of Engineering, about fewer tools for developers, and shows a traceability matrix with test results and statuses.
Person holding a smartphone displaying a healthcare software website called Ketryx, promoting FDA-compliant traceable software for DevTools.

Ketryx

Two brand animations, both still live on the site. The home header animation visualizes chatting with the AI chatbot in real time. The main brand animation weaves the company's AI-first identity into a longer narrative piece.


A laptop screen displays a webpage titled 'Drug discovery powered by AI & Automation' with a dark background and some text and graphics, illuminated in a dark environment.
A dark, nearly black, image with faint vertical lines and subtle color variations, no discernible objects or features.

XtalPi

Scroll-based micro-interactions and cursor-reactive elements designed to hold attention within sections without being jarring. Motion that supports the editorial, magazine-style art direction of the site.

CONTACT

If you need motion or interaction design that supports your brand, I'd love to hear about the project.