If you’re planning on creating a website for an event, organisation, business, or product, then you should definitely consider using a one page layout with horizontal scrolling.
To demonstrate how this layout and navigation method can be used for lots of different types of sites, I’ve chosen some of my favourite websites featuring this design style. I’ve also found some great one page website templates with horizontal scrolling which you can use to build this type of site for your business or organisation.
The Nomad Hotel’s website demonstrates how effective horizontal scrolling can be when used on sites for businesses in the lodging industry. Combined with fullscreen background images of the hotel and vertical navigation, horizontal scrolling makes this a modern and memorable site.
Muziekpark, a music festival in the Netherlands, uses horizontal scrolling, colourful backgrounds, a fun illustration, vertical navigation, and cool jQuery effects to create a playful and informative website. If you need to create a site for a festival, concert, or performance, then you should consider incorporating some of these elements into your design.
Horizontal scrolling is commonly used by web design/development agencies for their own websites, and Pixelmess’s site is an example of when it works particularly well. The combination of retro fonts/illustrations and horizontal scrolling makes this site feel like an old school video game, which is a style that could work well for a range of different industries, not just web design and development.
The site for Bingham Arbitrage Rebate Services proves horizontal scrolling isn’t just for colourful websites or creative industries. Horizontal scrolling adds some interest to this site’s monochrome colour scheme and minimalist design, demonstrating how well this navigation style can work for practically any type of website.
The Paxton, a London pub, uses horizontal scrolling, fullscreen backgrounds, and transparency to showcase their food, drinks, events, and decor, resulting in a simple yet modern website. The Paxton shows horizontal scrolling is a great choice for one page sites for pubs, bars, and nightclubs.
Ivan Pavolic & Associates, a design, construction, and project management firm, demonstrates how well horizontal scrolling can work for more traditional business websites. The site’s simple design puts the focus on the company’s portfolio, and the use of horizontal scrolling helps to underscore its sleek and contemporary look.
Horizontal scrolling plays an important role in the website for Atanai Plus, a wholesale supplier of mobile phones and accessories. As you navigate through the site, a cell phone flips across the pages, demonstrating creative ways technology related-businesses can use horizontal scrolling to showcase their products.
The website for The Better Chip, a US based snack company, uses horizontal scrolling in a slightly different way: the top half of the site moves as you navigate through the site, while the bottom section is static, keeping images of their product range in view at all times. This site shows how horizontal scrolling can be a great choice for food manufacturers that want to showcase their items in a fun and interesting way.
Switch Organic Wine, a small batch winemaker in Australia, uses horizontal scrolling on their site to share information about their products, images of their wines, social media links, and a contact page. Horizontal scrolling helps make a website with a relatively small amount of information fresh and engaging, once again demonstrating the versatility of this navigation/layout style.
The Europe Korea Business Plan Competition website also features horizontal scrolling, resulting in an innovative design that highlights the event’s mission. Horizontal scrolling is a great way to make a site for an event, such as a competition or convention, contemporary and unique.
MP Volantinaggio, a flyer distribution company based in Italy, uses horizontal scrolling to make it appear as though one of their vehicles is driving through a city, depicting their service in a fun and dynamic way. This use of horizontal scrolling can be particularly effective for any industry where vehicles or any other forms of transportation play an important role.
The website for Wellington Combined Taxis, a taxi firm based in New Zealand, also uses horizontal scrolling to reinforce what their business is all about. With this site, a taxi drives on a road that continues across all pages, resulting in an entertaining design visitors are unlikely to forget.
Charleston, an award-winning restaurant in Baltimore, Maryland, uses horizontal scrolling on their website to showcase their owners, food, wine, events, and accolades. Horizontal scrolling can be a great choice for a range of different types of restaurant websites, but it works particularly well with Charleston’s simple yet elegant design.
This one page website template features horizontal scrolling, 9 colour schemes to choose from, a built-in contact form, 5 background patterns, and a minimalist design, making it a great option for a range of different industries.
This template offers multiple scrolling styles, Flickr and Twitter feed integration, a jQuery lightbox plugin, an image slider, an Ajax contact form, and lots of other cool features.
This one page website template is designed for creative freelancers, and it includes horizontal scrolling, a dark colour scheme, a portfolio page, a working contact form, and cross-browser compatibility.
This single page site template features horizontal scrolling, a built-in contact form, multiple image sliders and galleries for you to choose from, 15 backgrounds, light and dark skins, Twitter integration, and much more, making it a flexible option for various types of websites.
This one page HTML5 website template comes with horizontal scrolling, a sortable gallery, cool jQuery effects, a contact form, cross-browser compatibility, and more.
This single page site template includes horizontal scrolling, a fullscreen background, Google fonts, an image gallery with zoom and captions, CSS3 transitions, and more.
This vCard website is great for sharing your skills, experience, and contact details, and it offers horizontal scrolling, 15 backgrounds, 3 styles, 10 colour options, prettyPhoto, a built-in contact form with validation, and more.
This one page HTML5/CSS3 WordPress theme features horizontal scrolling, a parallax effect with adjustable speed, 2 built-in widgets, 3 page templates, 2 custom post types, a contact page with Google Maps integration, Google Web Fonts, and much more.
This single page site template comes with horizontal scrolling, a working contact form with live validation, Fancy Box lightbox, light and dark colour schemes, Twitter integration, Cufon front replacement, cross-browser compatibility, and lots of other great features.
This one page website template offers horizontal scrolling, a fullscreen background, a jQuery lightbox and slider, a built-in Ajax contact form, Cufon fonts, and more.
If you need to build an ecommerce website to sell computers, tablets, TVs, phones, and cameras, then you have to check out these Prestashop themes. All of these Prestashop...
Superb fast support and exceptional service, thank you! In particular Tim and Andy go the extra mile, thanks guys. Patient polite and professional :-) I had decided to try out another hosting company, which lasted about 24 hours before I realised that I was not going to get the same level of service from them that Evohosting provides. Without a glitch I was back with Evohosting... and putting it all down to experience! Highly recommended.