35 Awesome and Beautiful Examples of Horizontal scrolling websites

March 27, 2011 · 4 comments

by Dustin Betonio

35 Awesome and Beautiful Examples of Horizontal scrolling websites

Horizontal scrolling web sites were once considered bad practice, but I believe most will agree that for some purposes e.g. for showcasing a portfolio it can be a quite useful and attention generating approach. While researching for this is post I found that in most cases the horizontal scrolling have been put to use in an intelligent way and user friendly way. Still keep in mind that horizontal scrolling is certainly not good idea in every situation, but when done properly they can really make a website standout.

Common practice today is that web sites use the vertical direction to give place for content that does not fit into the screen, i.e but allowing readers to scroll down. This is how it has always been and we are so used to this approach that it will be difficult to change. It is interesting though to consider the navigation design in iPhone and iPads where a lot of navigation actually goes in the horizontal direction. It works really well and users love it. However in most apps reading text and web pages still require vertical scrolling. To give you an idea of how horizontally scrolling web pages work I have collected 35 excellent examples of websites making use of horizontal scrolling for main navigation.


ElegantThemes
ThemeForest

Advertisement

1. We Shoot Bottles

we shoot bottles

2. WaipDesign

WaipDesign

3. Alex Frueas

Alex Frueas

4. Deborah parentes

Deborah parentes

5. ScerBossaro

ScerBosarro

6. Abacq

Abacq

7. Love Bento

love bento

8. Gavin Casteletom

gavin

9. Publicidade Viva

publicalde

10. Master File

Masterfile

11. Dustin Curtis

dustin curtis

12. Exit 10 Advertising

exit 10

13. Front End Design Conference

Front end

14. Graphic Therapy

graphic therapy

15. Lomotek Polymers

lomotek

16. Ctrl+N

ctrl  N

17. The Horizontal Way

5-horizontal-website

20. Here Design

here design

21. Ladio

ladio

22. Carrot Creative

carrot creative

23. Magpie Studio

magpie studios

24. Make Pretend

make pretend

25. Jason Love

7-jasonlove-horizontal-website

26. Art in Design

10-artindesign-horizontal-website

27. Section Seven

8-horizontal-website

28. Graphic Evidence

graphic evidence

29. Suie Paparude

17-suiepaparude-horizontal-website

30. Vanty Claire

vanity claire

31. Sursly

sursly

32. Visuall

visuall

33. Faub

faub

34. Sockho

sockho

35. Cafe Digital

Cafe Digital

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 3 comments… read them below or add one }

Dezine Weblog April 10, 2011 at 1:40 pm

Normally it is not advised to make horizontal websites because users are familiar with scrolling websites from up to down. But it is good to change the style and give something new to your site visitors :)

Reply

Ted Thompson March 29, 2011 at 1:54 am

Very nice collection. The Horizontal Way is my favourite!

Reply

Hannah Hurst March 28, 2011 at 12:10 pm

Wow! This is an awesome collection. I love vertical scrolling websites, I think the unique style of navigation really stands out from from standard websites. I produced a vertical scrolling website for my online portfolio at University and it caught some attention too.

Thanks for sharing.

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 1 trackback }

Previous post:

Next post:


Web Analytics