SlideShare a Scribd company logo
1 of 16
Kimberly FinnP1&M1Portfolio Websites Conventions, House Styles, Navigation and Structure Alex Latham
Conventions There are things that we would expect to see as an audience in a media product. They are important because they allow audiences to categorise and identify different media. E.g.Name/Title/Logo (Top, Header) Images Links (side bar) Contact information Content (middle, centre) Navigation bar House style Search bar Site map (footer, bottom) 3 column layout (very conventional) Advertisements (side)
The Toke Logo Navigation bar This isn't a conventional portfolio homepage but it is a good website. It has some obvious conventional features like a navigation bar at the top, the logo, a side bar and has content. The reason its not a conventional portfolio website is because if a standard website user went to this page they wouldn't find it easy to use, for example there is no home page but instead its called “works” this makes it hard to navigate between pages. Content Sidebar The website does follow a conventional standard layout with a navigation bar side bar and header and footer. But its just the content that makes it hard for people to use.
Magnetic North Logo Bread Crum Trail This is also not a conventional website but is a very good and attractive one to use but for different audience ranges. This site allows you to draw different shapes and then inside the shapes appear portfolios. This website wasn't designed to show work but designed to show how it showed work. It features a logo and a navigation bar but more importantly a feature called a bread Crum trail at the top of the page allowing you to delete different the different shapes that you made. This may not be suitable for all audiences because they may not want to sit and draw different shapes to find work and get straight to the work via a list so they are possibly loosing a certain target audience, but opening up new and innovative ways of displaying portfolios. Navigation Bar Content The website does follow a conventional standard layout with a navigation, header and footer.
13 Creative Logo Navigation bar 13 creative is another innovative web design which also is very conventional to a standard website. It shows its work in a art book but doesn't complicate things with transitions between pages like you would think by looking at it. But instead it keeps a navigation bar with a conventional header and footer which contain the login andspeculation pages and a side bar which lets you see the different types of work. This is a very attractive and easy to use website and would be good for many target audiences Side Bar Content The website does follow a conventional standard layout with a navigation, header and footer, side bar and the content in the middle and in general is a good and easy to use website for any audience.
Student English Navigation bar Where as websites like before were good websites that was both looked good and conventional, this website is the opposite, it doesn't have a logo or any real decent content and would attract no one to their site. But on the other hand by looking at the title we can see it was made in 2004, which was 7 years ago and in that time websites and the way they are coded has changed a lot. And now they are very conventional and easy to use where as this website isn't and is dreadful. Content The website does follow a conventional standard layout with a navigation, header and footer.
House Styles This means when a media product uses a consistent colour scheme and typeface font through-out its pages. This gives you a clean, organised, professional and easy to navigate website.
The Toke This website has a consistent house style, we can tell this by looking at the three print screens that I have taken of my work, these show that there is several consistent features like the logo it always stays at the top left of the page, the navigation bar stays at the top of each page and the background stays black, with the font and colour scheme staying the same throughout the site this shows a consistent house style and a good one which makes it professional and attractive to anyone that wants to use the website.
Magnetic North This website also has a very good house style, and a consistent one. It is consistent as it keeps the same ivory background colour through out the site and when you click something different all that happens is a screen pops up with in the website and shows you the information. The bread Crum trail stays at the top of the page along with the logo meaning its easy for the user of the site to navigate around the site also with the navigation bar being at the bottom of the site at all times people don’t feel like they are lost in the site.
13 Creative 13 creative is a very good website for house style, this is because it is very consistent. We have the background which is like a art book and that stays there through out the website meaning that it looks very good and professional. The logo and navigation bars stay in their place through out the website and the font is very consistent through out the site.
Student English As you could see websites beforehand were good examples, they looked really nice and professional but as we can see from this website they have totally missed the concept, their page layout even logo and navigation bar is completely different on each page and apart from the main page there is no navigation bar, a non consistent house style means that the website looks un attractive and doesn’t keep people on the page. This is not a good example of house style, even though it was made in 2004 and websites have changed a lot since then.
Structure and Navigation
The Toke The toke website is good in most ways and is still brilliant in the structure and navigation as well, its structured well with the main screen as a scrolling window which moves great and smoothly, there isn't many links on this meaning it is good for users to navigate through the website, also the navigation bar with 4 options makes it easy for the user to navigate the website, getting straight to the point so the user can find what they want. Overall I think this website is good yes its different to other conventional websites but its new and innovative compared to the standard website and it makes the site stand out.
Magnetic North The Magnetic north website is also very good, in terms of its structure it hasn’t really got any meaning that it should in theory not be very good but it’s the lack of structure that makes this website, it has some structure are the top with the logo and the bread Crum trail and at the bottom the navigation bar but in the middle of the page where the content is featured it allows users to create their own structure and make what they want to get the different content, this is good because the user gets freedom on the site but never get lost. In terms of navigation the navigation bar at the bottom is always their and there is only a few links and they take you to where you want meaning the user doesn’t get frustrated and gets to where they want fast. Overall I think this website is new and defiantly different but a good different, its easy and simple for the user to use and makes light work of finding any content, on the down side if some one wants too see all the content they are going to have to draw a lot of little shapes, this could  put off a lot of target audiences.
13 Creative 13 creative is a very good website and probably one of the best so far for showing off structure and navigation, in terms of structure it looks amazingly professional how its set out and how it stays in an art book form through out the whole site. In terms of navigation it does this brilliantly too as well with the navigation bar staying in the same place through out the whole site, it has very few options to choose meaning the user can scroll through the pages and not feel like they are lost and navigate through the site easily.  On the whole I think this is one of the best websites in terms of being a conventional website and well structured, its very attractive and looks very professional.
Student English Websites usually have very good structure and navigation but this one is a prime example of one that doesn’t, it has a header and footer, but no title and its content is very limited. In tterms of structure the website isnt good at allthe title and footer positioned on the centre and the content alligned to the left. And as for navigation when you click one of the tabs it takes you to another page which is completely different compared to the home page. On the whole this website isn't very good, despite being made in 2004 there should have been a site map made and it should have been planned and by the looks of it, it clearly hasn’t.

More Related Content

What's hot

Task 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio websiteTask 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio website
L15338
 
7. fmp evaluation
7. fmp evaluation7. fmp evaluation
7. fmp evaluation
kipppp
 
Website powerpoint
Website powerpoint Website powerpoint
Website powerpoint
JTPanda
 
Johnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpointJohnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpoint
Wang So
 
6 figure blogging 1
6 figure blogging 16 figure blogging 1
6 figure blogging 1
wanaylainpa
 
2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)
chrislaw34
 
Michael Grafx Photography Paper
Michael Grafx Photography PaperMichael Grafx Photography Paper
Michael Grafx Photography Paper
Justin Gahring
 

What's hot (16)

Evaluation for print
Evaluation for printEvaluation for print
Evaluation for print
 
47 Amazing Blog Designs
47 Amazing Blog Designs 47 Amazing Blog Designs
47 Amazing Blog Designs
 
6. production reflection
6. production reflection6. production reflection
6. production reflection
 
Task 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio websiteTask 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio website
 
Are You Losing Sales With a Poorly Designed Art Website?
Are You Losing Sales With a Poorly Designed Art Website?Are You Losing Sales With a Poorly Designed Art Website?
Are You Losing Sales With a Poorly Designed Art Website?
 
Evaluation.
Evaluation.Evaluation.
Evaluation.
 
Evaluation - Question 3
Evaluation - Question 3Evaluation - Question 3
Evaluation - Question 3
 
Why Design Matters: How to Make Your Website Worth a Million Visits
Why Design Matters: How to Make Your Website Worth a Million VisitsWhy Design Matters: How to Make Your Website Worth a Million Visits
Why Design Matters: How to Make Your Website Worth a Million Visits
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Business website analysis
Business website analysisBusiness website analysis
Business website analysis
 
7. fmp evaluation
7. fmp evaluation7. fmp evaluation
7. fmp evaluation
 
Website powerpoint
Website powerpoint Website powerpoint
Website powerpoint
 
Johnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpointJohnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpoint
 
6 figure blogging 1
6 figure blogging 16 figure blogging 1
6 figure blogging 1
 
2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)
 
Michael Grafx Photography Paper
Michael Grafx Photography PaperMichael Grafx Photography Paper
Michael Grafx Photography Paper
 

Viewers also liked (7)

Task 2 planning
Task 2   planningTask 2   planning
Task 2 planning
 
Final evaluation
Final evaluationFinal evaluation
Final evaluation
 
Boletin oficial
Boletin oficialBoletin oficial
Boletin oficial
 
Sample Student Evaluations
Sample Student EvaluationsSample Student Evaluations
Sample Student Evaluations
 
Health issues
Health issuesHealth issues
Health issues
 
Shopping and spending habits
Shopping and spending habitsShopping and spending habits
Shopping and spending habits
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
 

Similar to P1 M1 media

Assessment 1
Assessment 1Assessment 1
Assessment 1
l15008
 
Is your website user friendly?
Is your website user friendly?Is your website user friendly?
Is your website user friendly?
studiokandm
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen
beckybbb
 
Introduction
IntroductionIntroduction
Introduction
aczachor
 
Introduction
IntroductionIntroduction
Introduction
aczachor4
 
Introduction
IntroductionIntroduction
Introduction
aczachor
 
Introduction
IntroductionIntroduction
Introduction
aczachor4
 
Introduction
IntroductionIntroduction
Introduction
aczachor
 
Introduction
IntroductionIntroduction
Introduction
aczachor4
 
7 important_web_design_features
7  important_web_design_features7  important_web_design_features
7 important_web_design_features
zoldyke
 

Similar to P1 M1 media (20)

Assessment 1
Assessment 1Assessment 1
Assessment 1
 
Effective web navigation
Effective web navigationEffective web navigation
Effective web navigation
 
Is your website user friendly?
Is your website user friendly?Is your website user friendly?
Is your website user friendly?
 
Connor web research
Connor web researchConnor web research
Connor web research
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Atlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design GuidelinesAtlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design Guidelines
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
7 important_web_design_features
7  important_web_design_features7  important_web_design_features
7 important_web_design_features
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Textual Analysis - Webpage
Textual Analysis - WebpageTextual Analysis - Webpage
Textual Analysis - Webpage
 
Designing Navigation
Designing NavigationDesigning Navigation
Designing Navigation
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User Interface
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

P1 M1 media

  • 1. Kimberly FinnP1&M1Portfolio Websites Conventions, House Styles, Navigation and Structure Alex Latham
  • 2. Conventions There are things that we would expect to see as an audience in a media product. They are important because they allow audiences to categorise and identify different media. E.g.Name/Title/Logo (Top, Header) Images Links (side bar) Contact information Content (middle, centre) Navigation bar House style Search bar Site map (footer, bottom) 3 column layout (very conventional) Advertisements (side)
  • 3. The Toke Logo Navigation bar This isn't a conventional portfolio homepage but it is a good website. It has some obvious conventional features like a navigation bar at the top, the logo, a side bar and has content. The reason its not a conventional portfolio website is because if a standard website user went to this page they wouldn't find it easy to use, for example there is no home page but instead its called “works” this makes it hard to navigate between pages. Content Sidebar The website does follow a conventional standard layout with a navigation bar side bar and header and footer. But its just the content that makes it hard for people to use.
  • 4. Magnetic North Logo Bread Crum Trail This is also not a conventional website but is a very good and attractive one to use but for different audience ranges. This site allows you to draw different shapes and then inside the shapes appear portfolios. This website wasn't designed to show work but designed to show how it showed work. It features a logo and a navigation bar but more importantly a feature called a bread Crum trail at the top of the page allowing you to delete different the different shapes that you made. This may not be suitable for all audiences because they may not want to sit and draw different shapes to find work and get straight to the work via a list so they are possibly loosing a certain target audience, but opening up new and innovative ways of displaying portfolios. Navigation Bar Content The website does follow a conventional standard layout with a navigation, header and footer.
  • 5. 13 Creative Logo Navigation bar 13 creative is another innovative web design which also is very conventional to a standard website. It shows its work in a art book but doesn't complicate things with transitions between pages like you would think by looking at it. But instead it keeps a navigation bar with a conventional header and footer which contain the login andspeculation pages and a side bar which lets you see the different types of work. This is a very attractive and easy to use website and would be good for many target audiences Side Bar Content The website does follow a conventional standard layout with a navigation, header and footer, side bar and the content in the middle and in general is a good and easy to use website for any audience.
  • 6. Student English Navigation bar Where as websites like before were good websites that was both looked good and conventional, this website is the opposite, it doesn't have a logo or any real decent content and would attract no one to their site. But on the other hand by looking at the title we can see it was made in 2004, which was 7 years ago and in that time websites and the way they are coded has changed a lot. And now they are very conventional and easy to use where as this website isn't and is dreadful. Content The website does follow a conventional standard layout with a navigation, header and footer.
  • 7. House Styles This means when a media product uses a consistent colour scheme and typeface font through-out its pages. This gives you a clean, organised, professional and easy to navigate website.
  • 8. The Toke This website has a consistent house style, we can tell this by looking at the three print screens that I have taken of my work, these show that there is several consistent features like the logo it always stays at the top left of the page, the navigation bar stays at the top of each page and the background stays black, with the font and colour scheme staying the same throughout the site this shows a consistent house style and a good one which makes it professional and attractive to anyone that wants to use the website.
  • 9. Magnetic North This website also has a very good house style, and a consistent one. It is consistent as it keeps the same ivory background colour through out the site and when you click something different all that happens is a screen pops up with in the website and shows you the information. The bread Crum trail stays at the top of the page along with the logo meaning its easy for the user of the site to navigate around the site also with the navigation bar being at the bottom of the site at all times people don’t feel like they are lost in the site.
  • 10. 13 Creative 13 creative is a very good website for house style, this is because it is very consistent. We have the background which is like a art book and that stays there through out the website meaning that it looks very good and professional. The logo and navigation bars stay in their place through out the website and the font is very consistent through out the site.
  • 11. Student English As you could see websites beforehand were good examples, they looked really nice and professional but as we can see from this website they have totally missed the concept, their page layout even logo and navigation bar is completely different on each page and apart from the main page there is no navigation bar, a non consistent house style means that the website looks un attractive and doesn’t keep people on the page. This is not a good example of house style, even though it was made in 2004 and websites have changed a lot since then.
  • 13. The Toke The toke website is good in most ways and is still brilliant in the structure and navigation as well, its structured well with the main screen as a scrolling window which moves great and smoothly, there isn't many links on this meaning it is good for users to navigate through the website, also the navigation bar with 4 options makes it easy for the user to navigate the website, getting straight to the point so the user can find what they want. Overall I think this website is good yes its different to other conventional websites but its new and innovative compared to the standard website and it makes the site stand out.
  • 14. Magnetic North The Magnetic north website is also very good, in terms of its structure it hasn’t really got any meaning that it should in theory not be very good but it’s the lack of structure that makes this website, it has some structure are the top with the logo and the bread Crum trail and at the bottom the navigation bar but in the middle of the page where the content is featured it allows users to create their own structure and make what they want to get the different content, this is good because the user gets freedom on the site but never get lost. In terms of navigation the navigation bar at the bottom is always their and there is only a few links and they take you to where you want meaning the user doesn’t get frustrated and gets to where they want fast. Overall I think this website is new and defiantly different but a good different, its easy and simple for the user to use and makes light work of finding any content, on the down side if some one wants too see all the content they are going to have to draw a lot of little shapes, this could put off a lot of target audiences.
  • 15. 13 Creative 13 creative is a very good website and probably one of the best so far for showing off structure and navigation, in terms of structure it looks amazingly professional how its set out and how it stays in an art book form through out the whole site. In terms of navigation it does this brilliantly too as well with the navigation bar staying in the same place through out the whole site, it has very few options to choose meaning the user can scroll through the pages and not feel like they are lost and navigate through the site easily. On the whole I think this is one of the best websites in terms of being a conventional website and well structured, its very attractive and looks very professional.
  • 16. Student English Websites usually have very good structure and navigation but this one is a prime example of one that doesn’t, it has a header and footer, but no title and its content is very limited. In tterms of structure the website isnt good at allthe title and footer positioned on the centre and the content alligned to the left. And as for navigation when you click one of the tabs it takes you to another page which is completely different compared to the home page. On the whole this website isn't very good, despite being made in 2004 there should have been a site map made and it should have been planned and by the looks of it, it clearly hasn’t.