2001, Scene Comparison Site
       
     
Map of Locations
       
     
Space Station
       
     
Lounge Scene
       
     
Scene Comparison B
       
     
Scene Comparison A/B
       
     
Scene Comparison, Features
       
     
Scene Comparison, Postures
       
     
Scene Comparison, Set Design
       
     
Scene Comparison A
       
     
Global Nav, Compare
       
     
Scene Comparison Page
       
     
Scene Comparison
       
     
2001_Compare_Global_Location Hover_2.jpg
       
     
2001_Compare_Global_Location2.jpg
       
     
2001_Compare_Global_Location Hover_1.jpg
       
     
How did I come up with this?
       
     
Davidson_2CompareSketch1.jpg
       
     
Davidson_1LandingPage1.jpg
       
     
2001, Scene Comparison Site
       
     
2001, Scene Comparison Site

This site is an artistic interpretation, based on the narrative of the Stanley Kubrick film, 2001: A Space Odyssey.

Map of Locations
       
     
Map of Locations

From left to right are white icons, each a symbol for key locations featured in the film. The mouse is hovering over the location of Space Station, a sub menu reveals sub-locations within the space station.

Space Station
       
     
Space Station

From the previous screen, the viewer clicked “space station” to reveal a more-detailed summary of scenes from this location.

Lounge Scene
       
     
Lounge Scene

Here is a specific-location landing page. The visual focus is a scene clip. Secondary information is a written summary of key plot points, and potentially related scene for comparison.

Scene Comparison B
       
     
Scene Comparison B

Two scenes, side by side. Each scene features a short description, and timeline slider, for easy queuing. The most unique aspect of this interface design is the player bar.

Scene Comparison A/B
       
     
Scene Comparison A/B

I came up with this unique player-control system that allows viewers to control either clip independently, or simultaneously. In this view the entire bar is yellow, which means the play-button will control both the clips in unison. If you want to deactivate either scene, you can click on the corresponding half of the yellow play bar, or on the corresponding location icon in the right column.

Scene Comparison, Features
       
     
Scene Comparison, Features

Clicking the icon at the top right of the global bar, triggers a drawer-like panel of directive scene topics to take not of.

Scene Comparison, Postures
       
     
Scene Comparison, Postures

Each scene features a group gathered around a “watering hole”. The blue highlight illuminates the similarities with hominid and Dr. Smyslov.

Scene Comparison, Set Design
       
     
Scene Comparison, Set Design

Are the shapes of rocks and chairs deliberately similar, or merely a coincidence?

Scene Comparison A
       
     
Scene Comparison A

The Watering Hole scene is active, the Lounge scene is paused, and deactivated.

Global Nav, Compare
       
     
Global Nav, Compare
Scene Comparison Page
       
     
Scene Comparison Page

A variety of scene comparison pairings featured on this site.

Scene Comparison
       
     
Scene Comparison

Another example of what a scene-comparison page could look like with alternate content.

2001_Compare_Global_Location Hover_2.jpg
       
     
2001_Compare_Global_Location2.jpg
       
     
2001_Compare_Global_Location Hover_1.jpg
       
     
How did I come up with this?
       
     
How did I come up with this?

This website is the result of a student project. The assignment: take the narrative of 2001, extract data points of your choice. Design a site that allows a viewer to explore these data points. The data I selected related to strong visual symbolism, structure and theme. Therefore, I designed a scene-comparison product. Here are some of my process sketches that helped me reach my final concept.

Davidson_2CompareSketch1.jpg
       
     
Davidson_1LandingPage1.jpg