SlideShare a Scribd company logo
1 of 4
Website Layouts
BY ALBA BEZHANI
The Riot Club
For this website layout I took inspiration
from The Riot Club website for many
reasons. Firstly The Riot Club is a British Film
which is one of the genres of our own film
trailer, so it felt necessary to include some
of the codes and conventions associated
with the British Genre. Secondly this website
layout is very visually pleasing as it’s simple
and easy to understand. Not only that but
the colours used complement each other,
the fuchsia colour emphasises what parts
of the page are important. In this instance
it is the name of the film and when it is
being released in cinemas. Overall this
layout is one of our favourites and we feel it
would work well with our film trailer.
Dear John
This film website is for the Film Dear John, which has
melodrama aspects to it, which is part of the genre we
have chosen for our film. This website layout is slightly
different to others as the film doesn’t have its own
website; it actually has a page within the Sony Pictures
Entertainment website. This could be problematic for us
as our ancillary tasks (website) needs to have two
working hyperlinks; this specific layout only has hyperlinks
to social media. To combat this I have added another
navigation Bar just for our film, this would lead to other
pages that have more information on our film and film
trailer. There are some things about this layout that we
liked, for example, the way in
which the background image
is the same as the film poster
but has been distorted slightly
so that it fades into the
background and doesn’t
draw attention away from the
rest of the website.
Nowhere Boy
This layout is based on the British
film Nowhere Boy website. It is
very simple with a photo (which
changes every few seconds)
taking up over ¾ of the page, a
navigation bar just below it and
social media and other links at the
bottom of the page. Everything
on the website is centred this
makes it look neater and more
appealing, this is something we
could consider when making our
website. Something else that we
find interesting about this website
is that everything is minimal,
hardly any writing or images and
very simple colours (black and
white). Overall there are parts of
this website that we would
definitely consider using.

More Related Content

What's hot

Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignssequoia55
 
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignssequoia55
 
Media studies evaluation etch
Media studies evaluation etchMedia studies evaluation etch
Media studies evaluation etchTiffany TC
 
A2 media coursework pp
A2 media coursework ppA2 media coursework pp
A2 media coursework pprebecca
 
Question 2 media evaluation
Question 2 media evaluationQuestion 2 media evaluation
Question 2 media evaluationasmediae15
 
Short Film Webpage Codes & Conventions
Short Film Webpage Codes & ConventionsShort Film Webpage Codes & Conventions
Short Film Webpage Codes & ConventionsAnaVasilescu2
 
Written DVD Cover Evaluation
Written DVD Cover EvaluationWritten DVD Cover Evaluation
Written DVD Cover Evaluationbenjichandra
 
Media Evaluation Question 2
Media Evaluation Question 2Media Evaluation Question 2
Media Evaluation Question 2zm24
 
Magazine Advertisement Development Diary
Magazine Advertisement Development DiaryMagazine Advertisement Development Diary
Magazine Advertisement Development Diarysophiadoughty
 
Magazine album advertisement analysis
Magazine album advertisement analysisMagazine album advertisement analysis
Magazine album advertisement analysismickyhamid
 
Written dvd cover evaluation
Written dvd cover evaluationWritten dvd cover evaluation
Written dvd cover evaluationryans96
 
2. production techniques evaluation pro forma(1)-2
2. production techniques evaluation pro forma(1)-22. production techniques evaluation pro forma(1)-2
2. production techniques evaluation pro forma(1)-2Sam Fulton
 
2. How effective is the combination of your main product and ancillary texts?
2. How effective is the combination of your main product and ancillary texts?2. How effective is the combination of your main product and ancillary texts?
2. How effective is the combination of your main product and ancillary texts?ceylanakbas
 
Development Of Dvd Cover
Development Of Dvd CoverDevelopment Of Dvd Cover
Development Of Dvd Covertaki1993
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2JWM-1997
 
Peer feedback
Peer feedback Peer feedback
Peer feedback leaporter
 

What's hot (20)

Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
 
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
 
Logo Planning
Logo Planning Logo Planning
Logo Planning
 
Media studies evaluation etch
Media studies evaluation etchMedia studies evaluation etch
Media studies evaluation etch
 
A2 media coursework pp
A2 media coursework ppA2 media coursework pp
A2 media coursework pp
 
7. evaluation
7. evaluation7. evaluation
7. evaluation
 
Question 2 media evaluation
Question 2 media evaluationQuestion 2 media evaluation
Question 2 media evaluation
 
Short Film Webpage Codes & Conventions
Short Film Webpage Codes & ConventionsShort Film Webpage Codes & Conventions
Short Film Webpage Codes & Conventions
 
Ncpdspecs22
Ncpdspecs22Ncpdspecs22
Ncpdspecs22
 
Written DVD Cover Evaluation
Written DVD Cover EvaluationWritten DVD Cover Evaluation
Written DVD Cover Evaluation
 
Media Evaluation Question 2
Media Evaluation Question 2Media Evaluation Question 2
Media Evaluation Question 2
 
Magazine Advertisement Development Diary
Magazine Advertisement Development DiaryMagazine Advertisement Development Diary
Magazine Advertisement Development Diary
 
Magazine album advertisement analysis
Magazine album advertisement analysisMagazine album advertisement analysis
Magazine album advertisement analysis
 
Written dvd cover evaluation
Written dvd cover evaluationWritten dvd cover evaluation
Written dvd cover evaluation
 
2. production techniques evaluation pro forma(1)-2
2. production techniques evaluation pro forma(1)-22. production techniques evaluation pro forma(1)-2
2. production techniques evaluation pro forma(1)-2
 
2. How effective is the combination of your main product and ancillary texts?
2. How effective is the combination of your main product and ancillary texts?2. How effective is the combination of your main product and ancillary texts?
2. How effective is the combination of your main product and ancillary texts?
 
Combinations
CombinationsCombinations
Combinations
 
Development Of Dvd Cover
Development Of Dvd CoverDevelopment Of Dvd Cover
Development Of Dvd Cover
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
 
Peer feedback
Peer feedback Peer feedback
Peer feedback
 

Similar to Website layouts

Use Of Technology (final)
Use Of Technology (final)Use Of Technology (final)
Use Of Technology (final)roryroar
 
Use Of Technology
Use Of TechnologyUse Of Technology
Use Of Technologyroryroar
 
Use Of Technology
Use Of TechnologyUse Of Technology
Use Of Technologyroryroar
 
Website Creation
Website CreationWebsite Creation
Website CreationCesscablog
 
Moteleola Makinde-Akanni Evaluation
Moteleola Makinde-Akanni EvaluationMoteleola Makinde-Akanni Evaluation
Moteleola Makinde-Akanni Evaluationmotel00
 
C:\fakepath\evaluation pp
C:\fakepath\evaluation ppC:\fakepath\evaluation pp
C:\fakepath\evaluation ppstevebourner
 
Dealer Evaluation
Dealer EvaluationDealer Evaluation
Dealer Evaluationryanhoward0
 
5 ROOKIE MISTAKES you should ABSOLUTELY not make
5 ROOKIE MISTAKES you should ABSOLUTELY not make5 ROOKIE MISTAKES you should ABSOLUTELY not make
5 ROOKIE MISTAKES you should ABSOLUTELY not makeFloown
 
Media question 3 and 6
Media question 3 and 6Media question 3 and 6
Media question 3 and 6hamishssss
 
Webdesign New
Webdesign NewWebdesign New
Webdesign Newlyngdoh
 
Evaluation question 4 construction
Evaluation question 4   constructionEvaluation question 4   construction
Evaluation question 4 constructionJB047826
 

Similar to Website layouts (20)

Use Of Technology (final)
Use Of Technology (final)Use Of Technology (final)
Use Of Technology (final)
 
Use Of Technology
Use Of TechnologyUse Of Technology
Use Of Technology
 
Use Of Technology
Use Of TechnologyUse Of Technology
Use Of Technology
 
Website Creation
Website CreationWebsite Creation
Website Creation
 
Evaluation
EvaluationEvaluation
Evaluation
 
Moteleola Makinde-Akanni Evaluation
Moteleola Makinde-Akanni EvaluationMoteleola Makinde-Akanni Evaluation
Moteleola Makinde-Akanni Evaluation
 
Motion graphics evaluation
Motion graphics evaluationMotion graphics evaluation
Motion graphics evaluation
 
Web needs
Web needsWeb needs
Web needs
 
C:\fakepath\evaluation pp
C:\fakepath\evaluation ppC:\fakepath\evaluation pp
C:\fakepath\evaluation pp
 
Dealer Evaluation
Dealer EvaluationDealer Evaluation
Dealer Evaluation
 
Evaluation Q4
Evaluation Q4Evaluation Q4
Evaluation Q4
 
5 ROOKIE MISTAKES you should ABSOLUTELY not make
5 ROOKIE MISTAKES you should ABSOLUTELY not make5 ROOKIE MISTAKES you should ABSOLUTELY not make
5 ROOKIE MISTAKES you should ABSOLUTELY not make
 
Task 222
Task 222Task 222
Task 222
 
Media question 3 and 6
Media question 3 and 6Media question 3 and 6
Media question 3 and 6
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Print advert
Print advertPrint advert
Print advert
 
Motion graphics article
Motion graphics articleMotion graphics article
Motion graphics article
 
Question 2
Question 2Question 2
Question 2
 
Evaluation question 4 construction
Evaluation question 4   constructionEvaluation question 4   construction
Evaluation question 4 construction
 
Task 3
Task 3Task 3
Task 3
 

Recently uploaded

Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...PsychoTech Services
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 

Recently uploaded (20)

Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 

Website layouts

  • 2. The Riot Club For this website layout I took inspiration from The Riot Club website for many reasons. Firstly The Riot Club is a British Film which is one of the genres of our own film trailer, so it felt necessary to include some of the codes and conventions associated with the British Genre. Secondly this website layout is very visually pleasing as it’s simple and easy to understand. Not only that but the colours used complement each other, the fuchsia colour emphasises what parts of the page are important. In this instance it is the name of the film and when it is being released in cinemas. Overall this layout is one of our favourites and we feel it would work well with our film trailer.
  • 3. Dear John This film website is for the Film Dear John, which has melodrama aspects to it, which is part of the genre we have chosen for our film. This website layout is slightly different to others as the film doesn’t have its own website; it actually has a page within the Sony Pictures Entertainment website. This could be problematic for us as our ancillary tasks (website) needs to have two working hyperlinks; this specific layout only has hyperlinks to social media. To combat this I have added another navigation Bar just for our film, this would lead to other pages that have more information on our film and film trailer. There are some things about this layout that we liked, for example, the way in which the background image is the same as the film poster but has been distorted slightly so that it fades into the background and doesn’t draw attention away from the rest of the website.
  • 4. Nowhere Boy This layout is based on the British film Nowhere Boy website. It is very simple with a photo (which changes every few seconds) taking up over ¾ of the page, a navigation bar just below it and social media and other links at the bottom of the page. Everything on the website is centred this makes it look neater and more appealing, this is something we could consider when making our website. Something else that we find interesting about this website is that everything is minimal, hardly any writing or images and very simple colours (black and white). Overall there are parts of this website that we would definitely consider using.