15 Inspirational Horizontal Web Portfolios

Gabrielle Gosha

The web design world is always changing, not only in terms of design aesthetics and techniques, but also in terms of best practices. Trying to think of new innovative ways to get yourself noticed can be difficult, especially when it comes to captivating the visitors who happen upon your online portfolio. Pushing boundaries in web design can actually be a plus for you, and what better way to push boundaries than to break some conventions and drastically change up the layout of your site.

I’m not just talking about element placement; I’m talking about the fundamental structure of your designs and the way they are experienced. Consider taking a vacation from vertical navigational scrolling and opening your mind to the idea of horizontal web design orientation. Though a questionable trend to some, horizontal scrolling websites are popping up every now and again, especially for artists wishing to showcase their work online. This trend is not limited to those in the design and photography world, but it appears to be a great choice for either creative field.

The seemingly unconventional layout design attributed to horizontal web orientation is not only a breath of fresh air, it’s also a game changer. The horizontal design allows you to become even more creative thanks to the unorthodox freedom that it provides.

Today, I want to showcase some truly beautiful and innovative horizontal web portfolios that use everything from simple scrolling bars to flash animation. Hopefully by the end, you will find yourself inspired to think of a creative concept for your own horizontal based scrolling portfolio.

PDCdesigns22

Stephane Tartelin

FancyRhino

James Joyce

Pretty Production

Jonathanyuen

IndoFolio

Weshootbottles

SwearWords

Philip Arvidson

Lucia Soto

Marlous de Roode

Neu-e

Vanity Claire

Ryan Todd

Do you have any horizontal design work to share? Do you consider horizontal scrolling to be against best practices, or is it an opportunity to distinguish your work and showcase your creativity?

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.

  • Pat

    In today’s world of HTML5, Javascript and CSS3 animations I was surprised and disappointed to find some of the designs were Flash sites. Most of us cannot deploy in Flash for the new world of Web on many devices Most of what Flash did for us in the last decade can be done in another way to work on more devices.

  • Zico

    Meh. I miss “Site Under Construction” – the good old days.

  • dj

    Really don’t understand why you would call scrolling horizontally a “breath of fresh air.” There’s a reason that pretty much all major web design opinion leaders call doing everything you can to prevent the visitor from needing to use the horizontal scroll a “best practice.”

    Besides the fact that many of the links you listed seemed to have a landing page that didn’t work for me (latest firefox) I found the horizontal scrolling required quite annoying – especially when you consider how easily it is done vertically.

    Of course I’m using a mouse and keyboard – not a touchpad – but this seems to me to be a highly compartmentalized technique useful in only rare circumstances – and probably then only if your demographics show you don’t have (or don’t care about) desktop visitors.

  • https://www.facebook.com/merchantcashadvanceusa merchant cash advance for small business

    Thank you for sharing your info. I truly appreciate
    your efforts and I will be waiting for your further post thank you once again.

    • http://digifaceproject.wordpress.com Gabrielle

      You’re welcome