Just Creative

I’m Jacob Cass, the founder of JUST™ Creative. I’m a multi-disciplinary graphic designer, working with clients all around the world. My specialty is logo & brand identity design. JUST™ Get in touch.

Love


16 Great Websites with Unique & Unusual Navigation

Posted on

This article has been contributed by Alex Bulat.

Navigation is an essential component of any website. Comfortable, user-friendly and straightforward to use, navigation creates necessary conditions for every visitor to find what he/she is looking for. In this round-up we’d like to show you number of websites with unique and unusual navigation methods.

Diesel

Unusual Navigation

On this website the navigation within each category is created in a very unique manner. When clicking each bucket, it zooms a bit, while the area around get blurry. What’s more when you are in the single product view, at the bottom of the page, there appears a reference line with links to other products in this category.

Kurka Wolna

Unusual Navigation

Kurka Wolna is a one page website which is quite huge actually. When the site loads you are explained how to navigate, so you need to use your mouse to drag-and-drop the page. Follow the chicken traces to get to part of the site you want to get to.

Vanity Claire

Unusual Navigation

Another great example of a single page website. The navigation bar is on the top of the site, just click the link and corresponding part of the site will open. The site utilizes parallax  and bunch of other cool features.

House

Unusual Navigation

House is really amazing website from the stand point of technological stuffing. Video background on the home page, parallax scrolling, and a single page design.

* * *

Jens Lehmann

Unusual Navigation

This is a website of an ex German goal-keeper. In his website Jens appears in five roles: coach, commentator, goal keeper, ambassador and speaker. Switch between the figures at the bottom to find more about life and activities of Jens. The Website utilizes an effect of slides; while you scroll these slides replace one another. In the left part of the page you can see the navigation bar showing you which slide are you at right now.

New Deal Design

Unusual Navigation

This websites unites information about progressive technical developments; things that will blow your mind. Parallax, full-width videos, animated logos – those are just tiny bits of what you’ll see here.

Studio None

Unusual Navigation

When you get to this page you are presented with a 3D cube that acts as navigation. The website then scrolls in a different direction depending on where you go.

Intacto

You can use the arrows to navigate but the screen will change size while things animate in and out of place. A great storytelling experience.

Zervice

To navigate around this site press GO and a car will drive you through the informational areas of the site.

NKI.TV

This website utilizes screen space and consists of a big scrolling user interface that you can move with the help of your cursor. When you want to watch a video just click one, use the scroll wheel to reveal more info about each video.

Akaru

The home page welcomes us with an animation looking like real origami. This website utilizes horizontal navigation (see portfolio) and you can use your smartphone as a joystick, just scan the QR code and have fun.

THE SOURCE

The first thing you see at this website is a video background, then there appears a horizontal menu with names of people. When clicking the name, the bar disappears and it goes to the video.

Soppo

Metro style was used as a basis in this design. Move the mouse around to see cool hover effects. When clicking each item from the ones featured on the home page there appears a chess looking board that featurs all other content.

Carbonstudio

The central element looks like a ball of water under 0 gravity. To navigate around the site just drag the small drop into the center.

Jacquico

This is a huge sheet that you can zoom in or zoom out similar to Google Maps. Or you can just drag it in any direction or use the keyboard.

Wolverine Unleashed

The website for the movie Wolverine Unleashed highlights the strengths and weaknesses. You can navigate by scrolling around and clicking on interactive points on his body (not all parts).

That’s it guys, if you seen some other great examples you can add them in the comments below..

Written by Alex Bulat. Psst, looking for a WordPress theme? Ask me where to get one, or just say hello on .

SUBSCRIBE: RSS, Email, Twitter, Facebook



Related Premium Imagery


17 JUST™ Creative Comments


Submit A Creative Comment

Your email address will not be published. Required fields are marked *
Please use your real name and do not use keywords. All comments are moderated by myself and I reserve the right to edit or not publish your comment. Thank you!

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

 


© Copyright JUST™ Creative 2007-2013. Designed by Jacob Cass. Powered by Wordpress using the Skeleton Framework. Fonts served by Typekit. Site hosted by (mt).

x