SlideShare a Scribd company logo
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-interpretivesigndesigns
sequoia55
 
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
sequoia55
 
Logo Planning
Logo Planning Logo Planning
Logo Planning
GeorgeBush123
 
Media studies evaluation etch
Media studies evaluation etchMedia studies evaluation etch
Media studies evaluation etch
Tiffany TC
 
A2 media coursework pp
A2 media coursework ppA2 media coursework pp
A2 media coursework pp
rebecca
 
7. evaluation
7. evaluation7. evaluation
7. evaluation
AllanGodin
 
Question 2 media evaluation
Question 2 media evaluationQuestion 2 media evaluation
Question 2 media evaluation
asmediae15
 
Short Film Webpage Codes & Conventions
Short Film Webpage Codes & ConventionsShort Film Webpage Codes & Conventions
Short Film Webpage Codes & Conventions
AnaVasilescu2
 
Ncpdspecs22
Ncpdspecs22Ncpdspecs22
Ncpdspecs22
Dr. C.A. Henry
 
Written DVD Cover Evaluation
Written DVD Cover EvaluationWritten DVD Cover Evaluation
Written DVD Cover Evaluation
benjichandra
 
Media Evaluation Question 2
Media Evaluation Question 2Media Evaluation Question 2
Media Evaluation Question 2
zm24
 
Magazine Advertisement Development Diary
Magazine Advertisement Development DiaryMagazine Advertisement Development Diary
Magazine Advertisement Development Diary
sophiadoughty
 
Magazine album advertisement analysis
Magazine album advertisement analysisMagazine album advertisement analysis
Magazine album advertisement analysis
mickyhamid
 
Written dvd cover evaluation
Written dvd cover evaluationWritten dvd cover evaluation
Written dvd cover evaluation
ryans96
 
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
Sam 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
 
Combinations
CombinationsCombinations
Combinations
ellenkenrick82
 
Development Of Dvd Cover
Development Of Dvd CoverDevelopment Of Dvd Cover
Development Of Dvd Cover
taki1993
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
JWM-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 Technology
roryroar
 
Use Of Technology
Use Of TechnologyUse Of Technology
Use Of Technology
roryroar
 
Website Creation
Website CreationWebsite Creation
Website Creation
Cesscablog
 
Evaluation
EvaluationEvaluation
Evaluation
stevebourner
 
Moteleola Makinde-Akanni Evaluation
Moteleola Makinde-Akanni EvaluationMoteleola Makinde-Akanni Evaluation
Moteleola Makinde-Akanni Evaluation
motel00
 
Motion graphics evaluation
Motion graphics evaluationMotion graphics evaluation
Motion graphics evaluation
smashingentertainment
 
Web needs
Web needsWeb needs
C:\fakepath\evaluation pp
C:\fakepath\evaluation ppC:\fakepath\evaluation pp
C:\fakepath\evaluation pp
stevebourner
 
Dealer Evaluation
Dealer EvaluationDealer Evaluation
Dealer Evaluation
ryanhoward0
 
Evaluation Q4
Evaluation Q4Evaluation Q4
Evaluation Q4
alicemedia1
 
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
Floown
 
Task 222
Task 222Task 222
Media question 3 and 6
Media question 3 and 6Media question 3 and 6
Media question 3 and 6
hamishssss
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
lyngdoh
 
Print advert
Print advertPrint advert
Print advert
Daniel Byrne
 
Motion graphics article
Motion graphics articleMotion graphics article
Motion graphics article
smashingentertainment
 
Question 2
Question 2Question 2
Question 2
Taylor Brooks
 
Evaluation question 4 construction
Evaluation question 4   constructionEvaluation question 4   construction
Evaluation question 4 construction
JB047826
 
Task 3
Task 3Task 3

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

The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
heathfieldcps1
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
Dr. Shivangi Singh Parihar
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
History of Stoke Newington
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
Celine George
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
Jean Carlos Nunes Paixão
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
Celine George
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
Priyankaranawat4
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
Scholarhat
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
Academy of Science of South Africa
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
Celine George
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Akanksha trivedi rama nursing college kanpur.
 
Top five deadliest dog breeds in America
Top five deadliest dog breeds in AmericaTop five deadliest dog breeds in America
Top five deadliest dog breeds in America
Bisnar Chase Personal Injury Attorneys
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Dr. Vinod Kumar Kanvaria
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
Nicholas Montgomery
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
RitikBhardwaj56
 
Advanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docxAdvanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docx
adhitya5119
 

Recently uploaded (20)

The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
 
Top five deadliest dog breeds in America
Top five deadliest dog breeds in AmericaTop five deadliest dog breeds in America
Top five deadliest dog breeds in America
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
 
Advanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docxAdvanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docx
 

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.