making my film website design

8

Upload: yasmincoutinho

Post on 19-Jun-2015

141 views

Category:

Business


0 download

TRANSCRIPT

Page 1: Making my film website design
Page 2: Making my film website design

After analysing all the appropriate conventions that make a good film website (see previous presentation) I have managed to create my own website design. This was achieved on Adobe Photoshop, and I have since put it on Dreamweaver so it has the internet format.

In terms of designing, this was the pre-set on Photoshop to create a blank template:

Page 3: Making my film website design

Navigation bar

Film title as same font as poster

Social networking buttons

Billing box copied from poster Production logos from poster

Main picture similiar to film poster’s

TRAILER SPACE

FINAL WEBSITE DESIGN DRAFT 1

Page 4: Making my film website design

FEEDBACK FROM PEERS===Red pattern within the main title doesn’t work considering this

particular design wasn’t present in the poster (therefore consider removing red lines)

In the film poster, actors’ names were present... Maybe this should also be shown on the website?

Good sized navigational bar with pages, and placing is also appropiate.

Picture not the same as film poster? Maybe this should be the same.

Page 5: Making my film website design

WEBSITE DESIGN DRAFT 2

Page 6: Making my film website design

2nd WEBSITE 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 box Maybe 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 the smoke 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 the image much more effectively. A tip: think about the borders of the red image and 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 look more professional?

Page 7: Making my film website design

FINAL WEBSITE DESIGN

Page 8: Making my film website design

FINAL WEBSITE DESIGN

Picture same as posterBilling box size diminished

Terms and conditions/copyright bar making it look more professional

Reviews/reviewers size diminished

Brushes used behind title, just like in the poster