Making my film website designPresentation Transcript
After analysing all the appropriate conventions that make a goodfilm website (see previous presentation) I have managed tocreate my own website design. This was achieved on AdobePhotoshop, and I have since put it on Dreamweaver so it hasthe internet format.In terms of designing, this was the pre-set on Photoshop tocreate a blank template:
Navigation barFilm title as same font as posterSocial networkingbuttonsBilling box copied from poster Production logosfrom posterMain picturesimiliar to filmposter’sTRAILER SPACEFINAL WEBSITE DESIGN DRAFT 1
FEEDBACK FROM PEERS===Red pattern within the main title doesn’t work consideringthis particular design wasn’t present in the poster(therefore consider removing red lines)In the film poster, actors’ names were present... Maybe thisshould also be shown on the website?Good sized navigational bar with pages, and placing is alsoappropiate.Picture not the same as film poster? Maybe this should bethe same.
WEBSITE DESIGN DRAFT 2
2ndWEBSITE DESIGN DRAFTFEEDBACK FROM TEACHERS=== in keeping with design theme of the poster. Incorporates all the necessary components of a good website. Particularly good social media icons.Improvements:Move around the component parts in order to make a more coherent whole.Shrink the billing boxMaybe add star ratings and reviewers like you did in the posterConsider changing the image so it’s the same as the posterUse layering to incorporate the title in a more subtle way – think about thesmoke on your title in the poster, which is really well done.Once you’ve shrunk the billing box/critics, you should be able to incorporate theimage much more effectively. A tip: think about the borders of the red imageand consider how the other things on the page reflect to this.Maybe add a terms and conditions/copyright info at the bottom to make it lookmore professional?
FINAL WEBSITE DESIGN
FINAL WEBSITE DESIGNPicture same as posterBilling box size diminishedTerms and conditions/copyright bar making itlook more professionalReviews/reviewerssize diminishedBrushes usedbehind title, justlike in the poster