In 2008 summer, I was given an opportunity to design a visually dynamic site for Ontario 49, Technicolor's Creative Services Studio. The studio wanted a site that showcased a variety of their title designs as well as present the unique skill set the studio offers to clients. Below are some snapshots of the concept I pitched, where I designed the layout, motion and interactions of line element on screen.
The site was designed in Flash. This is the introductory screen.
The line element move to the center of the screen. Once locked in place the projects appear to the left, and the skillset appear to the right. When the user hovers over a project, the corresponding lines are focused, while the rest fade away.
This is an example of one of the projects on hover.
The user can hover over each project and see the skills highlighted. This creates a visually appealing array of line combinations that are pleasing to explore and play with.
When the user clicks on one of the projects, the lines move out of the screen, and a new configuration appears from the left. This screen shows detail about the demo reel such as contributors, a descriptions and a watch button.
At the click of the Watch button on the Detail screen, the user gets transported to watch the Demo.