Wednesday, February 14, 2007

Web App Landing Page Animation





I just created this simple animation for the landing page of a web app for our design group. It will likely change tons, but I wanted to capture this first effort.


The idea (like with many animations I've been doing lately at work) is to created an animated sequence that is interesting and that teaches the person watching the animation at least these things:


1) What kind of information can you find here
2) What is the "personality" of the site (happy, cool, designery, wordy, etc.)
3) Where are the top-level buttons/affordances to use to navigate the site.

I don't really know what are the "best practices" when it comes to moving text, morphing it, etc. But I do know that these animations catch the user's eye. And that if designed correctly, they can bring a sense of excitement to the experience as well as provide the user with an idea of what they should click on first to start their journey at your site.

No comments: