Movie Website Designs: Examples And Current Practices

Advertisement

It can be an interesting experience looking around at websites in particular industries to identify trends and see how they differ from those in other industries. In this article, we’ll take a look at the websites of major motion pictures to see what types of websites are being created. Movies are a big part of the entertainment industry, and in recent years their websites have become increasingly critical to their overall success.

The Purpose of Movie Websites

Before getting into the details of specific movie websites and discussing current trends, it’s important first to consider the primary purpose of movie websites. Obviously, in order for a movie to be financially successful, it needs to do well at the box office, and today many moviegoers use the Internet to find movies to see and to buy tickets. Having things like trailers and other video clips helps to engage visitors and encourages them to find show times and buy tickets online.

Movies are made to entertain audiences, and movie websites are much the same. In order to get visitors’ attention and encourage them to see the movie, a website needs to give them what they are looking for and provide some entertainment at the same time. Today’s movie websites make it easy to take a couple minutes and watch a few trailers before deciding which movie to see.

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

Visitor Expectations

The design, style and content of a movie website is generally meant to meet visitors’ expectations of that website. Visitors expect to find websites that are graphically rich, with audio and video as well. They expect something special, and entertainment value is often more important than the website being very accessible or fast-loading.

Visitors expect to be able to arrive on a movie website and determine within a few minutes if they want to see the movie. For this reason, trailers are key elements: they are almost always easy to find or automatically start when the home page loads.

The design style also reflects visitor expectations, and the movie itself. You can usually tell very quickly upon arriving on a website whether it is for a comedy, drama, horror or action movie.

Trends Of Current Movie Websites

Among the sample movie websites discussed in this article, the following trends are apparent.

1. Flash

Most movie websites rely heavily on Flash for a dynamic and interactive experience. The audience of these websites typically expects to be entertained, so bells and whistles take priority, and heavy use of these elements is more acceptable than it would be on other types of websites.

Flash1

2. Large Background Images

In addition to Flash, larger photos and images play a huge role in creating attractive and interesting movie websites. Most movie websites make use of large images, in many cases as the background of the page.

Background Image2

3. Video/Trailers

It’s only natural to assume that the website of a movie would include some video. Almost all movie websites include a full trailer, and in some cases a few different trailers. Many websites put the trailer on the home page or a splash page, and the trailers often start without being prompted by the user.

While audio and video that automatically starts is usually considered a negative feature, because of their subject matter, movie websites are a bit different than the average website. Because video is a priority for most visitors, it seems to be an accepted fact that movie websites will play a trailer automatically when the page loads. Those movie websites that don’t put the trailer on a splash page or the home page typically have a link in the navigation menu that clearly points to the trailer.

Gran Torino Trailer

4. Show Times and Ticket Info

Because the goal of movie websites is to sell tickets, each one includes a link or form for visitors who want to find show times and ticket information for their area. Many websites link to Fandango and/or Moviefone. Making it easy for people to get tickets is a priority.

Ticket Info

5. Splash Pages

About half of the movie websites we’ll look at later in this article show a splash page before the visitor enters the main website. Some of these splash pages are more useful than others. Many include a video of the trailer, and some have options to access country-specific sections of the website if the movie is playing worldwide.

Paul Blart Splash Page3

6. Display of Nominations and Awards

Movie websites often attempt to demonstrate the quality of a movie by listing or displaying nominations and awards it has received. You’ll see this a lot on splash pages and home pages of award-winning pictures.

Benjamin Button Nominations4

7. Short Page Length

It’s very common for movie websites to take up only the height of the screen, or just a bit more. It’s rare to find pages that are long and require a lot of vertical scrolling. With most websites being Flash-based or set against a large background image, the short page length keeps everything in view at all times.

Unborn

8. Not Always On Company Domain

Not all movie websites have their own domain. Some studios, such as Fox Searchlight5 and Disney6, keep their movie websites on their own domains. The number of major movie websites that are on the main company domain is far more than those that have their own, but it is still a trend for some companies.

Fox Searchlight7

9. Social Networking /Media Interaction

Many movies have pages set up on Facebook8 and MySpace9 to take advantage of social networking opportunities. With the popularity of these social networking websites, especially among younger users, it’s no surprise that movie companies are seeing the value of getting involved. A bit more surprising is the number of movie websites that include links to encourage votes on social media websites such as Digg10, Delicious11, StumbleUpon12 and Reddit13.

Social Networking - Revolutionary Road14

10. Downloads

Most movie websites include a downloads section where visitors can get free wallpaper, posters and buddy icons.

Downloads

11. Fun Extras

Many movie websites, but not all, include more than just the typical movie and cast information along with the trailer. Games and activities are also very common. These elements can make the website more fun for visitors while also promoting the movie.

BrideWars includes Bridal Beatdown, a game in which you are one of the main characters in a boxing match. You can even upload your own photo to put on the character if you want.

BrideWars Game

The website for He’s Just Not That Into You includes a video by the male characters of the cast called The Top 10 Chick Flick Cliches That Are Not In This Movie.

He's Just Not That Into You

12. Widgets

Many movie websites also include widgets that visitors can put on their own websites or social networking pages.

Widget

Showcase of Movie Websites

Now that we’ve looked at some of the trends of modern movie websites, let’s take a look at 40 websites of recent and upcoming movies. The websites were chosen because the movies are current (or upcoming) and popular, rather than because they are the “best” examples movie websites.

Taken15

The website for Taken features the trailer in the center of the screen, with the option to view in full screen. The content of the website is set against a large dark background image. The navigation on the left side of the screen is simple and logical, making it easy for visitors to find what they want. Although audio plays automatically when the page is opened, it can easily be turned off with a conveniently located control.
Taken

Paul Blart: Mall Cop16

Paul Blart: Mall Cop uses a splash page that allows visitors to find a theater and show times by searching by zip code. Lower on the page are links to the movie’s pages on social networking websites like MySpace and Facebook.

Paul Blart: Mall Cop

Clicking on “Enter the Site Now” opens a new window for the main website, which can be annoying to visitors. The website includes a large background image of Paul Blart on a scooter. The main navigation of the website is cleverly presented as a mall directory. Throughout the website, you’ll hear audio clips of mall security. Unlike many of the other websites, this one does not feature a trailer on the splash page or home page.

Paul Blart: Mall Cop

The Uninvited17

The website of The Uninvited has a dark design with hand-written text, including for the primary navigation. The style of the design is a good match for the type of movie it is. There is no splash page, and no trailer video plays upon arrival, but the trailer is accessible by clicking on “videos.” After the trailer plays, you’ll see options for embedding the video on another website, as well as for sharing via Facebook and email.

The Uninvited

Hotel for Dogs18

Hotel for Dogs uses a splash page that allows visitors to find local showings and get tickets, but not much else. Because this option is also available inside the main website, the splash page seems unnecessary.

Hotel for Dogs

Once on the main website, you’ll see a large background image. The navigation options pop out on hover, and there is more content available on this website than on many others. The content includes information on the Hotel for Dogs video game, the opportunity to “Post your pup” by uploading photos of your dog and some other interactive options.

Hotel for Dogs

Gran Torino19

The website of Gran Torino is fairly similar to that of Taken, with a large dark background image and the trailer playing in the center of the screen. Simple navigation options are at the bottom of the screen, and just below that is an option to find shows and buy tickets. A lot of information is available in the “About the Film” section.

Gran Torino

Slumdog Millionaire20

Slumdog Millionaire has a splash page that displays the movie’s many nominations, awards and positive reviews.

Slumdog Millionaire

If you click on “Skip intro,” you’ll remain on a splash page that gives additional options, but you’ll need to click again to enter the main website.

Slumdog Millionaire

Once inside the website, you’ll hear audio unless you turn it off at the bottom of the screen, but there is no video that plays without prompting. The main navigation menu includes a link to videos, including the trailer. In addition to the typical options, you have the opportunity to post your own review on the Slumdog micro-blog.

Slumdog Millionaire

Underworld: Rise of the Lycans21

Underworld: Rise of the Lycans has a splash page with options to view the trailer, enter the website or get show times. There are also links to Facebook and MySpace pages. If you don’t click on anything, the trailer plays on its own.

Underworld: Rise of the Lycans

Both the splash page and main website feature large dark background images, which obviously fit the movie. The website is Flash-based, and the background is a huge image that scrolls horizontally. I found the navigation difficult to use.

Underworld: Rise of the Lycans

New in Town22

The website for New in Town is a snowy Minnesota scene with snowflakes that continuously fall. In addition to the usual options and pages, a Minnesota Pronunciation Guide shows funny clips from the movie. There’s also a “Try My Recipe” section where you can click on characters to see their recipes.

New in Town

My Bloody Valentine23

My Bloody Valentine 3D has a splash page that includes an option to find and buy tickets, as well as a link to a YouTube video of fan reviews of the movie.

My Bloody Valentine

Once inside, you’ll see a dark website with red blood splatters. The style of the design fits well with what you would expect from a horror movie. There is a link to watch the trailer, as well as the typical navigational options. There’s also an option to send a bloody Valentine’s card to a friend.

My Bloody Valentine

Inkheart24

Inkheart’s website includes a large background image with several characters from the movie and some interesting lighting effects, In the center of the screen, a trailer plays unless the visitor stops it. The main navigation includes all the necessary items, such as information about the movie, additional videos and ticket information. The website also gives visitors the option of sending a “Toto E-Card.”

Inkheart

The Curious Case of Benjamin Button25

The Curious Case of Benjamin Button has a splash page with a solid black background and photos of the movie’s stars, Brad Pitt and Cate Blanchett. Yellow text is used to draw attention to its nomination for 13 Academy Awards. The splash page includes links to buy tickets, film info and a trailer in HD.

The Curious Case of Benjamin Button

Once you enter the website, the browser opens in full screen by default (you can hit “Escape” on your keyboard to exit the full screen), and photos of Benjamin Button’s life rotate.

Benjamin Button

BrideWars26

The website for BrideWars opens with a splash page that gives the options of entering the website, getting updates or finding show times and tickets. If you don’t click on anything, it automatically takes you into the website.

BrideWars

Once inside the website, you’ll see the movie trailer in the center of the screen between the two brides, with navigational options below. One additional feature is the “Emma or Liv Quiz,” which asks you a set of multiple choice questions and then tells you which of the two brides you are most like.

BrideWars

Revolutionary Road27

The Revolutionary Road website includes a large light background image of the movie’s stars. To the left of the screen, a trailer plays automatically. Below the trailer are options to share the page through social networking and social media websites, including Facebook, Digg, Delicious, StumbleUpon and Reddit.

Revolutionary Road

Defiance28

The website for Defiance also plays the trailer automatically upon page load. Behind the trailer is a large background image of a wooded area, with main navigational items at the top of the screen. Like the Revolutionary Road website, Defiance’s includes social media icons for Facebook, Digg, Delicious, StumbleUpon and Reddit.

Defiance

The Reader29

The splash page for The Reader is much more basic in design than that of many other movies. The page has a white background, with a video of the trailer playing in the center of the screen. At the top of the page is a notice that the movie has been nominated for five Academy Awards. Below the trailer you can click to enter the website.

The Reader

Inside the website, a major section of the screen displays the many excellent reviews the movie has received (this part of the layout can be closed to show more of the video). On the left are basic navigational options, including to find show times and tickets.

The Reader

The Wrestler30

The Wrestler’s website is located on FoxSearchlight.com and includes the standard navigation at the top, with links to the studio’s other current movies. Most of the screen is taken up by a large picture of the wrestler, with a lot of information below, breaking the trend of short pages. Instead of the trailer playing automatically on the home page, a link is displayed to view it. Lower on the page are links to several reviews by critics, videos, cast information and news.

The Wrestler

Notorious31

Notorious is also on FoxSearchlight.com, and the website is laid out like the websites of other movies on FoxSearchlight.com. Clicking “Enter Site” to the left shows the movie’s trailer.

Notorious

Milk32

The home page for Milk includes a brief audio clip of Sean Penn from the movie. The layout includes photos of several characters from the movie and two vertical navigation menus. The website is hosted on FilmInFocus.com. On the left side of the screen you’ll see the eight Academy Award nominations it has received. The videos section includes the trailer and some other clips. From the community page you can visit Milk on Facebook.

Milk

Frost/Nixon33

The Frost/Nixon splash page includes a pop-up that shows the nominations the movie has received. Once you close the pop-up, you see options for finding tickets, viewing the trailer and entering the website.

Frost/Nixon

Once inside the website, some photos are flashed and an audio clip plays in the background. Then you’ll arrive on the page you see below, with a large photo of the two characters from the movie and navigation to the right.

Frost/Nixon

Last Chance Harvey34

Last Chance Harvey has no splash page. The home page includes video of the trailer, shown on the left side of the screen. A large background image is used, with primary navigation towards the bottom of the screen. The “Special features” section includes an interactive quiz and a feature to create your own collage using pictures from all around the world.

Last Chance Harvey

The Unborn35

The splash page of The Unborn includes a large background photo, and the trailer plays automatically. Interestingly, a message says that if you return to the website between 9:00 pm and 9:00 am, you can see the after-hours trailer.

The Unborn

Once inside the website, you’ll see a dark textured background, with links to the typical options: about the film, media, cast and crew, gallery and downloads.

Unborn

Marley & Movie36

The website for Marley & Me plays the movie’s trailer automatically when the page is loaded. Throughout the website, you’ll see Marley chewing things up, licking the screen and pulling on a rope to bring the website’s photo album into view.

Marley & Me

Doubt37

Doubt uses a splash page that shows its five Academy Award nominations at the top of the screen and the movie’s trailer below. You can also get to ticket information from the splash page.

Doubt

Once inside the website, each section displays a different background image that takes up the browser window. All the standard information about the movie and cast is available, as well as photos and videos.

Doubt

Bedtime Stories38

Disney’s Bedtime Stories is hosted on Disney.com instead of its own domain. The home page includes a large colorful image that takes up the full screen. The website includes basic movie information, videos and three different games to play.

Bedtime Stories

Valkyrie39

Valkyrie has a splash page with an image of Tom Cruise and the movie’s other characters overlaid on a map/blueprint. The trailer plays automatically on the left side of the screen, just above the link to enter the website. The splash page also includes flags that link to websites for other countries and languages.

Valkyrie

Once inside the website, a war scene photo takes up the full screen. There is a link to watch the first six minutes of the movie on Apple, and a few navigational options are below.

Valkyrie

Not Easily Broken40

The website for Not Easily Broken is hosted on SonyPictures.com. Main navigation is at the top of the page and includes a link to the trailer. Much prime real estate on the front page is set aside for finding show times and ticket info. Lower on the page is a link to the movie’s Facebook page.

Not Easily Broken

Tale of Despereaux41

The Tale of Despereaux’s splash page includes an illustrated background (naturally), and the trailer plays automatically on the left side of the screen. At the bottom of the page are icons for sharing on Facebook, Digg, Delicious, StumbleUpon and Reddit.

Tale of Despereaux

Inside the website you’ll see another illustrated scene. The full navigation only appears when you click on “Menu.” In addition to the standard content and information, clicking on “The Quest” brings you to some games.

Tale of Despereaux

Rachel Getting Married42

The splash page for Rachel Getting Married includes links to the main website, the trailer, information on awards, and the movie’s Facebook page. You can also access ticket info below. At the top of the page, the movie’s awards fade in and out.

Rachel Getting Married

Inside the website, vertical navigation on the left shows links on images of tags. Clicking on the links changes the background image as well as the content.

Rachel Getting Married

Yes Man43

Yes Man’s website includes a quick Flash intro before the trailer begins playing. The whole website has a blue cloudy sky for a background. The site is hosted on WarnerBros.com.

Yes Man

Australia44

Australia’s Flash page includes a large background image of the movie’s two stars, and the trailer plays automatically in the center of the screen. There are links to get tickets and show times and to enter the website. Below you can also choose to enter the website of another country.

Australia

Once in the website, you’ll see a video with background music. There is a link in the top right to access the menu and a link in the center of the screen to “Experience Australia”, which also plays some video.

Australia

Waltz with Bashir45

The home page for Waltz with Bashir displays a number of awards and nominations, with a link to even more. The home page has no additional content, just an image and navigation menu. The trailer is available by selecting “Clips.”

Waltz with Bashir

The Class46

The home page of The Class includes some award nominations, pictures and navigation. All the basics, like film info, cast, filmmakers, trailers and videos and links are available. The website is hosted on SonyClassics.com.

The Class

The Day the Earth Stood Still47

The Day the Earth Stood Still uses a splash page that automatically plays the trailer in the center of the screen. You can choose to enter the website or select from a list of countries below.

The Day the Earth Stood Still

Inside the website, most of the screen is used for a video, with a menu button that follows your mouse around the screen. Click on the button and the menu expands.

The Day the Earth Stood Still

Mutant Chronicles48

The website of Mutant Chronicles includes a large photo of the movie’s characters, a dark textured background and a navigation menu at the top. There is no trailer on the home page, but it is easily accessible from the navigation menu.

Mutant Chronicles

Coraline49

The website of Coraline has a dark illustrated image that takes up the full screen. Navigation options are at the bottom of the page, including a link to the trailer. Show times and ticket information are also available from the menu.

Coraline

X-Men Origins50

Currently, the website for X-Men Origins includes a countdown of the days, hours, minutes and seconds until the film is released. The trailer begins automatically in the center of the screen. At this point, not much else is available aside from links to MySpace and Facebook pages.

X-Men

He’s Just Not That Into You51

The home page for He’s Just Not That Into You includes a collage of many pictures from the movie. In addition to basic information and videos, the website includes fun and interactive content, like a quiz to find out if he or she is into you, e-candy hearts that you can send to friends, a date decoder and a video of the top 10 chick-flick cliches not found in the movie.

He's Just Not That Into You

The Pink Panther 252

The website for the Pink Panther 2 is hosted on SonyPictures.com. The splash page includes links to enter the website, worldwide release dates, and a 20 Questions game. The 20 Questions game includes video responses from Steve Martin after each answer, in which he tries to guess what you’re thinking.

Pink Panther 2

Inside, the design naturally has a lot of pink. Several other games can be played, and information on the movie, video and downloads are available.

Pink Panther 2

Friday the 13th53

The dark design of the website for Friday the 13th is a good fit for a horror movie. The trailer plays automatically to the right of the screen, and a navigation menu is available to the left if you hover over “Menu”. At the top right of the screen is a “Share” option for social networking.

Friday the 13th

G.I. Joe: The Rise of Cobra54

Right now only a short commercial promo is available on the website for the upcoming G.I. Joe movie, not a full trailer. The movie already has a Facebook page, and the website includes options for sharing through Facebook, Digg, Delicious, StumbleUpon and Reddit.

G.I. Joe

What Are Your Thoughts On Movie Websites?

What do you like or dislike about movie websites? Do you think they do an effective job of promoting their movies?

(al)

Footnotes

  1. 1 http://www.sonypictures.com/movies/underworldriseofthelycans/site/_index.html
  2. 2 http://www.lastchanceharvey.com/
  3. 3 http://www.paulblartmallcop.com/
  4. 4 http://www.benjaminbutton.com/
  5. 5 http://www.foxsearchlight.com/
  6. 6 http://disney.go.com/index
  7. 7 http://www.foxsearchlight.com/thewrestler/
  8. 8 http://facebook.com/
  9. 9 http://myspace.com/
  10. 10 http://digg.com/
  11. 11 http://delicious.com/
  12. 12 http://stumbleupon.com/
  13. 13 http://reddit.com/
  14. 14 http://www.revolutionaryroadmovie.com/
  15. 15 http://www.takenmovie.com/
  16. 16 http://www.paulblartmallcop.com/
  17. 17 http://www.uninvitedmovie.com/
  18. 18 http://www.hotelfordogsmovie.com/
  19. 19 http://www.thegrantorino.com/
  20. 20 http://www.slumdogmillionairemovie.co.uk/
  21. 21 http://www.entertheunderworld.com/
  22. 22 http://www.newintownmovie.com/
  23. 23 http://www.mybloodyvalentinein3d.com/
  24. 24 http://www.inkheartmovie.com/
  25. 25 http://www.benjaminbutton.com/
  26. 26 http://www.bridewars.com/
  27. 27 http://www.revolutionaryroadmovie.com/
  28. 28 http://www.defiancemovie.com/
  29. 29 http://www.thereader-movie.com/
  30. 30 http://www.foxsearchlight.com/thewrestler/
  31. 31 http://www.foxsearchlight.com/notorious/
  32. 32 http://www.filminfocus.com/focusfeatures/film/milk/
  33. 33 http://www.frostnixon.net/
  34. 34 http://www.lastchanceharvey.com/
  35. 35 http://www.theunbornmovie.net/
  36. 36 http://marleyandmemovie.com/
  37. 37 http://doubt-themovie.com/
  38. 38 http://disney.go.com/disneypictures/bedtimestories/
  39. 39 http://valkyrie.unitedartists.com/
  40. 40 http://www.sonypictures.com/movies/noteasilybroken/site/
  41. 41 http://www.thetaleofdespereauxmovie.com/splash/
  42. 42 http://www.sonyclassics.com/rachelgettingmarried/
  43. 43 http://yesisthenewno.warnerbros.com/
  44. 44 http://www.australiamovie.com/
  45. 45 http://waltzwithbashir.com/
  46. 46 http://www.sonyclassics.com/theclass/
  47. 47 http://www.thedaytheearthstoodstillmovie.com/
  48. 48 http://www.mutantchroniclesthemovie.com/
  49. 49 http://coraline.com/
  50. 50 http://www.x-menorigins.com/
  51. 51 http://www.hesjustnotthatintoyoumovie.com/
  52. 52 http://www.sonypictures.com/movies/thepinkpanther2/
  53. 53 http://www.fridaythe13thmovie.com/
  54. 54 http://www.gijoemovie.com/

↑ Back to topShare on Twitter

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.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    I guess if I was a designer in Hollywood I might think this is great. I’d make a safe bet that the vast majority of designers that come here have never designed a movie site, and probably never will.

  2. 2

    I miss the old Donnie Darko site which was weird in that it might have made no sense. Anyone remember that?

    I also think you have overlooked a new breed and important case study in the site for the scifi film artemis eternal – http://www.artemiseternal.com

  3. 3

    Nice Article Steven…. Although i had no past experience in designing any movie related sites for any of my clients but it’s nice to read about their current trends. Flash is the most usable part of an Movie site and i’m not a great admirer of flash stuff. However, from design and look n feel point of view those sites look very attractive. Still i like to play with php, jquery, Ajax instead of flash.

    Thanks for the collection though.

    DKumar M.

  4. 4

    ei its marley and me not marley and movie

  5. 5

    wow ! impressd :) nice one …

  6. 6

    The problem I have with movie websites is their lack of flash alternatives. Turn off flash or javascript for any of the sites above for a great laugh (my personal favourite is the “australia” movie)……. and I won’t even mention the markup.

  7. 7

    I actually design movie sites, but am curious to know who actually visits them. Most people who are curious about a film will not go to the film site, but to a portal like movies.com, rotten tomatoes or even Apple’s Quicktime Trailers page, which usually allows you to view and download trailers in HD.

    I’d like a show of hands… how many of you visit movie sites (and are NOT in the entertainment industry)…

    • 8

      Actually I do…. to see the trailer and get the “feel” for the movie before I go see it. I don’t read reviews as a rule because they always cover the whole spectrum from “love” to “hate” and don’t really help me decide.

      I also go to the sites after I saw a movie and really liked it to get some more of the “experience”

      Last but not least – I am a web designer, so I like to see how much effectful detail went into those sites. I don’t live near any movie production company so my clients are in other industries – mostly those that do not appreciate flash :-) But it would be nice to have a movie producer/marketer as a client and get to play …

    • 9

      Hi jason can you show me some websites of movies, we have this one cinemosfera.com is in mexico city.

  8. 10

    Hi steven nice article, it is a good work what u have done.

  9. 11

    this is great article

  10. 12

    Andrew Rossborough

    February 10, 2009 1:24 am

    It’s like this article was written for me! I’m a web and graphic designer and amateur filmmaker and absolutely love the graphic design work that goes into movie marketing material.

    I agree with Jason, I tend to watch trailers at apple.com, rather than visiting individual movie sites, but I do frequent those sites for inspiration and further information if I am really interested in the movie.

    I made my own back in university, here: Link

  11. 13

    UUUUUUUUUUUUUGLY!!!

    Movies have got a long way to go before they look presentable on the web. This serves as proof and nothing but proof of it. Do not look for inspiration here, really. Just observe and take note of how not to continue the trend in style. Of course there are some good ideas but the general over-reliance on Flash and the ugly choice of typography/photography/colour on the collages on most of these films make me groan.

    Please movie-designers, do a better job with your designs. You’re really lagging behind. This feels so 90s.

  12. 14

    I recently designed a site for a low budget horror movie, as yet not released. These examples are pretty much the cream of the cream, and some brilliant advice also. I am not a pro website designer, and probably could have done with some tips from this article a couple of months sooner! To get similar quality to these sites takes quite some skill! Mine is at http://www.withinthewoodsthefilm.co.uk

  13. 15

    Well, they could be better.. since we are talking about Movie websites, art related, they should be more creative..

  14. 16

    nice collection

  15. 17

    Thanks for the article. I am always fascinated by movie website as they challenge and push creativity on the web. I am a standards based designer (XHTML/CSS/JS/PHP/MYSQL) and will be starting to learn Flash because of the creative limitations of standards based web tools.

  16. 18

    Re #6: I go to the movies almost twice a week on average and I can probably count the number of movie websites I have been to in the past year on one hand because, as you mention, I’ll just go to IMDB if I need info or Apple if I need a trailer. The only reason I ever, ever go to a movie’s website is if I really liked the film and am looking for something like an officially sanctioned desktop wallpaper or something like that (and usually I end up hating what they have to offer), but otherwise I stay far away because most of the information I can get elsewhere without having to be surfing around lame Flash animations.

  17. 19

    In the spirit of this article, it would be interesting to see a collection of websites _in_ movies. In movies you often see websites that don’t actually exist and are just a video of an interface created by some video effects guy. The whole different purpose of those websites make it an interesting topic for research.

  18. 20

    I know that most of the above posts refer to these sites as over reliant on Flash, but isn’t the purpose of Flash to push the creative limits with what we do on the web? I feel like too often people overlook the rich experience that can be gained through such a ground breaking tool. And they only keep making it better and more standards compliant!
    Flash, used appropriately, can be an amazing feature. I think to cast sites that rely on it aside is definitely a shame.

  19. 21

    This gran torino movie was one the greatest movies i have ever watched.I almost cried! ,damn touching.

  20. 22

    You know, I’m a big horror fan as well as a visual artist and I lovelovelove the movie REPO! The Genetic Opera.

    Many aspects of that film have come to be a great influence on my concepts of creativity and collaboration. Repo-Opera.com is no exception. The movie (created from a decade old stage play) was originally slated to be released in only two theaters. However, fan support lead to it being opened within hundreds more.

    The director and writers and many of the actors worked hard to promote it themselves and develop a whole community for it (Which was VERY necessary given that it is such a niche film, you know?)

    I think it’s an excellent example of what an online presence can develop- A whole community was created through the fan boards and regular chats with the director (Darren Lynn Bousman, the Saw sequel guy.) They created MySpace pages for a lot of the characters as well . . . The end result was that fans fought for the show to be put on in different areas and many would show up in costume to catch it- singing out front, etc, without anybody having even seen it.

    Anyway, I received a Painting/Drawing BFA last year . . . But for all my Fine Art education, that movie and its creation/development was far more artistically inspiring. This is an excellent topic. :)

  21. 23

    Universal Indie Records

    February 10, 2009 9:00 am

    “I’d like a show of hands… how many of you visit movie sites (and are NOT in the entertainment industry)…”

    I go to movie sites all the time. I’m the web developer/designer for a resort and when the movie posters don’t show up I usually go to the movie sites to try an find a hi-res version of the movie poster to print as opposed to searching through Google.

  22. 24

    Great article. I’d love to see a whole series of “______ Website Designs” exploring different industries. I am a web designer at a small university, and love to see what other industries are doing (since mine seems to stagnate at times).

  23. 25

    I hope they never take down http://www.foxmovies.com/fightclub/, what a nice look back into the early use of flash for a whole website.

  24. 26

    Another great article from Steven. Great Job!

  25. 27

    is it me or film websites are somewhat better than the ordinary, they are an inspiration

    great post

  26. 28

    I’m not a big fan of movie sites. But it was good to see what specific industries are doing. Like Stephen, I would like to see a series of “_____ Website Designs”. Overall, a cool article.

  27. 29

    I agree with Jason’s comment (#6) about not visiting specific movie sites. The only info I really need or want to know about movies before going to see them are the trailers and the critic/user reviews, which can be found on many movie-centric sites (ie: IMDB)

    Mind you, this doesn’t completely undermine the need for a well-designed movie homepage. I suppose it helps create a certain coherency and identity, which is important in conveying the overall message of the movie.
    I really enjoyed the list, and seeing it has definitely prompted me to visit more of these movie pages. Plus, they are a very useful source of inspiration!

    Thanks!

  28. 30

    Steven, I really feel your articles could benefit from some deeper more insightful analysis’s. Once again this reads very similar to your “Colors in Corporate Branding and Design” article, relying heavily on screen shots to prop up some very weak personal views and judgments rather than using design principles and best practice to draw your conclusions. For the most part this article uses a couple of lines to summarize what you would find if you clicked through to the website, and in some cases one can draw the same conclusions from the screen shots alone. On the odd occasion where feedback is added it provides absolutely nothing intuitive with comments like “I found the navigation difficult to use.” that result in what I imagine would be no benefit to anyone trying to gain any kind of knowledge on the topic.

    This really isn’t anything more than a long winded inspiration post. Quality not quantity is the spice of life, I would rather read your views and experience on fewer designs in greater detail than a couple of lines of dribble on many designs.

  29. 31

    @Jason (#6) – will Flash designers ever STOP RESIZING my browser window?

    ps I never go to movie sites unless I am really into the movie and only to maybe dl a wallpaper, etc. However I’m almost 99% disappointed with what they have. Transformers has been one exception.

  30. 32

    Very good article!!!!
    Congratulations!!!
    I’ll be translate to Portuguese.
    Certainly the tips will help the brazilian designers too.

  31. 33

    i think movie websites dont really follow web 2.0 trends. they do their own thing and mesh it with a billboard feel to it by splattering a big picture in the background and then adding some nice magazine feel to it with the text. this is why they choose to opt with flash, because it would be way harder to mimic with HTML/CSS (trust me i know!)

  32. 34

    What about those movies that go one step further and involve their fanbases more in terms on content? Examples of these would be the last 3 Star Wars films with their documentaries, Clerks 2 with their Train Wreck diaries and blog and even King Kong with its documentaries (which took up a whole DVD in themselves).

    But I don’t visit movie sites unless there’s the very rare exception that I don’t know what the release date is. Movie sites don’t give enough information about the movie/cast/director and my first port of call would usually be Wikipedia when I research a specific movie.

  33. 35

    PureDezigner[dot]com

    February 10, 2009 6:57 pm

    After working in the movie industry for a few years then moving on to my web career, I have always admired movie websites, and wanted to created fully interactive sites like the underworld 3 site. However, I would like to see more css and web standards based movie sites get created, but either way, Smashing article! @ #6 that is very true, I rarely go to movie sites, when interested I might go to one, last one I checked out (before this article) I can think of was transformers.

  34. 36

    Never found on such sites: Accessible code or captioning.

  35. 37

    Alberto Villalobos

    February 11, 2009 11:38 am

    i think flash suits this kind of websites, i think it doesnt matter to much the flash weakness cause the audience of this is likely to look for the site directly, just like transformers official site, and then if they doesnt have flash installed they are likely to install the plugin to see what interest them,

    Besides its a cinematic experience, when they mix, music, video, animation and others.

    VIDEOGAMES sites folow this trend too. and it could be a good future article smashing magazine

    Thank you for the article

  36. 38

    Got my website organized with corpadvisor and now know more on the ins and outs. mike and steven helped me and the irvine attorney got my paperwork done for my own domain ownership.

  37. 39

    Great, awesomely researched article!

    If you’re a lover of movie websites and their use of online marketing, continue your research upstream at our hobby archive of online ads that actually get people to these websites. We’ve collected well over 400 here:

    http://adverlicio.us/movies

    Sample creative:

    Transformers 2

    Milk

    Zohan w/ Adam Sandler

  38. 40

    Kooool…………….man.

    can any one tell me how do they do this.

  39. 41

    Man that was a comprehensive review! Clean Clean Clean is what I like along with a creative blogger friendly widget.

  40. 42

    Its Cool…:)

  41. 43

    I thought I was going to be the only miserable old git (again), but to my relief I see that @Kirk is similarly unimpressed. Sometimes I hate commenting on these articles (and hence often I don’t) because it seems like I have only criticism, but one of the real downsides of democratisation of the media as brought about by our beloved internet is that anyone and everyone truly does have their fifteen minutes of fame (are you laughing now, Mr Warhol?)…

    Anyway, I don’t want to rant on for ages (phew, thank god, I hear you cry) but will point out that, as @Kirk alluded to, the closing rundown or showcase is so thin as to defy belief. It would be better to have just the screenshots rather than a line or two of pointless description which doesn’t even constitute a real caption. Besides the mistake of typing Marley & Movie instead of Marley & Me it just smacks of rushing to get your essay finished and padding remorselessly with cut and paste so you can hand your homework in on time. Is that really good enough?

    I don’t want to sound overly harsh, and understand all too well the problem of rushing something out to hit a deadline and subsequently feeling that one could have done better given more time. But bearing in mind the fact that I’m sure many people reading this are talented professional designers, highly skilled and experienced in their respective fields, we need a little more meat on the bone to keep them satisfied. A screenshot of a website with the only insight being that it has a dark background and a navbar at the bottom is only going to annoy such an audience, I fear.

  42. 44

    These movie websites are a wonderful set of inspirations. Most of them are flash and doesn’t care about search engine optimization, but I guess SEO is not that important for movie websites because they have direct advertisement in the movie poster, trailer, and in the movie credits.

    Other movie websites load slow. But I think it’s understandable because after it loads you’ll be amazed of how it was made. The impact of the graphics and the wondrous effects of the flash website makes you say “WOW”.

  43. 45

    Wow, I’ve spent almost 20mn to read through, but it really worth the while.
    thanks for the detail of the trend.

  44. 46

    Jason, I have watched over 120 movies in the past year and I have visited official movie websites less than 5 times. A few years back, I used to visit the official movie websites but only to get wallpapers (which I used to collect until I got so bored of the generic look–movie still + movie title.) If I want to find out more about a movie, I look it up on IMDB and if that interests me, I’ll look up the trailer on YouTube.

  45. 47

    What? Twilight was not even a mention. Shock!!

  46. 48

    Thank you so much for this. We’re an indie studio and also work with tons of filmmakers that want to make great websites. I’m always loook for good examples and now I have a great link to recommend.

    Linda Nelson

  47. 49

    this movie site still stands the test of time: http://www.requiemforadream.com/

    It is ultimately what movie sites should aspire to be rather then generic and corporate as most of the above site samples are. Thanks for the article.

  48. 50

    I think it would have been nice if the article pointed out specificly what was good and bad about the various sites, rather than just describing the site features and leaving us mostly wondering if the features were effective or not.

  49. 51

    I agree with Louis.

  50. 52

    As a filmmaker who is in the process of redesigning our website, I found a lot of inspiration from this article, however, the purpose for our redesign is Search Engine Optimization. We currently have a very cool website (http://www.ShadowlandTheMovie.com) but when we originally had it designed in Flash, I had no idea that the search engines wouldn’t find it.
    As an indie film without the backing of the big marketing budget (ie, TV commercials, Posters, Wide release) to drive people to our website, we need the SEO to work… so, our redesign will not be Flash-based.

    Thanks for the article! Some great tips and it let me know we are going in the right direction (or at least the same direction as the big boys) on a lot of our design ideas.

  51. 53

    This is a terrific article … I really enjoyed reading it. What book(s) can one read and study to learn to do this sort of web design and production? Are there excellent tutorials somewhere or sites? I’m very interested in learning how to do something like this sort of Flash web work.

    Thanks for the advice.

  52. 54

    Thank you very much for this article. Yes, I’m a Graphic Designer in the Entertainment Business and I’ve done a couple websites to promote indie films and shorts but am now being asked to make sites for Features on a regular basis and this article is a great guide. I’m proficient in html (Dreamweaver) and Flash (AS2) but am not an expert nevertheless I’m forging ahead to create the sites. I love the feedback, sounds like most people like some of the Flash but would be just fine without it.

  53. 55

    Thank you for your article. And I think this will help designers and wannabes in my country. (S.Korea). I’ve putted your article translated in my blog to make designers who can’t speak English well can read it, and of course I putted where this article come from. If you don’t want me to do it, please let me know. Anyway thanks a lot for your good work.

  54. 56

    You might have seen the social buttons on movie websites (example. DAM 999). It is to be appreciate the fact that they are willing to open their mind to get more feedback from users.

    • 57

      Social media to get more feedback from users ? or to advertise the film to a wider audience ?

      Using blogs and article posts to promote Indian movies ?

  55. 58

    Hello everyone,

    I have always wondered if film companies outsource the website development to a digital design studio, or if they have an in house web dev department.

    I have always wanted to work within the niche of film in regard to my design career.

    Can anyone shed any correct information on this please ?

    thank you

↑ Back to top