SlideShare a Scribd company logo
1 of 14
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 TV Show Website Codes

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 supermanAman Ali
 
Reveal Remarkable_Show Treatment
Reveal Remarkable_Show TreatmentReveal Remarkable_Show Treatment
Reveal Remarkable_Show TreatmentKapChatfield
 
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).pdfTik Tik Motion
 
Textual analysis
Textual analysisTextual analysis
Textual analysisamorrison1
 
Generic conventions website
Generic conventions websiteGeneric conventions website
Generic conventions websiteTom 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 MaterialsDavid Mullich
 
Dark knight trailer
Dark knight trailerDark knight trailer
Dark knight trailergroyley
 
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.pptxHannahJarvis15
 
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 & ConventionsAnaVasilescu2
 
Factual development and planning pro forma
Factual development and planning pro formaFactual development and planning pro forma
Factual development and planning pro formaKieranJohnson6
 
Sawpresentation
SawpresentationSawpresentation
Sawpresentationlrjames12
 

Similar to TV Show Website Codes (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

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.pptxHannahJarvis15
 
newspaper codes and conventions.pptx
newspaper codes and conventions.pptxnewspaper codes and conventions.pptx
newspaper codes and conventions.pptxHannahJarvis15
 
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.pptxHannahJarvis15
 

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

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptxIntroduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptxnewslab143
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Narsimha murthy
 

Recently uploaded (20)

Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptxIntroduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
 

TV Show Website Codes

  • 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.