Monica’s 315 Homepage Concept

April 5, 2010 |  by  |  Project Four, Student Work, unfathomable

As I posted before, I really liked the idea of showing a grid of thumbnails of the different videos. I imagine that once the user is on the homepage, it would look something like this. To add some motion and life to it, the thumbs from each of the videos could animate randomly for a few seconds at a time. When the user rolls over the thumbnails, a title and brief caption will appear in the thumbnail area.

To incorporate the video transitions and the idea we came up with in setting the environment on a table/desk, we could lay the grid over an empty area of the dark wood tabletop, and once the video is clicked, the camera could move over the table to the appropriate genre transition. The wires laying on the table at the top right corner tie in the appearance of other objects on the desk. The video could scroll up to show the rest of the headphones attached to those wires as it moves to the “About” page, or some other subpage. Once the transition is over and the subpage has been reached, a translucent box for the video player will appear over the table/objects, and then once the user presses Play, the video will go to full screen.

And as much as I didn’t want to go with orange and blue for a color scheme, it worked well with the dark wood texture. It doesn’t have to be blindingly obnoxious orange like we’re used to at SU, but a paler orange and a light blue. Dark, textures, warm, and ambiguous enough for all the genres.