Design for Web// Photoshop Mockups & Final Crit

Scamp

Home Page

Survey Results Page 

Obviously I have made this page to look cut off to give a more realistic look. You will be able to scroll down and view the other pictograms. What you do is simply click on the pictogram or click on the name of the country and that hyperlink will take you to the 2012 results for that chosen counrty. I will also need to make those resutls pages but I think that will be a lot of work and I will need to speak to my tutor Simon about what is realistic and what is to much work.

Strengths 

• The men illustrations are really effective!
•  Its clear what country they are from and they add some fun to the website. 
• The navigation with the circle is very clear, sections are obvious.
• The vector style is appropriate because  of the info-graphics featured. Clearly labelled and easy to understand. 
• Effective navigation, original idea. 
• Really like the layers of the website, would keep the user interested.
• Overall very well designed. 
• Good design sheets showing development.
• Good link to the history of brief. 

Areas improvement Improvement 

• The choice of colours is slightly distracting because theres too many and it takes away focus from what your meant to look at first.
• Colours could be more appropriate to content. Blue, Red, White? Relates to Britain and France!
• Red text on red banner isn't very readable.
• Explanation of what the website is for.  
• Again, Europe is ineligible against the red background. 
• Surveys page could be better laid out, evenly spaced out, each country and illustration. 
• Theres need to be a home button on the survey page, similiar to the France page. 

Considerations

• Red type might be a bit to bright against the the blue background.
• Maybe lower the opacity of the map of the UK on the survey page so that the illustration is more prominent.
• Maybe try alternative colour schemes, try swapping the make background orange + type blue to keep the theme.
• The typeface chosen doesn't scream 'british' to us and its quite hard to read when small. 
• We like the 'what britain thinks of europe'  but it would be better larger than the text of the buttons. 
• Consider who's going to be looking at the website. 
• It would be good if body text was a more readable font.
• Perhaps consider a small sentence of what each page is about when hovered over button.
• What reference does the content button have?