TV Show Web Designs: Trends and Examples

Advertisement

Looking at websites from major industries that involve various forms of media can be interesting practice. In the past we have showcased websites from movies1 and from musicians on the Billboard charts2, and today we’ll feature the websites of more than 50 TV shows. 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. To accomplish this they attempt to create an attractive, interactive website that appeals to visitors.

Trends in TV Show Websites:

As you browse through the sites that are featured in this showcase, here are some of the trends that you may notice:

1. On the Network’s Domain
Many, but not all, websites of TV shows are located on the networks domain. This helps to unify the websites of the various shows on the network and can even help visitors of the site to remember what network a particular show is on.

2. Similarities of Sites from the Same Network
Like other types of networks of websites, TV networks tend to use similar layouts or design styles for the sites of their various shows. While things like pictures, color schemes, background images and other details will change, the basic layout will often be the same as the sites of other shows. It’s also common for the network’s sites to have a standard navigation menu or header that will also link to the other sites on the network.

3. Video
Not surprisingly, video is very common on the websites of TV shows. Most sites include trailers and/or episodes that can be watched online.

4. Vibrant
TV show websites tend to include a lot of color, big backgrounds, and vibrant images and photos. In an entertainment-driven industry, making the sites visually appealing and attention-grabbing is the typical approach.

Showcase of TV Show Websites

Californication3

Californication4

Dexter5

Dexter6

Lie To Me7

Lie To Me8

Dr. House9

House10

Fringe11

Fringe12

Curb Your Enthusiasm13

Curb Your Enthusiasm14

In Treatment15

In Treatment16

Simpsons17

Simpsons18

True Blood19

True Blood20

Gossip Girl21

Gossip Girls22

NCIS23

NCIS24

Family Guy25

Family Guy26

Listener27

Listener28

Bones29

Bones30

Terminator31

Terminator32

2433

2434

Great American Road Trip35

Great American Road Trip36

King of Queens37

King of Queens38

Reaper39

Reaper40

Canada’s Next Top Model41

Canada's Next Top Model42

Dancing with the Stars43

Dancing with the Stars44

Heroes45

Heroes46

Flashpoint47

Flashpoint48

The Late Show49

The Late Show50

Skins51

Skins52

Brothers and Sisters53

Brothers and Sisters54

More to Love55

More to Love56

Dollhouse57

Dollhouse58

Prison Break59

Prison Break60

The Middle61

The Middle62

Big Brother63

Big Brother64

House of Jazmin65

House of Jazmin66

Lost67

Lost68

American Idol69

American Idol70

Kitchen Nightmares71

Kitchen Nightmare72

Cougar Town73

Cougar Town74

Harper’s Island75

Harper's Island76

The Tonight Show77

Tonight Show78

Desperate Housewives79

Desparate Housewives80

Parks and Recreation81

Parks and Recreation82

Grey’s Anatomy83

Grey's Anatomy84

America’s Got Talent85

America's Got Talent86

Chopping Block87

Chopping Block88

The T.O. Show89

The T.O. Show90

Monk91

Monk92

Footnotes

  1. 1 http://www.smashingmagazine.com/2009/02/09/movie-website-designs-examples-and-current-practices/
  2. 2 http://www.smashingmagazine.com/2008/11/24/billboard-top-40-design-showcase/
  3. 3 http://www.sho.com/site/californication/home.do
  4. 4 http://www.sho.com/site/californication/home.do
  5. 5 http://www.sho.com/site/dexter/home.do
  6. 6 http://www.sho.com/site/dexter/home.do
  7. 7 http://www.fox.com/lietome/
  8. 8 http://www.fox.com/lietome/
  9. 9 http://www.fox.com/house/
  10. 10 http://www.fox.com/house/
  11. 11 http://www.fox.com/fringe/
  12. 12 http://www.fox.com/fringe/
  13. 13 http://www.hbo.com/larrydavid/
  14. 14 http://www.hbo.com/larrydavid/
  15. 15 http://www.hbo.com/intreatment/
  16. 16 http://www.hbo.com/intreatment/
  17. 17 http://www.thesimpsons.com/index.html
  18. 18 http://www.thesimpsons.com/index.html
  19. 19 http://www.hbo.com/trueblood/
  20. 20 http://www.hbo.com/trueblood/
  21. 21 http://www.cwtv.com/shows/gossip-girl
  22. 22 http://www.cwtv.com/shows/gossip-girl
  23. 23 http://www.cbs.com/primetime/ncis/
  24. 24 http://www.cbs.com/primetime/ncis/
  25. 25 http://www.fox.com/familyguy/
  26. 26 http://www.fox.com/familyguy/
  27. 27 http://thelistener.ctv.ca/
  28. 28 http://thelistener.ctv.ca/
  29. 29 http://www.fox.com/bones/
  30. 30 http://www.fox.com/bones/
  31. 31 http://www.fox.com/terminator/
  32. 32 http://www.fox.com/terminator/
  33. 33 http://www.fox.com/24/
  34. 34 http://www.fox.com/24/
  35. 35 http://www.nbc.com/great-american-road-trip/
  36. 36 http://www.nbc.com/great-american-road-trip/
  37. 37 http://www.thekingofqueens.com/
  38. 38 http://www.thekingofqueens.com/
  39. 39 http://www.e4.com/reaper/
  40. 40 http://www.e4.com/reaper/
  41. 41 http://model.ctv.ca/
  42. 42 http://model.ctv.ca/
  43. 43 http://beta.abc.go.com/shows/dancing-with-the-stars
  44. 44 http://beta.abc.go.com/shows/dancing-with-the-stars
  45. 45 http://www.nbc.com/Heroes/
  46. 46 http://www.nbc.com/Heroes/
  47. 47 http://www.cbs.com/primetime/flashpoint/
  48. 48 http://www.cbs.com/primetime/flashpoint/
  49. 49 http://www.cbs.com/late_night/late_show/
  50. 50 http://www.cbs.com/late_night/late_show/
  51. 51 http://www.e4.com/skins/
  52. 52 http://www.e4.com/skins/
  53. 53 http://beta.abc.go.com/shows/brothers-and-sisters
  54. 54 http://beta.abc.go.com/shows/brothers-and-sisters
  55. 55 http://www.fox.com/moretolove/
  56. 56 http://www.fox.com/moretolove/
  57. 57 http://www.fox.com/dollhouse/
  58. 58 http://www.fox.com/dollhouse/
  59. 59 http://www.fox.com/prisonbreak/
  60. 60 http://www.fox.com/prisonbreak/
  61. 61 http://beta.abc.go.com/shows/the-middle
  62. 62 http://beta.abc.go.com/shows/the-middle
  63. 63 http://www.channel4.com/bigbrother/
  64. 64 http://www.channel4.com/bigbrother/
  65. 65 http://www.mtv.com/ontv/dyn/house_of_jazmin/series.jhtml
  66. 66 http://www.mtv.com/ontv/dyn/house_of_jazmin/series.jhtml
  67. 67 http://beta.abc.go.com/shows/lost
  68. 68 http://beta.abc.go.com/shows/lost
  69. 69 http://www.americanidol.com/
  70. 70 http://www.americanidol.com/
  71. 71 http://www.fox.com/kitchennightmares/
  72. 72 http://www.fox.com/kitchennightmares/
  73. 73 http://beta.abc.go.com/shows/cougar-town
  74. 74 http://beta.abc.go.com/shows/cougar-town
  75. 75 http://www.cbs.com/primetime/harpers_island/
  76. 76 http://www.cbs.com/primetime/harpers_island/
  77. 77 http://www.tonightshowwithconanobrien.com/
  78. 78 http://www.tonightshowwithconanobrien.com/
  79. 79 http://beta.abc.go.com/shows/desperate-housewives
  80. 80 http://beta.abc.go.com/shows/desperate-housewives
  81. 81 http://www.nbc.com/parks-and-recreation/
  82. 82 http://www.nbc.com/parks-and-recreation/
  83. 83 http://beta.abc.go.com/shows/greys-anatomy
  84. 84 http://beta.abc.go.com/shows/greys-anatomy
  85. 85 http://www.nbc.com/americas-got-talent/
  86. 86 http://www.nbc.com/americas-got-talent/
  87. 87 http://www.nbc.com/chopping-block/
  88. 88 http://www.nbc.com/chopping-block/
  89. 89 http://www.vh1.com/shows/the_to_show/series.jhtml
  90. 90 http://www.vh1.com/shows/the_to_show/series.jhtml
  91. 91 http://www.usanetwork.com/series/monk/
  92. 92 http://www.usanetwork.com/series/monk/

↑ Back to top Tweet itShare on Facebook

Steven Snell is a Web designer and blogger. In addition to maintaining his own blog and writing for a number of other top design blogs, he also manages an online shop that offers premium graphic design resources.

Advertisement
  1. 1

    I sort of found your blog site by mistake, but your site captured my eye so i thought that I would post tell you that I really like it.

    0

↑ Back to top