Design & Interactive Experiences

Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.

Keyframes helps you write better CSS with a suite of tools to create CSS @Keyframe animations, box shadows, colors, & more

Creating my logo animation using SVG and Greensock

Define a trigger, transformations, duration, and easing of the animation, and be mindful of accessibility issues and annoying the user.

Animation in UX must be unobtrusive, brief, and subtle. Use it for feedback, state-change and navigation metaphors, and to enhance signifiers.

Microinteractions convey system status, support error prevention, and communicate brand. They are initiated by a trigger, are single-purpose, and can make the experience engaging.

Above and beyond feedback, micro-interactions can also add a human element to your interface. Do you have an opinion on the heart v. star interaction on the Tw…

Having animated elements on web pages is a common practice, but what if you want to take it to another level?

Patrick David. Italian Front-End, designer. Website, UI/UX, WordPress Dev. Developer based in Belluno.