15 horizontal sites and the case for making them

Default avatar.
September 04, 2013
15 horizontal sites and the case for making them.

[“

\"horizontalthumb\"The excitement of scrolling has really evolved since we could use colored scrollbars in Internet Explorer years ago.<\/p>\r\n

Today, we are finding new ways to reinvent the process of scrolling with gestures, parallax scrolling features and more. We’re creating excitement and telling stories. We’re creating great user experiences and making content functional. Problem is, most of these sites use vertical scrolling.<\/p>\r\n

And how can you blame them? It’s normal. It’s what’s expected. And it’s often the easiest thing to implement.<\/p>\r\n

But where’s the love for horizontal scrolling sites? Not many people create them, mainly because of the difficulties in development and the idea that horizontal websites are less functional. The argument against horizontal scrolling is along the lines of: \“Why reinvent the wheel?\” But, should we be giving horizontal scrolling a chance?<\/p>\r\n

<\/p>\r\n

When and why?<\/h1>\r\n

Horizontal scrolling should be given a chance for two main reasons: (1) The infatuation we currently have with responsive design and (2) Horizontal sites have a place and purpose, much like scrolling sites do.<\/p>\r\n

To quickly go over the reason why it works responsively, let’s think about how we use our phones and tables when pull up a site on them. Most times, we end up flipping the phone so that it shows our content in landscape orientation. Meaning we flip our phones to see the most in width that we can. Why not utilize this by creating sites that can be viewed and navigated this way? Think about how we look at videos online and how we develop and design sites along the width anyway. Why are we shunning horizontal scrolling?<\/p>\r\n

Now, for my second point, I can show you much better than I can tell you. So, let’s jump right in and see how these next few sites do a great job of using horizontal scrolling to be functional and interesting.<\/p>\r\n

<\/p>\r\n

Reverse Buro\u00a0<\/h1>\r\n

This portfolio site uses a combo of both vertical and horizontal scrolling to show off their work. It’s becoming more and more popular to feature pieces of work on their own screens with no distractions because it just makes sense. This navigational method is not only intuitive but creates a wonderful feel of innovation for this designer.<\/p>\r\n

\"Reverse<\/a><\/p>\r\n

<\/p>\r\n

Gavin Castleton<\/h1>\r\n

Nowadays, it’s imperative that musical artists find a way to make themselves standout. In such an inundated industry, artists have to create the complete package that’s going to get them attention, from the music to the web design. Gavin has created a wonderful website that’s interesting and perfect for housing all his information.<\/p>\r\n

Kendra Gaines

Kendra Gaines is a freelance designer from Virginia, USA. Connect with her.

Read Next

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…

20 Best New Websites, April 2023

In April’s edition, there’s a whole heap of large-scale, and even full-screen, video. Drone footage is back with a veng…