Commercial Websites: Intel Corporation,
Intel Photonics Integrated Solutions Flash Animation
 
I was hired on at Intel as a contractor, specifically to head up the redesign of their Intel Research website, as it was then called, for a mid-March launch date. This was to take 3 months, taking up the duration of my contract. During the first two weeks, I had to undergo more than just the usual meetings with coworkers and management, however.

Although the animation and funcationality looks quite simple, it is actually a very complex piece of work. First, the navigation.
Elements of the Integrated Solutions Animation

The navigation bar for controlling the movie:

Icons for each term, the changing relationships of the icons throughout the movie and diagrams with explanation text:


The navigation bar is able to do all of these functions through ActionScript. The Audio mute/un-mute button is the most complex, since it must allow the audio to keep playing while the animation is playing, yet either silence or turn back on the sounds of the movie. It controls not only the audio track playing in the background, but all of the sounds of the moving blocks as well. The Pause and Resume buttons were important to the client as functionality with which a viewer could stop the movie if necessary, and then keep going at a time of their own choosing.

Also important to the client were the relationships and workflow between the different terms of each item, as well as the labelling. The terms and their icons were also to be used interchangeably, depending on the overall purpose of each scene. The solution that best pleased the client used the icons for each interchangeable part at the top of the animation, as terms with which researchers would be immediately familiar. The next layer below that would contain the product label at the left, and then the diagram of workflow and its inclusive terms in the larger box to the right of that.

To get and keep a viewer's attention, I used a lot of TV-like effects: fades, wipes, bumps, etc, to highlight "buzz words". Effects such as those helped in exploding the word "Optimized" in the first schene, transitioning between the word "Integrated" and "Innovative" in the final scene, and moving nearly every single line of text in some way to force the viewer to at least acknowledge the information, if not necessarily read all of it.
Legal Disclaimer

Intel is the sole owner of their trademark and logo as well as their webpages. All Intel sites, including Intel Research, follow corporate guidelines created by Intel Corporation itself. I hold no claim as the creator of Intel's logo, their overall brand guidelines or their site designs.

On this particular project, the actual graphics and sounds came from Intel itself. My work was specifically for animating and adding functionality to the movie.

Further details about Intel's copyrights and legal notices may be found on Intel's website at http://www.intel.com/sites/corporate/tradmarx.htm

The movie's scenes were split up with a "Next" button, rather than a delay timer, just in case a researcher really wanted to focus on one product in the Photonics animation, without requiring them to keep hitting the "Pause" button.

Please take a further look at the Intel Photonics Integrated Solutions animation at: www.intel.com/photonics.