Monica’s Re-post (since I mucked up the first time…)

April 14, 2010 |  by  |  Project Four, Student Work  |  , , ,

Barron Live from 315 Submission

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 (see below).

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.

INSPIRATION

For the grid: Uniqlo Mixplay

For the overhead table look: Lionways

FUNCTIONALITY

  • Video pan over objects on table
  • Camera stop, grid of thumbs pops up
  • Once a video is selected, camera pans back over to chosen objects representing video
  • Video player appears for visitor to hit play
  • Video goes to full screen for duration of video
  • Navigation always on top so user can easily choose new videos or sub pages