35+ Horizontal Websites for Your Design Inspiration

Websites that use horizontal scrolling in addition to, or instead of, vertical scrolling are becoming more popular. While this trend isn’t a good idea in every situation, the sites showcased here may give you some ideas or inspiration for using this approach in one of your own projects.

You may also be interested in:

Suie Paparude

Suie Paparude

Sonido

Sonido

Eric Ryan Anderson

Eric Ryan Anderson

Hasrimy.com

Hasrimy.com

Peter Pearson

Peter Pearson

Dean Oakley

Dean Oakley

Visuall

Visuall

Tyler Thompson Blog

Tyler Thompson Blog

The Horizontal Way

The Horizontal Way

Jason Love

Jason Love

Luke Larsen

Luke Larsen

LoveBento

LoveBento

Richard McCoy

Richard McCoy

Nile Inside

Nile Inside

Snohetta

Snohetta

Miguel Perez

Miguel Perez

Alex Flueras Photography

Alex Flueras Photography

C’N’C Costume National Blog

C'N'C Costume National Blog

Publicidade Viva

Publicidade Viva

The Box Doodle Project

The Box Doodle Project

Jan Sochor Photography

Jan Sochor Photography

WallSwaps

WallSwaps

Candace Holloway

Candace Holloway

Sursly

Sursly

Exit 10

Exit 10

Lucuma

Lucuma

Nana

Nana

Synthetic Infatuation

Synthetic Infatuation

F Claire Baxter

F Claire Baxter

180 Degrees

180 Degrees

Eolo Perfido Photography

Eolo Perfido Photography

Paolo Boccardi Photography

Paolo Boccardi Photography

Graphic Therapy

Graphic Therapy

Blue Vertigo

Blue Vertigo

Work at Play

Work at Play

Faub.org

Faub.org

Gavin Castleton

Gavin Castleton

Swear Words

Swear Words

Resources/Tutorials:

Useful Tips to Design Horizontal Website Layout – Woork

How to Create a Horizontally Scrolling Site – CSS Tricks

What’s Your Opinion of Horizontal Websites?

Do you like of dislike websites with horizontal scrolling? Personally, I don’t really like horizontal scrolling as a visitor, but I do like the fact that many of these sites show some creativity in layout.

For more design inspiration, please see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

65 Responses

Comments are now closed on this post.

  • Portland Web Design, June 23, 2009

    Some of these designs are really nice. However, I think it creates some usability issues having a horizontal layout. Most users are not accustomed to scrolling sideways and also it makes the document much more difficult to scan.

    From a design/development standpoint as well, you would have to set height on every container forcing you to make sure that each bit of text fit adequately in its container.

    Lastly When Resizing the text, you also create a vertical scroll, so users who prefer larger text then the designer decided that they should have will have to scroll both vertical and horizontally. tisk tisk.

  • Mike M., June 23, 2009

    Lots of inspiring designs :-)

    I fancy the Paolo Boccardi Photography site, as my wife does photography. :-)

  • Originalspirit Design, June 23, 2009

    thanks for featuring the site I designed (Candice Holloway) – there are a great collection of inspiring designs. I think horizontal sites work well if they are used to showcase products/designs/photography but if it’s a text driven site then this is probably not the route to go.

  • Vandelay Design, June 23, 2009

    Portland,
    I agree on the usability issue. That’s why I’m not that big on the horizontal style.

    Originalspirit,
    That’s a good point that I didn’t mention. It is much easier to scroll through photos horizontally than it would be to deal with text.

  • Daniel, June 23, 2009

    Loads more horizontal layouts here:

    http://siteinspire.net/showcase/category/style/horizontal_layout

  • Nigel Heap, June 23, 2009

    you missed one
    http://www.modularpeople.com

    Its pretty cool.
    They are a record label.

  • Joax, June 23, 2009

    it’s a pitty most of them can’t be scrolled with the mousewheel..what about our usability standards :( :P

  • Joax, June 23, 2009

    i must say though.. there are some awesome sites on this page.. don’t mean to be all grumpy ^_^

  • Vandelay Design, June 23, 2009

    Joax,
    You’re not being grumpy, usability is a real concern.

  • rif, June 23, 2009

    Wonderful information
    Distinct group of sites, thank you very much!

  • Adam bird, June 23, 2009

    Hi, what a great list – one of my favourite horizontal sites is http://www.sensehub.org.uk. Useabillity is always an issue but each site on it’s own merits, what is it’s purpose, target audience etc

  • I have to agree with most of the posts about the usability issue. I have seen lots of photographers websites where it seems to work well. Can’t see most people getting used to the idea of scrolling sideways rather than up/down.

  • Peter Pearson, June 24, 2009

    Thanks for the Feature!

  • jhoysi, June 24, 2009

    @Portland,

    Those are valid, definitely, but in some markets and with some audiences the impact a design like this has will outweigh the usability that has been given up. It’s definitely not a style that should sweep the web, but does have a place somewhere.

    As with all rule-breaking designs, you need to be careful and intentional in your execution. Make sure the benefits are really worth breaking the rules in the first place.

  • The Book of Blog, June 24, 2009

    This is a great list for inspirations, but I have to agree with Portland Web Design on the usability issues. We’ve tried a few horizontal designs, and they never make it past initial markup because of text resize issues.

    It’s still great to see these designs get profiled.

  • vanityclaire, June 24, 2009

    Great collection & thanks for featuring my site – looks like I’m in good company here :) Always flattered.

  • Vandelay Design, June 24, 2009

    jhoysi,
    Well said.

  • create own website, June 28, 2009

    what a great list, really awoseme

  • Simon Carr, July 8, 2009

    I agree with the others who cite usability issues with horizontal websites… However, I think this technique can be pulled off (and done well, looking at these examples). The fact that these sites are different than 99% of the other sites out there makes them stand out. Having a memorable site is quite a feat…

  • Rick, July 17, 2009

    wow….thats a great collection of nicely designed websites. thaks for sharing
    -rick

  • ntiremeadia, July 20, 2009

    waoo great designs

  • jackson, July 20, 2009

    Me and my wife photographers, thanks to you this wonderful collection:)of nicely designed websites.

  • zay, July 22, 2009

    these are all really great. definitely agree on the text issues. i’d like to create a scrolling sideways photo blog dedicated to my recent work.

    anyone know of template sites, or designers that can help me??

    thank you

  • Carina, July 24, 2009

    Absolutely beautiful collection. One of the best I came across during the last month!

  • kyle, August 13, 2009

    I chose a horizontal site for my portfolio site: http://www.funktiondesign.ca as it was a chance to try something different and push my design boundaries, something I wouldn’t be able to do on a clients site. It is always good to see experimentation and UN-normal work being done as it opens up discussion and promotes change. thanks!

  • Free Xbox Live, August 15, 2009

    Wow these are all unique and show that horizontal scrolling is not dead!

  • kimmars, August 25, 2009

    I really flike horizontal websites, I think they are very well suited to artist portfolios and
    CV s.
    I redesigned mine horizontal;
    http;//www.imarscreative.com
    and an other one : a resume for a pipeline inspector
    htttp://julianbridle.free.fr
    have a look

  • Robbert, August 25, 2009

    Hey great examples thanks! Personally I think these kind of sites only fit to artistic sites, design agencies,etc. As a user I don’t expect this so for design or art related sites that a pro. I would not recommend this technique for more conventional businesses. However. there are some really nice examples here!

    • Vandelay Website Design, August 26, 2009

      Robbert,
      I tend to agree with you. It can work for sites that have room to take a risk or be a little bit more unconventional.

  • domain appraisal, September 13, 2009

    I personally prefer horizontal design because it can give the idea of the website to its visitors at a glance at first sight.

    From my long experience in domain appraisal and website design business, i have discovered that most of the visitors do not like to scroll website unless they find the first look informative or useful to them.

    its a cool resource of horizontal designs. useful to me and might be for others.

  • zakir naik, October 1, 2009

    really cool designs.

  • A.F, October 20, 2009

    Horizontal scrolling is a great option for displaying portfolio & photos.
    We have chosen this kind of display for out photo galleries at http://www.soteropoli.com and visitors tend to like better.

  • Tampa accident attorney, November 6, 2009

    I like Wall Swaps. The bulletin board look different but still organized.

  • Web Design Bali, November 26, 2009

    Wow.. But how about the accessibility aspect ?
    all of us just like to scroll down the web page with mouse scroll isn’t it?

  • seo, December 23, 2009

    I’m really very useful to follow a long time see this as a blog here Thank you for your valuable information.

  • Alex Flueras, January 15, 2010

    Thanks so much for featuring my site.

  • Guga, February 6, 2010

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

  • pixellaar, February 22, 2010

    wanna see one more… http://www.pixellaar.nl
    dutch graphic designer

  • Mina, April 22, 2010

    Another great example of this can be seen at http://www.rockmetommyboy.com.ar

  • Wall Sensation Stickers, April 27, 2010

    These are the first I’ve seen of horizontal sites. Far from the norm, but very creative from another perspective. The mouse scroller works fine too. Maybe these will catch on?

  • Wows, June 7, 2010

    Hi,

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

    Regards,
    Wouter
    Wows.nl

  • Imran, August 9, 2010

    Dope collection, some really inspirational stuff. I love horizontal layouts, they definitely work great for portfolios and personal sites, I used a horizontal layout for my own portfolio :http://www.psynai.com

  • steven riley, August 11, 2010

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

  • tuz, November 28, 2010

    Wow these are all unique and show that horizontal scrolling is not dead!

  • kopecky, February 20, 2011

    Indeed horizontal scrolling sites are far from being dead. They just offer ways to designers that are impossible to realize in “traditionnal” site design. Breaking the rhthm of simple horizontal scrolling by adding flash effects (without overcharging the site) helps captivating the visitor’s attention.

    Imagine a museum. You walk around from room to room holding a guidebook of some sorts in your hands. Well I designed this site pretty much following that philosophy: http://kopecky.online.fr/

    The menu serves as “guidebook” moving the visitor to the specific “room”. Like in a building the graphic design is continuous. One horizontal page. Just like walking from one room to the next. Each room has one cebtral “attraction”.

    The alternance between text and picture “pages” makes things quite easy. The rainbow coloured belt divides the different sections the same way than it unifies the site. The fact that – just like in an exhibition – comments and texts are always linked to the pictures, creates common sense between the different sections or “pages” (“rooms”). This way, even if the screen resolution is rather high and several sections are displayed the same time, the layout keeps its full sense.

Close