26 Horizontal Websites

Horizontal websites are a great new way to create unique web experiences. Instead of the usual vertical scrolling with the majority of websites, designers have been looking at new ways for the user to view content. Mostly horizontal websites have been apparent in designer portfolios. With wide screen monitors becoming more and more popular, this experience could be a great new way of interacting on the web.

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

Horizontal Navigation

3245740435_6c8a4a77cf_o.jpg
  • There are some awesome sites here! Really like the style of the Sonido web portfolio.

  • nice list thanks

  • great list! I like to see these horizontal websites. They are great! Thanks for the list!

  • Gotta love a nice horizontal layout 🙂
    Very inspirational collection, thanks!

  • Peter

    Horizontal web sites are not a new phenomenum. I have designed and built them since the early 2000s. As much as I admire them unfortunately my clients are less inclined to have one because they believe they are counter-intuitive which I happen to agree with. Still, some pretty sites in this show case. Well done.

  • Thanks! 🙂

  • Antonio

    Hi,
    Found another horizontal one that look pretty good.
    http://www.publicidadeviva.com

  • Cool sites. Here is another collection of horizontal websites. if you scroll to the right up to about 70%, you’ll see an index of sites: http://www.thehorizontalway.com/

  • George

    A horizontal layout is as intuitive as the designer makes it. If the gestalt of the design does not make the navigation options clear, of course it will be counter-intuitive — the same can be said for vertical layouts. In many of the examples, the content is primarily able to fit on one page. In this case, the only difference between this and a standard one-page layout is the sliding animation involved, which is much more visually dynamic than simply clicking a link and loading a new page.

  • I like horizontal websites. I’m not a designer 🙁 but that format can give a lot for experimenting I think. Why not to mix vertical and horizontal doing a website in L, T or just a big square out of fit from your screen where your screen can scroll even in diagonal with your mouse?

  • teo

    most of these design are so cute with very creative graphics!! but I think that horizontal design for websites isn’t so usable as we can think… so.. greatings for these design but not for horizontal layout .. bye

  • jon

    Another great example with a clever double menu twist is austrailian agency: http://www.swearwords.com.au

  • i like this site on a wide monitor
    http://tmgdenver.com

  • gh3

    Here you are another one: http://blog.cnc-costumenational.com

  • Terry

    Thanks for the great list, here is another one I recently came across http://www.clholloway.co.za

  • a great list so far! very inspirative!

  • brent

    another one: http://www.inmotionactive.com/

    works well with the whole fitness thing.

  • Found another one… Dutch, created with Joomla!
    http://www.elfletterig.nl
    The title of each post contains eleven characters.

  • Matt

    Another to add to the collection:
    http://sursly.com/

  • Horizontal Layout is making a comeback… Its always better to scroll sideways, almost like flipping a page in real life, the interaction is simply natural. Very inspirational collection, thank you.

  • Thanks for all your comments !

  • Thanks for featuring my site. I’ve actually just redesigned it (while keeping the horizontal scroll) so if you could please redo your image, that’d be great!

    I really like this kind of design for small sites with only a few pages of content. For anything bigger, it just isn’t very practical.

  • quinlan

    Another to add to the collection:
    http://www.maideyi.ro

  • And add this brand-new one, too: http://gavincastleton.com

  • tim

    this list is very nice, thx for sharing it !

  • One site more!
    http://www.ctrln.com.ar/

  • Rich
  • Great list, I really can use this!

  • and here is 2 more horizontal onr is my portfolio
    http://www.imarscreative.com
    and the other for a welding inspector CV
    http;julianbridle.free.fr

  • rt @gaksdesigns 26 Horizontal Websites http://bit.ly/DBF7g

  • 26 Sites horizontais: http://bit.ly/KH8Pr
    (from: @gaksdesign)

  • RT @gaksdesigns: 26 Horizontal Websites http://bit.ly/DBF7g

  • RT @tomaslau:26 Horizontal Websites http://bit.ly/DBF7g

  • 26 Horizontal Websites http://bit.ly/DBF7g (via @gaksdesigns)

  • 26 Horizontal Websites http://bit.ly/uu1Ps webdesign inspiration horizontal design layout web navigation showcase portfolio

  • RT @delicious50: 26 Horizontal Websites http://bit.ly/uu1Ps webdesign inspiration horizontal design layout web navigation showcase portfolio

  • RT @delicious50: 26 Horizontal Websites http://bit.ly/uu1Ps webdesign inspiration horizontal design layout web navi http://tl.gd/hrvr

  • je viens de retrouver un lien sur des exemples de sites à la navigation horizontale : http://bit.ly/pOxcr

  • Horizontal Websites. http://bit.ly/DBF7g and http://bit.ly/WWOt8

  • Another one http://www.radioactivethinking.com with some cool jQuery plugins.

  • Hi people this is my horizontal web site!!! Sugestions?

  • Hi people this is my horizontal web site!!! Sugestions?
    “www.tech.net.br”

  • My horizontal website: http://www.elastika.org
    Thank you

  • Donovan
  • Pingback: Ong Thian Chian()

  • http://www.joshkeaton.com is [email protected]!

  • om
  • Wow great inspirational websites they all nice and clean, here is mine http://www.photobuzz.org

    Thanks Jen

  • See what you think of this website I created to give people inspiration.
    http://www.cardexamples.co.uk

    People like the way you can search through the plastic cards designs almost as if they were all placed at random on your desk.

  • Hi,

    I like the list, my own portfolio site is horizontal as well: http://www.wows.nl

    Regards,
    Wouter
    Wows.nl

  • je viens de retrouver un lien sur des exemples de sites à la navigation horizontale

  • Great post, after seeing these, we’ve just put together our FIRST on pager AND we’ve gon horizontal, http://www.welovechief.com thanks again guys.

  • Thank you so much. Just the right place for me to look for cool horizontal website sample. Thanks

  • Horizontal websites work great but offer lend themselves to more creativity type business. When i usually come across them it takes a few seconds to register that it’s horizontal. I think that down to standard page websites. Question is do it effect useability?

  • I’m so glad to have found your web page. My pal mentioned it to me before, yet never got around to checking it out until now. I must express, I’m floored. I really enjoyed reading through your posts and will absolutely be back to get more.

  • Thanks for the cool list. Maybe some others not listed here but it’s already cool enough.

  • Thanks for the cool horizontal website list.

  • Great list.
    Very creative.

  • this list is very nice, thx for sharing it !

  • I have really enjoyed reading your blog posts. Any way I’ll be subscribing to your feed and I hope you post again soon.

  • tom

    I’ve always enjoyed Rogerwaters.com. Be sure to click the arrow for the auto scroll effect.

  • These are some cool designs! Great inspiration here. Thanks.

  • There are some attention-grabbing time limits on this article but I don’t know if I see all of them heart to heart. There may be some validity but I will take hold opinion till I look into it further. Good article , thanks and we want extra! Added to FeedBurner as well

  • How long have you been in this field? You seem to know a lot more than I do I’d love to know your sources. Cheers!