I started off with a blank white page and tried to put on my semi-circle for the navbar, but it all looked too clean. So I cloned the background I used for the Butterfly posters giving a rough paper look onto the background.
I began shaping up the images from the stencil I had created through my sketches, with the navbar on the left and the image in a stip in the centre.
I then added the title, text and slogan, as well as film credits at the bottom. Once finishing this basic home page design I sat back and analysed it. The colours worked well together, the subtle, dirty paper background gave a rustic and authentic feel to the page, and worked well with the light blue navbar, which was clear, easy to see and read and stood out well, without overpowering the image. I swapped the image with the other poster images from the trio I previously named 'Protagonist'.
My idea for this home page was to have a fixed background, but allow the single strip to constantly change picture going through all of my three creative poster schemes including 'Protagonist', 'Butterfly' and 'Text'. Here is an example of the transitions:
I was felt happy with this home page as it was clear, tidy, easy to navigate around and stylish. The gentle slideshow was easy to watch and not confusing. I felt as though with the homepage I had taken the pros of the Cosmopolitan website which I had liked but personalised it with my own ideas. At this point I felt I could add a bit more character to the design, possibly through filling in the white spaces, aligning the credits better at the bottom.
I really like the use of the film awards from film festivals, which gives a better sense of how good the film is. I also added in the production company logos as they would never go missing on advertisements.
Moving onto other pages, I began to make pages for About, Trailer, Cast & Crew and Gallery.
For the home page I used an increase in point size and indentation for the page name in the navbar to indicate it has been chosen. Then I created a black rectangle overlay and changed the opacity in order for the picture behind to still be faintly seen. I kept the 'Colour of Autumn' font for the heading but used a more formal font of 'cambria' for the content as its clearer and easier to read, and contrasts well with the recognisable font of the film.
The rest of the pages all follow the same theme in terms of the page header in the navbar and also with the dark overlay on top of whatever picture is present underneath at whatever time. For the gallery (below) there was a smile rotation system. I decided to change to this in the gallery, rather than use the fade like on the home screen as I think it is more interactive and the user gets to flick through voluntarily, rather than simply watch.
Further, I created a small platform for a tablet view. Although I think the semi-circle navbar works well for the landscape views that are commonly found on laptops and computers, for tablets and phones a straight and fixed navbar appeared much more efficient and effective. Easy to access, and always see.
