SlideShare a Scribd company logo
 
This is a conventional portfolio homepage. The navigation bar is comprises of 2 things “work” & “about” showing that this navigation bar does not contain as much information as a standard website e.g. YouTube, IMDB etc. also there isn’t a lot of text making it easy and faster for the user to read and understand. The website does not have any “back links” (these are links which lead to other websites the less there are the harder it will be for a search engine to find them). It does not follow conventional layouts as it only has a header and main image Logo Navigation bar Main image & Main Text copyright
This website has a consistent house style its house style is lined paper/ scrapbook with random doodles (comic) Its primary colours are black and white adding to the sketchbook feel Font is also consistent not confusing the user
There are very few pages on this website which is convenient for the user as it means that they can navigate their way through the website quickly . Examples of work are found easily by simply clicking on the “work” link in the navigation bar then following the links on this page. When you click on the images the image expands giving you a relatively large image of the homepage of the website he created or a image of a logo or graphic he has created
This is another portfolio website which uses flash content to entertain the audience whilst navigating through, the navigation buttons have 4 sections: “3D Works”, “Web Works”, “logos”, and “icons” each one of these shows an example of graphics and websites the designer has created. Again like most conventional portfolio websites  there is not a lot of content in the navigation making it easy to explore the site also there is very little text meaning the user isn't stuck on one page for a long period of time and can just view the artwork quickly  Links “twitter” Contact Information Logo Main image / Navigation Buttons Awards & Featured links copyright
The website has a consistent house style White background The boxes with ties are all different colours showing that its a different page On every page the boxes with ties have shadows personifying them in a way Text throughout is consistent
Navigation is used through a number of images on this website which as convenient for the user as they are not bombarded with masses of text which would probably bore them. Examples of work are found easily by simply clicking on the: 3D Works, Web works etc. link in the navigation bar then following the links on this page. When you click on the images the image expands or goes to the link its associated with giving you a relatively large image of the homepage of the website he created or a image of a logo or graphic he has created
This is an example of an unconventional portfolio website. It has poor navigation due to its small faint navigation bar in the top right corner, Contact information in the bottom left corner and link to the homepage in the bottom right all these would make it difficult if not nearly impossible for the user to find anything. The page is mostly dominated by cluttered images adding to the difficulty of finding something Background / main image Main Text Link - Twitter LOGO Link - Homepage
The house style for this website is poor almost each page is a different colour etc. The things that are consistent are the text. The heading is highlighted pink and the rest is highlighted grey, the font colour and font is also consistent
Main Text Logo Navigation bar Contact info image image Logo Contact info Links This is a conventional portfolio homepage as it is split into 3 sections header, images/text, footer. The navigation bar comprises of very few  things showing that this navigation bar does not contain as much information as a standard website e.g. Amazon, Deviant art etc. There very little text making it easy and faster for the user to read and understand There are 3 backlinks: Facebook, Twitter & Flickr these links will men more people can be visit this page. More people therefore more business / income
This website has a consistent house style its house style is black headers/footers with white sans-serif text in them,  its main picture throughout is a sheep Its primary colours are black and white and grey  Font is also consistent – it has serif font and is black possibly times new roman
There aren’t many pages on this website which is convenient for the user as it means that they can navigate their way through the website quickly . Examples of work are found easily by simply clicking on the “our work” link in the navigation bar. When you click on the images redirects you to another page with a relatively large image of the homepage of the website they created and a description of what the company wanted from them and what they did.

More Related Content

PPTX
Cinematography
PDF
Website Codes and Conventions
PPTX
Thriller poster conventions
PPTX
G322: AS Media Studies Section A & B
PPTX
Graphic design composition
PPTX
Lenguaje audiovisual: planos y angulación
PPTX
How to create Stunning graphics using canva?
PPTX
Cuts & transitions
Cinematography
Website Codes and Conventions
Thriller poster conventions
G322: AS Media Studies Section A & B
Graphic design composition
Lenguaje audiovisual: planos y angulación
How to create Stunning graphics using canva?
Cuts & transitions

What's hot (20)

PPS
Lenguaje Audiovisual
PPT
Mise En Scene Anaylsis
PPTX
emeli sande heaven analysis
PPTX
Commercial photography
PPT
Video Editing Basics
PDF
InDesign Part 3
PPTX
Design Principles and Elements
PPTX
Media dvd cover analysis
PDF
Principles of Design
PPTX
Codes and Conventions of Magazines
PPTX
Principles of Editing
PPTX
Film poster analysis (A2 media studies)
PPTX
Graphic Design Elements and Principles - Tips and inspiration
PPTX
Template for magazine analysis
PPTX
Codes and conventions of a magazine contents page
PPTX
codes and conventions of music magazines
PPT
Intro to Film: Sound and Music
PPTX
Generic conventions of film posters
PPT
Visual literacy
PPTX
el Montaje
Lenguaje Audiovisual
Mise En Scene Anaylsis
emeli sande heaven analysis
Commercial photography
Video Editing Basics
InDesign Part 3
Design Principles and Elements
Media dvd cover analysis
Principles of Design
Codes and Conventions of Magazines
Principles of Editing
Film poster analysis (A2 media studies)
Graphic Design Elements and Principles - Tips and inspiration
Template for magazine analysis
Codes and conventions of a magazine contents page
codes and conventions of music magazines
Intro to Film: Sound and Music
Generic conventions of film posters
Visual literacy
el Montaje
Ad

Viewers also liked (7)

PDF
2011インターンシップ_09n1127_三嶋隆太郎
PPT
Testing and evaluation
DOCX
GUIDE - Migrating AWS EBS backed AMI's between Regions
PPT
Task 2 planning
PDF
2011インターンシップ
PPTX
Assignment 3
PDF
Punti immersione maggiore
2011インターンシップ_09n1127_三嶋隆太郎
Testing and evaluation
GUIDE - Migrating AWS EBS backed AMI's between Regions
Task 2 planning
2011インターンシップ
Assignment 3
Punti immersione maggiore
Ad

Similar to Task 1 - Conventions of a portfolio website (20)

PPT
Task 1 Portfolio Website Analysis
PPT
Task 1 p1 conventions, house style,
PDF
Personal websites field study
PPTX
P1 M1 media
PPT
Assessment 1
DOCX
Market research task
DOCX
Market research task 13.09.19
PDF
30 Website Homepage Designs to Benchmark in 2018
PPTX
Proposal2
PDF
54 examples-of-brilliant-homepage-design
PDF
54 Brilliant Homepage Designs
PPTX
Making an architectural portfolio for internship
PPTX
Webpage design design for screen
PDF
Building a Professional Website for Personal Branding.pdf
PPTX
What is portfolio website design | Why Need Portfolio
PDF
Essential elements every developer’s portfolio site should include.pdf
DOCX
Unit 65 assignment 2
PPTX
Design Portfolio
PDF
54 examples-of-brilliant-homepage-design
PDF
54 examples-of-brilliant-homepage-design
Task 1 Portfolio Website Analysis
Task 1 p1 conventions, house style,
Personal websites field study
P1 M1 media
Assessment 1
Market research task
Market research task 13.09.19
30 Website Homepage Designs to Benchmark in 2018
Proposal2
54 examples-of-brilliant-homepage-design
54 Brilliant Homepage Designs
Making an architectural portfolio for internship
Webpage design design for screen
Building a Professional Website for Personal Branding.pdf
What is portfolio website design | Why Need Portfolio
Essential elements every developer’s portfolio site should include.pdf
Unit 65 assignment 2
Design Portfolio
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design

More from L15338 (6)

PPT
Task 2 planning
PPT
Task 2 planning
PPT
Seo of apple.com
PPT
Before and after apple uk
PPTX
Web accessibility
PPT
Html xhtml css
Task 2 planning
Task 2 planning
Seo of apple.com
Before and after apple uk
Web accessibility
Html xhtml css

Recently uploaded (20)

PPTX
Presentation on HIE in infants and its manifestations
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
A systematic review of self-coping strategies used by university students to ...
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
master seminar digital applications in india
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
Cell Structure & Organelles in detailed.
PPTX
Cell Types and Its function , kingdom of life
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Computing-Curriculum for Schools in Ghana
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Presentation on HIE in infants and its manifestations
Final Presentation General Medicine 03-08-2024.pptx
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
A systematic review of self-coping strategies used by university students to ...
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
O7-L3 Supply Chain Operations - ICLT Program
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
STATICS OF THE RIGID BODIES Hibbelers.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
master seminar digital applications in india
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Module 4: Burden of Disease Tutorial Slides S2 2025
Cell Structure & Organelles in detailed.
Cell Types and Its function , kingdom of life
VCE English Exam - Section C Student Revision Booklet
Computing-Curriculum for Schools in Ghana
Supply Chain Operations Speaking Notes -ICLT Program
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE

Task 1 - Conventions of a portfolio website

  • 1.  
  • 2. This is a conventional portfolio homepage. The navigation bar is comprises of 2 things “work” & “about” showing that this navigation bar does not contain as much information as a standard website e.g. YouTube, IMDB etc. also there isn’t a lot of text making it easy and faster for the user to read and understand. The website does not have any “back links” (these are links which lead to other websites the less there are the harder it will be for a search engine to find them). It does not follow conventional layouts as it only has a header and main image Logo Navigation bar Main image & Main Text copyright
  • 3. This website has a consistent house style its house style is lined paper/ scrapbook with random doodles (comic) Its primary colours are black and white adding to the sketchbook feel Font is also consistent not confusing the user
  • 4. There are very few pages on this website which is convenient for the user as it means that they can navigate their way through the website quickly . Examples of work are found easily by simply clicking on the “work” link in the navigation bar then following the links on this page. When you click on the images the image expands giving you a relatively large image of the homepage of the website he created or a image of a logo or graphic he has created
  • 5. This is another portfolio website which uses flash content to entertain the audience whilst navigating through, the navigation buttons have 4 sections: “3D Works”, “Web Works”, “logos”, and “icons” each one of these shows an example of graphics and websites the designer has created. Again like most conventional portfolio websites there is not a lot of content in the navigation making it easy to explore the site also there is very little text meaning the user isn't stuck on one page for a long period of time and can just view the artwork quickly Links “twitter” Contact Information Logo Main image / Navigation Buttons Awards & Featured links copyright
  • 6. The website has a consistent house style White background The boxes with ties are all different colours showing that its a different page On every page the boxes with ties have shadows personifying them in a way Text throughout is consistent
  • 7. Navigation is used through a number of images on this website which as convenient for the user as they are not bombarded with masses of text which would probably bore them. Examples of work are found easily by simply clicking on the: 3D Works, Web works etc. link in the navigation bar then following the links on this page. When you click on the images the image expands or goes to the link its associated with giving you a relatively large image of the homepage of the website he created or a image of a logo or graphic he has created
  • 8. This is an example of an unconventional portfolio website. It has poor navigation due to its small faint navigation bar in the top right corner, Contact information in the bottom left corner and link to the homepage in the bottom right all these would make it difficult if not nearly impossible for the user to find anything. The page is mostly dominated by cluttered images adding to the difficulty of finding something Background / main image Main Text Link - Twitter LOGO Link - Homepage
  • 9. The house style for this website is poor almost each page is a different colour etc. The things that are consistent are the text. The heading is highlighted pink and the rest is highlighted grey, the font colour and font is also consistent
  • 10. Main Text Logo Navigation bar Contact info image image Logo Contact info Links This is a conventional portfolio homepage as it is split into 3 sections header, images/text, footer. The navigation bar comprises of very few things showing that this navigation bar does not contain as much information as a standard website e.g. Amazon, Deviant art etc. There very little text making it easy and faster for the user to read and understand There are 3 backlinks: Facebook, Twitter & Flickr these links will men more people can be visit this page. More people therefore more business / income
  • 11. This website has a consistent house style its house style is black headers/footers with white sans-serif text in them, its main picture throughout is a sheep Its primary colours are black and white and grey Font is also consistent – it has serif font and is black possibly times new roman
  • 12. There aren’t many pages on this website which is convenient for the user as it means that they can navigate their way through the website quickly . Examples of work are found easily by simply clicking on the “our work” link in the navigation bar. When you click on the images redirects you to another page with a relatively large image of the homepage of the website they created and a description of what the company wanted from them and what they did.

Editor's Notes

  • #3: Conventions of portfolio websites