Prototype #1, 2, 3, 4 - Website - UPDATED


The wireframe is quite simple, but the final product will look a lot better. First off, at the top of the page, we will include our team logo once it's finalized. Following that, there will be an image of a gadget that represents that time period. A parallax scrolling would be used, so that the section with the video covers up the image. This pattern will continue for all four video panels. 
Each section will also have a different color palette to correspond with the most common colors used during certain ages. We might also include some small side-section with informations either about the videos or the times. 
Then, there will be a footer(not shown on the wireframe) with name of the coder, designer and date when it was finished.


Update: 22.11.2018 - https://wireframe.cc/upfa3o

The image, video and gallery would repeat 4 times between the header and the footer. This layout would allow me to create an interesting background for our website. I had been talking with Andrej, who is the main photographer, about possible photos that we could put into the website. As seen on the previous layout, we been thinking of using 4 different images. For this wireframe though, we considered adding in a mini-gallery. And then a background image.
The gallery could include proper photographs or behind the scenes from each movie.


 Update: 24.11.2018 - https://wireframe.cc/xmRUMk

Another version, quite similar to the second one, but this time, the content will take the whole width of the website, instead of 80%. This, of course, takes away the possibility of very visible background image, but gives a chance for parallex scrolling to look more effective... Perhaps, instead of 4 different images, we could use just the background image and parallax scroll through it.
The gallery could include proper photographs or behind the scenes from each movie.


Update: 24.11.2018 - https://wireframe.cc/WuMo00

The last change that I was thinking about is to change the idea of the gallery. Instead of having it under each image, we could have it at the very bottom of the website... but I'm not sure if I like it that way. The gallery would include proper photographs or behind the scenes from each movie, but it will be all in one place.



Comments

Post a Comment

Popular posts from this blog

Research - 1950 - 2000

Image
Communication: 1950: No internet with online shopping and knowledge, no text messaging, no skype, how did they manage to talk to friends and family in the 1950's? Letters.  Telephone - Was available, but very few people had it in 1950. To make any call you had to go through the Operator at the local Exchange. Most phone numbers were just 3 digits, so you'd pick up the phone, wait for the Operator to say "Good morning, number please" and reply with whatever, such as Tonbridge 387. At first the phones were of Bakelite, very heavy but thankfully very loud, you'd not miss a call unless you lived in an enormous house. These were replaced with Plastic phones , but one thing for years seem to remain common place - the cord which after time became coiled up. This led to the inevitable answering of the call and pulling the telephone of the table. (Source) 1960: Subscriber trunk dialling (STD) was introduced in the mid-1960s, allowing people t...
Read more

Connected but disconnected generation script draft

Camera pans across a vr headset, Cut to the main characters eyes waking from his sleep, John gets up from his bed brushes the sleep from his eyes and slowly walks throughout his house, John gathers himself and makes his way downstairs he is dressed in a shirt a tie and black pants, Camera pans as he walks into his kitchen he proceeds to make coffee and breakfast, the whole time he is glued to his phone screen. John begins to pour his coffee completely missing the cup he burns his own hand, Camera cuts to John leaving his home, filler shots of John walking throughout his neighborhood the whole time glued to his phone, John Enters his local pub and is met with two options, Camera switches to his perspective, A group of lads sitting at a table wave him over,  John being antisocial feels awkward and decides to sit alone at a booth, He proceeds to sit on his phone, The bar for socializing decreases and johns phone instantly runs out of battery, John looks arou...
Read more