I specialize in creating prototypes that transform ideas into interactive experiences, using thoughtful interactions and transitions to bring designs to life. These dynamic models allow for exploration, testing, and refinement, ensuring every detail feels intuitive and user-focused. Paired with precise handoff documentation, I bridge the gap between design and development, enabling seamless implementation and alignment across teams.

I specialize in creating prototypes that transform ideas into interactive experiences, using thoughtful interactions and transitions to bring designs to life. These dynamic models allow for exploration, testing, and refinement, ensuring every detail feels intuitive and user-focused. Paired with precise handoff documentation, I bridge the gap between design and development, enabling seamless implementation and alignment across teams.

Zeroheight

A tool for creating interactive, centralized design system documentation that bridges design and development.

Lottie 

It allows you to export AfterEffects into code ready animations. Pro Tip: Avoid using masks in AfterEffect when exporting into Lottie.

AfterEffects 

Before Figma prototypes, before Sketch + Principle… the only option to demonstrate motion and micro interaction was with AfterEffects. 

I have used full story on production environments. I find it good for mining insights, such as task completion, drop outs, points of frustration (rage clicking). 

Principle 

When you use Sketch, you can import your Sketch files into Principle to create vector-based micro-interactions and animations. 

Figma

In Figma, using Smart Animate with consistent layer names and layer order enables the creation of high quality, custom micro-interactions. 

UI Design & UI Copy

UI Design

Prototype & Handoff

Prototype

& Handoff

Prototype & Handoff

HOME

WORK

SKILLS

AWARDS