Subtle Animation Supports Strong Web Design

This agency website makes interesting use of animation. The subtle effect is made part of the background. However, by placing the main logo and navigation in the bottom right,  they create a visual conundrum. Your instinct is to focus on the animation, but that’s not really the content. Your eye eventually reaches the navigation and logo, but not until after you have taken in the animation.

It’s a disruptive approach that almost shocks you into paying attention. This site breaks with the norm and stands out. Fortunately the site is also extremely simple, which also lends itself to useful.

Check out how subtle animation boosts the effectiveness of strong web design.


Want to soak up some more of Patrick McNeil’s design and development expertise? Check out the latest edition of The Web Designer’s Idea Book volume 3, with hundreds of noteworthy websites selected by Patrick McNeil. From trendy to subtle and simple, Patrick highlights the strategies behind effective web design. 

Learn to code fast with Patrick McNeil's coding bootcamp!If you’re just starting out or you’re ready to take your coding skills to the next level, take advantage of Patrick’s coding classes offered through HOW Design University. Catch a one-week, HTML/CSS Coding Bootcamp  or his next round of Coding for Designers courses.