...

1. Website conventions

2. On an A4, write the main conventions
•Big writing using a sharpie!

3. Website – short presentation
• With your partner, decide on the key conventions on websites to present to
class
• Have annotated examples from real websites
• Abe + Christian
• Mahdi + Aidan
• Tom + Phil
• Ismail + Max
• Jack + Niko
• Wajahat + Joe

4. Generic conventions
• https://www.webascender.com/blog/7-website-conventions-to-follow-when-designing-your-website/
• https://www.slideshare.net/johndf562/website-codes-and-conventions-42180667
• https://www.orbitmedia.com/blog/web-design-standards/

5. Extension reading….
• https://www.nngroup.com/articles/breaking-web-conventions/

7. Masthead
Social media links
Banner adverts
Copy
Main image
External links
Navigation
White space

9. Banner advert (also has external link)
(if it suddenly appeared or changed =
pop up)
Navigation
Masthead
Copy
Main image
Below the fold content
Banner advert

10. Task 1 – artist website
• Spend 5 mins analysing Sam Smith’s website
• Conventions?
• Evaluate the effectiveness

11. Then watch: https://www.youtube.com/watch?v=ZvsKwOMKPk8
Then watch some of: https://www.youtube.com/watch?v=J_ub7Etch2U

12. Task 2 – 2nd artist website
• http://www.davidguetta.com/
• Similarities to Sam Smith?
• Differences?

13. Task 3 – magazine website

23. Task 3 - GQ website
• Conventions?
• Evaluate the effectiveness

24. Task 4 – 2nd magazine website website
• Conventions?
• Evaluate the effectiveness

27. Task 5 – 3rd magazine website website
• Conventions?
• Evaluate the effectiveness

34. Task 6 – 4th magazine website website
• Conventions?
• Evaluate the effectiveness