SlideShare a Scribd company logo
Website codes and
conventions
Why do TV shows have websites?
The websites of TV shows are intended to generate interest in the show to improve ratings, and to provide
information about the show (and sometimes past episodes) for those people who are already fans of the show.
The purpose of movie websites is to pique interest and sell tickets, they generally include:
• Plenty of video, including trailers,
• Easy access to show times and online ticket purchasing,
• Cast bios and other general info.
Front pages
Sci-fi tv show. Slide show of photos of the characters which go through automatically. Relatively small title of tv show as already
well-known. Logo-type font reinforces the franchise and makes it instantly recognisable.
Whole front page rotates on a slide show showing different images and news.
Sci-fi tv show.
Image from the show with headline over the top. Title in iconic font in top right corner, quite small because the franchise is already
well-known.
Horror film.
Image from the film showing main character takes up the whole screen. Title of film written in large red font in the style of the theme
of the film in the middle of the screen.
Menu option in top corner. Social media links. “Get Tickets” button not applicable to me as I am making a TV show not a film.
Netflix website.
Large title in the iconic font of the franchise makes it instantly recognisable. Large artistic image of main characters and settings
(which is different to the other websites which show an image from the show/film). Shows what the show is like. Reinforces the
genre. Feels grand and impressive. Short description of the story. Details include year of release, age rating, genre, cast, etc.
Options to sign up to Netflix.
Menu
• News and
updates
• Videos
• Games
• Shop
• All have dark
backgrounds
and white
font
• Other colours
relate to the
show/film
Social media links
Video pages
Trailers, specials, behind the scenes, extra episodes. Grid layout showing a thumbnail for each video with a short description of what
the video is and how long it lasts for. Dark background.
All videos are shown down the left hand side of the page and the selected video is shown in the middle of the screen. The only videos
available are trailers for the film. Dark background.
Link to YouTube where more trailers and videos are available but the are no extra videos directly on the website. Dark backgrounds.
Trailers presented in a row with eye-catching thumbnails.

More Related Content

Similar to Website codes and conventions.pptx

Katy Mills Codes and Conventions
Katy Mills Codes and Conventions Katy Mills Codes and Conventions
Katy Mills Codes and Conventions
Katy Mills
 
Batman v superman
Batman v supermanBatman v superman
Batman v superman
Aman Ali
 
Reveal Remarkable_Show Treatment
Reveal Remarkable_Show TreatmentReveal Remarkable_Show Treatment
Reveal Remarkable_Show Treatment
KapChatfield
 
As media revision
As media revisionAs media revision
As media revision
SaffronEvans
 
Task 1 A2 Media Studies
Task 1 A2 Media Studies Task 1 A2 Media Studies
Task 1 A2 Media Studies
katy1999mills
 
Traditional Animation (tiktikmotion.com).pdf
Traditional Animation (tiktikmotion.com).pdfTraditional Animation (tiktikmotion.com).pdf
Traditional Animation (tiktikmotion.com).pdf
Tik Tik Motion
 
Textual analysis
Textual analysisTextual analysis
Textual analysisamorrison1
 
Generic conventions website
Generic conventions websiteGeneric conventions website
Generic conventions website
Tom Hughes
 
LAFS Marketing and Monetization Lecture 5: Marketing Materials
LAFS Marketing and Monetization Lecture 5: Marketing MaterialsLAFS Marketing and Monetization Lecture 5: Marketing Materials
LAFS Marketing and Monetization Lecture 5: Marketing Materials
David Mullich
 
Dark knight trailer
Dark knight trailerDark knight trailer
Dark knight trailer
groyley
 
Sawpresentationpdf
SawpresentationpdfSawpresentationpdf
Sawpresentationpdflrjames12
 
The Fimr Vs Angels & Demons
The Fimr Vs Angels & DemonsThe Fimr Vs Angels & Demons
The Fimr Vs Angels & Demonsduffymegan
 
website mock ups copy.pptx
website mock ups copy.pptxwebsite mock ups copy.pptx
website mock ups copy.pptx
HannahJarvis15
 
Trailers
TrailersTrailers
Trailers
katieniz
 
2011 03-i m-breakthrough-nextgentvmarketing
2011 03-i m-breakthrough-nextgentvmarketing2011 03-i m-breakthrough-nextgentvmarketing
2011 03-i m-breakthrough-nextgentvmarketingiMedia Connection
 
Short Film Webpage Codes & Conventions
Short Film Webpage Codes & ConventionsShort Film Webpage Codes & Conventions
Short Film Webpage Codes & Conventions
AnaVasilescu2
 
Factual development and planning pro forma
Factual development and planning pro formaFactual development and planning pro forma
Factual development and planning pro forma
KieranJohnson6
 
Sawpresentation
SawpresentationSawpresentation
Sawpresentationlrjames12
 

Similar to Website codes and conventions.pptx (20)

Katy Mills Codes and Conventions
Katy Mills Codes and Conventions Katy Mills Codes and Conventions
Katy Mills Codes and Conventions
 
Batman v superman
Batman v supermanBatman v superman
Batman v superman
 
Film Hompages
Film HompagesFilm Hompages
Film Hompages
 
Reveal Remarkable_Show Treatment
Reveal Remarkable_Show TreatmentReveal Remarkable_Show Treatment
Reveal Remarkable_Show Treatment
 
As media revision
As media revisionAs media revision
As media revision
 
Task 1 A2 Media Studies
Task 1 A2 Media Studies Task 1 A2 Media Studies
Task 1 A2 Media Studies
 
Traditional Animation (tiktikmotion.com).pdf
Traditional Animation (tiktikmotion.com).pdfTraditional Animation (tiktikmotion.com).pdf
Traditional Animation (tiktikmotion.com).pdf
 
Textual analysis
Textual analysisTextual analysis
Textual analysis
 
Generic conventions website
Generic conventions websiteGeneric conventions website
Generic conventions website
 
LAFS Marketing and Monetization Lecture 5: Marketing Materials
LAFS Marketing and Monetization Lecture 5: Marketing MaterialsLAFS Marketing and Monetization Lecture 5: Marketing Materials
LAFS Marketing and Monetization Lecture 5: Marketing Materials
 
Dark knight trailer
Dark knight trailerDark knight trailer
Dark knight trailer
 
Sawpresentationpdf
SawpresentationpdfSawpresentationpdf
Sawpresentationpdf
 
The Fimr Vs Angels & Demons
The Fimr Vs Angels & DemonsThe Fimr Vs Angels & Demons
The Fimr Vs Angels & Demons
 
boo
booboo
boo
 
website mock ups copy.pptx
website mock ups copy.pptxwebsite mock ups copy.pptx
website mock ups copy.pptx
 
Trailers
TrailersTrailers
Trailers
 
2011 03-i m-breakthrough-nextgentvmarketing
2011 03-i m-breakthrough-nextgentvmarketing2011 03-i m-breakthrough-nextgentvmarketing
2011 03-i m-breakthrough-nextgentvmarketing
 
Short Film Webpage Codes & Conventions
Short Film Webpage Codes & ConventionsShort Film Webpage Codes & Conventions
Short Film Webpage Codes & Conventions
 
Factual development and planning pro forma
Factual development and planning pro formaFactual development and planning pro forma
Factual development and planning pro forma
 
Sawpresentation
SawpresentationSawpresentation
Sawpresentation
 

More from HannahJarvis15

Shooting script.docx
Shooting script.docxShooting script.docx
Shooting script.docx
HannahJarvis15
 
Story board.pptx
Story board.pptxStory board.pptx
Story board.pptx
HannahJarvis15
 
Story board.pptx
Story board.pptxStory board.pptx
Story board.pptx
HannahJarvis15
 
Codes and conventions of horror tv shows.pptx
Codes and conventions of horror tv shows.pptxCodes and conventions of horror tv shows.pptx
Codes and conventions of horror tv shows.pptx
HannahJarvis15
 
newspaper codes and conventions.pptx
newspaper codes and conventions.pptxnewspaper codes and conventions.pptx
newspaper codes and conventions.pptx
HannahJarvis15
 
the big issue example covers with contents pages.pptx
the big issue example covers with contents pages.pptxthe big issue example covers with contents pages.pptx
the big issue example covers with contents pages.pptx
HannahJarvis15
 

More from HannahJarvis15 (6)

Shooting script.docx
Shooting script.docxShooting script.docx
Shooting script.docx
 
Story board.pptx
Story board.pptxStory board.pptx
Story board.pptx
 
Story board.pptx
Story board.pptxStory board.pptx
Story board.pptx
 
Codes and conventions of horror tv shows.pptx
Codes and conventions of horror tv shows.pptxCodes and conventions of horror tv shows.pptx
Codes and conventions of horror tv shows.pptx
 
newspaper codes and conventions.pptx
newspaper codes and conventions.pptxnewspaper codes and conventions.pptx
newspaper codes and conventions.pptx
 
the big issue example covers with contents pages.pptx
the big issue example covers with contents pages.pptxthe big issue example covers with contents pages.pptx
the big issue example covers with contents pages.pptx
 

Recently uploaded

Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 

Recently uploaded (20)

Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 

Website codes and conventions.pptx

  • 2. Why do TV shows have websites? The websites of TV shows are intended to generate interest in the show to improve ratings, and to provide information about the show (and sometimes past episodes) for those people who are already fans of the show. The purpose of movie websites is to pique interest and sell tickets, they generally include: • Plenty of video, including trailers, • Easy access to show times and online ticket purchasing, • Cast bios and other general info.
  • 4. Sci-fi tv show. Slide show of photos of the characters which go through automatically. Relatively small title of tv show as already well-known. Logo-type font reinforces the franchise and makes it instantly recognisable.
  • 5. Whole front page rotates on a slide show showing different images and news.
  • 6. Sci-fi tv show. Image from the show with headline over the top. Title in iconic font in top right corner, quite small because the franchise is already well-known.
  • 7. Horror film. Image from the film showing main character takes up the whole screen. Title of film written in large red font in the style of the theme of the film in the middle of the screen. Menu option in top corner. Social media links. “Get Tickets” button not applicable to me as I am making a TV show not a film.
  • 8. Netflix website. Large title in the iconic font of the franchise makes it instantly recognisable. Large artistic image of main characters and settings (which is different to the other websites which show an image from the show/film). Shows what the show is like. Reinforces the genre. Feels grand and impressive. Short description of the story. Details include year of release, age rating, genre, cast, etc. Options to sign up to Netflix.
  • 9. Menu • News and updates • Videos • Games • Shop • All have dark backgrounds and white font • Other colours relate to the show/film Social media links
  • 11. Trailers, specials, behind the scenes, extra episodes. Grid layout showing a thumbnail for each video with a short description of what the video is and how long it lasts for. Dark background.
  • 12. All videos are shown down the left hand side of the page and the selected video is shown in the middle of the screen. The only videos available are trailers for the film. Dark background.
  • 13. Link to YouTube where more trailers and videos are available but the are no extra videos directly on the website. Dark backgrounds.
  • 14. Trailers presented in a row with eye-catching thumbnails.