Incredible Web Designs that Resemble Posters

Tara Hornor
Tweet

In recent years, a web design trend has emerged in which designers create web pages that resemble the layout of print posters. If you printed out a copy of the entire length of the web page, the printed version would look like it belonged on a wall. Some common elements in these poster-like web designs include long, eye-catching graphics that often stretch the entire length of the page and very readable text blocks that are located in order of importance down the page. Just like posters, these web pages include the most important information first, with additional less attention-grabbing information near the bottom. Each design starts out with bang in order to capture a visitor’s interest quickly, just like an effective poster does with passersby.

Below are some of the best examples of web pages that follow this poster design trend. Browse the list, get inspired, and if you ever decide to design a web page in this fashion, let us know!

We Came From Mars

This amazing web page begins as if at Mars. Continue scrolling down the page to see a video, facts, links, and more until you reach Earth.

Prepare to Activate

This very clever site includes a zip line at the top of the page on which an illustrated character keeps sliding down. On the left side of the page is a man atop a tree stand that extends the length of the page.

Good Foot App

One of my favorites, this site is actually quite simple, like a minimalist poster. The background of the city line extends down the long page with text and images placed in order of importance.

Iutopi.com

Scroll down this site to watch a lengthy illustration unfold. Unlike a poster, items in the illustration bob slightly as if they are really underwater.

Manufacture D’Essai

If printed out, this web page could be broken into several posters, each with its own message. The photos are simply gorgeous!

Elless

A beautiful design, this web page lists the items in the exact order of the header menu at the top. The ribbons of text are a very nice touch.

Deda

This creative design is not only beautiful but also very well-laid out. The information is easy to skim in a glance, just as with an effective poster.

Amanda Stevens

A headline that sits directly center top, information that is neatly contained in the center, and an intriguing image for the background makes for a very intriguing design. Did you notice the upside down trees at the bottom of the page?

Phase 2 Design Studio

Follow the pipe line down the page to see beautiful illustrations and typography. The menu on the left side previews the content contained down the length of the page.

Full Stop

A very eye-catching illustration and logo capture attention at the top of the page. The rest of the information is neatly laid out in sections filled with large, easy-to-read text.

 

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.whitespacedesign.com.au Logo Design Company

    Great Design, i love this type of blog

    • Tara Hornor

      I’m glad you enjoyed the post!

  • http://twitter.com/MapleCRM Maple CRM

    Awesome!!
    I liked the second one more impressive..

    • Tara Hornor

      Yes, the second one is very detailed!

  • Webplanet

    Web Development India

    Web development India professional website development company offering affordable web development, unique website development, custom web development creative website design, logo design, flash design around the world. for further detail you can visit http://www.webplanet.co.in/web-development.php

  • http://twitter.com/ngassmann Nick Gassmann

    Wait, so you’re implying that non-poster like designs put the least important information first? 
    “these web pages include the most important information first, with additional less attention-​​grabbing information near the bottom”

    • Tara Hornor

      No, I’m sorry. I should have worded that sentence better. What I meant was that poster-like website designs often are very minimalistic in their above-the-fold content. They usually contain only the title and an image.

  • Tony

    You asked about other websites designed in a poster fashion. One I did recently was for a graphic illustrator so it was appropropriate to show off his talents within the page design and not just the contents. The site is kencraneillustrations.com and includes the use of various types of rotating content and a caricature talking head to introduce the site.

    I have to say I am not a keen fan of web sites that are designed to be beautiful graphically, but that don’t serve a purpose in being designed to satisfy the needs of search engines, site visitors or satisfy the site owner’s objectives.

    Recently I began a quest to find sites that satisfy my 170 point criteria for “Good Web Design” at: websiteauditexperts.com/good-web-design-award.php but so far have found none.  

    • Tara Hornor

      Thanks for sharing the Ken Crane Illustrations site; the graphics bordering the page is very stimulating. However, I agree, too, that a site should be both beautiful and search engine optimized to truly serve its purpose. I hope that you eventually find sites that meet your criteria…you may just have to build one yourself. :)

  • http://www.toronto-webdepot.com Jackie dinh

    Prepare to Activate and Amanda Stevens are my favorite :) Not only the designs look great, but the code structure are very clean also.

    • Tara Hornor

      I like the clean code structures of those sites too. Thanks for sharing!

  • Emil

    These web designs are very interesting even if some of them just a bit difficult to orientate in. But maybe that was the idea – to have a look around first. I especially like the Prepare to Activate website – has beautiful graphics and the Full Stop one – large texts are becoming a treat for the eyes, especially if you’re a laptop’s high pixel density screen user.

  • http://www.emilgeorgiev.com Emil

    These web designs are very interesting even if some of them just a bit difficult to orientate in. But maybe that was the idea – to have a look around first. I especially like the Prepare to Activate website – has beautiful graphics and the Full Stop one – large texts are becoming a treat for the eyes, especially if you’re a laptop’s high pixel density screen user.

  • http://twitter.com/Ronkonkoma_ ronkonkoma

    Inspiring!

  • http://www.foldedleaflets.org.uk folded leaflets

    I like the Deda design, very ‘hip’ looking and i’m sure a success with the younger generation.