Animations drive engagement

Microinteractions

Microinteractions are a newer concept which use very subtle animations on user interactions to enhance the user’s experience.

Animated SVGs

Animated SVGs allow for more dynamic animations

Animated on Click

Animated Loop

Animated on Mouse Hover

Animated Backgrounds

Videos can also be used to bring life to a website in a variety of ways.

Traditional Animations

Some animations and effects have been in use for over a decade to great effect. Although by now they may seem boring, they can still help elevate a website above being a simple digital brochure and combined with other more exciting interactions can help a website stand out from a crowd.

Scroll Effects

When elements move in a different direction or at a different rate when scrolling.

Parallax

Horizontal

Rotation

Loading Effects

When elements are first displayed they can be animated.

Fade

Slide

Rotation

Mouse Effects

Move your mouse over the following to see the effect.

Mouse Follow

Flip

Hover