Découvrez 55 sites avec une navigation et un concept original !

Comme pour notre rendez-vous des webdesigner ont du talent, nous avons décidé de faire un bilan sur les 11 premiers numéros de " Découvrez 5 sites avec une navigation et un concept original ! ". Nous espérons ainsi que cet article deviendra un outil d'inspiration pour tous les webdesigner. Bonne lecture.

Coocoocore

Nathan-baume

Designspasm

Taptapdesign

Wrangler

Clearideaz

Créé par Gorzalka Olivier, Son site est très original, nous avons aimé les couleurs, la mise en page et le header .

Mercenaire Graphique

Réalisé par Pichot Josué . Ce site a retenu notre attention par la mise en valeur des réalisations sur la totalité de l'écran, le fait d'avoir les projets défilant "tout seul" rend la visite agréable et le coup d'œil efficace !

Studio-69

Réalisé par Moinet Yoann et Damien Balada Le site nous a séduit par son côté épuré et très propre, la disposition des personnages met en avant la navigation. (Le concept décalé et inédit du projet (une comédie sur le milieu du porno) nous a aussi bien fait rire ^^.)

Incredibox

Produit par Allan Durand , Paul Malburet et Romain Decambry Le concept a été primé au FWA (Favourite Website Awards) ! Le site n'est pas une découverte mais il est à connaître absolument !

Fly-a-balloon

Énorme concept, la surprise de cette sélection ! Nous vous laissons découvrir ce site franchement inédit !

Patrick Roger

Découvrez le site de ce chocolatier de paris qui revête une navigation très intéressante. L'univers est tout de suite pris en main, avec une première façon de voir ces réalisations assez générales et pour ceux qui souhaitent "creuser", la possibilité de se plonger dans certaines photos plus pertinentes sur ses boutiques etc. L'expérience sonore réalisée par Musamachina contribue parfaitement à l'imersion dans ce monde rempli de chocolat.

Studio Output

Très bonne expérience sur la navigation de ce site, Le code couleurs et très homogène, à première vue rien ne ressort à par le menu et le logo puis l'oeil est attiré sur les projets par un roll-over qui fait toujours sont petit effet !

Camille

Orignal et du plus bel effet, vous pouvez visiter le site en cliquant sur des formes géométriques. Les articles et les mises en page changent à chaque "avancée" dans les profondeurs du site. Petit Bémol cela dit," l'accès direct" qui ne l'est pas.

Mr Doob

Retrouvez de nombreuses expériences très enrichissantes aux concepts originaux. Drôles pour certaines, impressionantes pour d'autres, une bien connue en ce moment est celle de la page d'accueil google qui "s'effondre" en HTML5 ( Google Gravity )

Addidas

Enorme ! La navigation est vraiment originale, les couleurs et les formes de ce site nous amènent de surprises en surprises !

2 Complex

Des interactions assez incroyables, l'utilisateur est tout de suite plongé dans l'univers de ce folio très soigné !

Flameit

Enflammez et détruisez les sites web ou les pages Facebook que vous voulez grâce à des attaques de dragons !

Inook

Des petits esquimaux qui sont tout foufous, la navigation du site est vraiment sympa !

Dont click

Bien sympa par le concept, arriverez-vous à ne pas cliquer !

Serialcut

Le portfolio d'un studio de création, la navigation est vraiment clean et sobre !

Free Stitch | Fit and shoot

Surement le site le plus original de cette sélection avec le thème qu'il propose qui est de beaux vêtements pour son adorable toutou ^^ . Mais il nous offre une jolie navigation sous une musique de fond qui présente bien l'univers. (Merci à Victoire pour ce lien)

Gaîté Lyrique

Découvrez le site de la Gaîté Lyrique qui est un nouveau lieu parisien dédié aux cultures numériques et musiques actuelles, une expérience qui éveille les sens par sa navigation et sa réalisation graphique. La vidéo d'intro nous plonge directement dans cet univers très original.

Grip Limited

Une façon intéressante d'utiliser les scrolls horizontaux et verticaux pour présenter un contenu aussi bien textuel qu'iconographique ou vidéo. Simple et efficace, peut être le futur des journaux en lignes comme le Monde ou le New York Times... ( vu sur le blog Hebiflux)

Andrea Slutz

Ce site est déjà bien connu pour sa navigation originale, mais on se doit tout de même de le présenter pour ceux qui ne connaissent pas. Désormais une vidéo d'intro “Because clicking is so 90s” explique le principe des différentes interactivités proposées entre la souris, la webcam ou le micro. Un site expérimental avant gardiste qui propose une vision sur les futures navigations du web.

Josephine

Et enfin une présentation d'un restaurant, avec un qui ne possède pas une navigation très interactive mais qui reste toutefois très original dans sa présentation, où chaque menu est un petit tableau animé avec un style graphique très bien réalisé.

Jiri Tverdek

Découvrez un portfolio qui fait preuve d'une présentation graphique simple et originale autant dans le webdesign que dans la navigation . Il suffit de descendre le long de l'arbre pour visualiser ses différents travaux. Dommage qu'au clic les projets ne s'ouvrent pas dans une LightBox.

CreativePeople

Voici un site qui à première vu semble réalisé en Flash par son système d'animations et de navigation et pourtant tout est conçu en HTML et CSS. C'est à l'aide de quelques scripts tirés de jQuery que cette agence basée à Moscou a pu réaliser ce beau Webdesign.

Odosketch

Nous avons sélectionné ce site non pas pour sa navigation, mais bien pour son concept original. Il propose une idée simple "réaliser un dessin en direct pour le partager avec tout le monde". Ce qui est intéressant c'est de pouvoir visionner depuis le départ toute la construction du dessin, pour tous ceux qui souhaitent montrer leur talent d'illustrateur c'est par ici ^^

Indofolio

Découvrez le folio de Gapal qui est un Webdesigner situé en Inde, il s'amuse à jouer avec les différents plans du décor pour créer une navigation fluide disposée en paysages. Une présentation simple de son univers qui permet d'être très efficace.

Legwork Studio

Et enfin pour terminer cette sélection, un studio Américain qui se trouve à Denver, où à la différence de Indofolio, sa navigation se fait en vertical. Ils utilisent un menu fixe qui permet de naviguer rapidement dans leur univers par des slides fluides.

Balsamstudio

Découvrez le portfolio de l'agence Balsamstudio située en Pologne, avec sa navigation basée sur une grille verticale qu'on utilise habituellement dans la structure des magazines print. Un parcours entre les projets se fait par des animations fluides et par l'utilisation de la souris qui permet de faire défiler le contenu.

Work Life Balance Centre

Une nouvelle fois, on peut voir l'utilisation d'une grille de construction qui vient structurer chaque éléments textuels et permet une navigation fluide parmi ces différents volets.

Organic Grid

Crée par Michael Mcdonald, il présente sur son site ces projets avec une disposition en grille horizontale qui s'ouvre pour laisser place à ses créations. On a également un design sonore au survol de la grille qui vient enrichir la navigation.

Julien Moya

Directeur artistique, graphiste et webdesigner freelance, Julien Moya nous propose un site désaxé où le contenu est disposé légèrement en oblique, ce qui donne une ligne de force intéressante au fil des pages. Il est également rédacteur du « Kit de survie du créatif » pour l'association Métiers Graphiques et a écrit dernièrement le livre Profession Gaphiste Independant aux éditions Eroylles avec Eric Delamarre.

Uniqlo

La marque Uniqlo qui nous a déjà offert quelques sites très réussis, propose cette fois une application en ligne qui permet de jouer avec le logo et une interactivité gestuelle. Ainsi on peut jouer avec des formes carrés (logo) pour créer une composition sur le fond.

Ralph Flores

Une exception parmi les sites qui utilisent un système de grille, pour vous montrer une découverte avec le portfolio de Ralph Flores. La structure de son site reste simple, mais on trouve une interactivité intéressante au niveau du fond qui bouge en fonction de la souris... et tout ça sans l'aide de Flash !

Kevin Hamon

(site provenant d'une soumission de lien)

Découvrez le portfolio de Kevin Hamon qui a utilisé les codes de la bande dessinée pour réaliser son introduction de site ! On trouve une jolie présentation de ce jeune designer de 21 ans qui nous plonge dans son univers.

Muzzle Agency

Une belle découverte faite par hasard, j'ai le plaisir de vous présenter le site vraiment décalé de l'agence Muzzle située sur Annecy ! Son univers graphique et sa réalisation sonore sur fond de bruitages à la main le rendent unique. Des sites comme on voudrait en voir plus souvent =) 

fsdsign.com

Voici le portfolio de Alan Balcazar qui fait preuve d'originalité par l'utilisation d'encres qui permettent de naviguer sur une longue page horizontale. Seule souci, il faut un grand écran pour aprécier au mieux l'affichage, sur un petit écran les éléments sont cachés.

Bobbie team - Finaliste du WIF 2010

Découvrez le projet gagnant du Wif 2010, intitulé "Best Friends Papers" réalisé par  Louis Rigaudet Anouck Boisrobert. Une belle réponse au sujet de cette année qui était  "Je pense à toi" , Dans un univers poétique où la communication se fait par le dessin sur une simple feuille de papier, où chacun peut s'exprimer en dessinant pour l'autre.

Passot Jean-Frederique

Je tenais à vous faire partager un très beau portfolio (vue sur le blog Hebiflux), Qui nous montre une organisation et une présentation originale de son contenu, notament la page "about" où l'on voit sont parcours.

Dream of electric sheep

Découvrez le site lollipop2 qui fait preuve d'une réalisation étonnante par son univers coloré et pop, par l'utilisation de maquettes en papier. Le site fut réalisé par l'agence D.O.E.S située en Corée du Sud à Séoul, vous trouverez leur showreel ci-dessous!

Face off true story

Un préchargement qui annonce bien la suite "prepre for impact" avec une animation d'attente originale. Vous trouverez aussi pour chaque rubrique une page de présentation qui utilise des compositions graphiques avec des montages dignes des plus grands surréalistes.

The digital invaders

The Digital Invaders est une nouvelle école spécialisée dans le web et la création digital, réalisée par l'agence GrupoW basée au Mexique. Découvrez ce site avec un univers très marqué dans l'illustration et les interactions avec les personnages.

Magicsocket

(merci à ephfx pour le lien)

Surement l'une des navigations les plus originale pour visionner une page web !  Magicsocket nous propose de le faire au volant d'une petite voiture semblable à nos jouets d'enfant, parcourez le ciruit pour découvrir le contenu du site !

Le petit oiseau va sortir

Découvrez le site de ce studio Parisien spécialisé dans la photographie, avec une navigation qui nous plonge directement dans leur locaux ! Le personnage du petit oiseau est là pour nous guider et nous amuser par ces interactions ! Le site fut réalisé par 555lab.

Guardian Gyford

Voici une navigation vraiment intéressante, la gestion du contenu est très pratique et originale par sa mise en forme qui permet de nous situer parmi les articles. Cette disposition et ce principe d'affichage est plutot novateur pour les sites spécialisés dans l'édition éditoriale.

Useketchup

La présentation du site UseKetchup fait preuve d'originalité pour nous expliquer son fonctionnement et ces principes d'utilisation. On est plongé dans une page unique où la navigation se fait par des slides pour passer d'une étape à l'autre. Une bonne idée pour remplacer les pages statiques et ennuyeuses, que l'on voit souvent.

Nordic webdesign

Découvrez le portfolio NordicWebdesign qui utilise une bonne astuce pour animer un site statique et ainsi créer l'effet spectacle. Il suffit simplement d'intégrer une petite animation flash au coeur du webdesign de son site, ici l'action se passe dans le footer. =)

Mikael  Geljic

(merci à Alexia pour le lien)

Simple, efficace et fonctionnel la stucture et la navigation du portfolio de Mikaël Geljïc (Webdesigner français de 23 ans ) marche parfaitement pour se présenter et faire découvrir son univers ! Je pense qu'un site comme celui-ci reste une bonne méthode pour démarcher ses premières agences web.

je ne suis pas webdesigner !

Nous avons gardé spécialement pour la fin, la crème de la crème, ce qui se fait de mieux en webdesign ! Le portfolio "jenesuispaswebdesigner.com" qui assume son originalité et son choix graphique spécialement réalisé sous Paint ! N'hésitez pas à jeter un oeil et à cliquer sur les oiseaux =).

lotie.com

Je suis resté scotché sur le portfolio de Lotie, un designer et illustrateur français. Il donne à ses créations et à son site une cohabitation entre un travail à la main, et les technologies numériques. La navigation est fluide et sensible, un réel coup de coeur pour cet artiste qui mérite le coup d'oeil. www.lotie.com

30ml.com

Le portfolio de Yu Yong directeur artistique à Shangai est très original dans sa réalisation, il utilise la pâte à modeler et le stop motion pour créer son interface. L'ensemble donne un univers coloré avec des animations très amusantes, dommage qu'elles ne soient pas plus nombreuses.  www.30ml.com

Biennale de la danse à Lyon

Le site de la biennale de la danse qui se déroule sur Lyon, ne propose pas une navigation révolutionnaire, mais un concept original avec le fond du site. Ils ont mis en place une vidéo qui prend la totalité du body et permet de laisser place à la découverte des spectacles, un bouton vous donne la possibilité de cacher le contenu du blog. www.biennaledeladanse.com

FreeCreditScoreBand.com

(via @03prod)

Un site avec une idée et une présentation originales, FreeCreditScoreBand.com propose de découvrir de nouveaux groupes de rock aux Etats-Unis et nous les dévoiles sur leur site ! L'intégration de la vidéo est bien rélalisée et la musique est plutôt pas mal =)  www.freecreditscoreband.com

The premise.com

Pour terminer, un site où vous devrez rentrer votre âge pour voir le contenu. Vous pourrez découvrir les différents cocktails de la Liqueur Drambuie, dans un site full flash qui possède un bon univers. La plupart des marques d'alcool donnent de gros budgets pour leur site souvent réalisé en flash. www.thepremise.com

Vous souhaîtez partager vos découvertes ?

Si vous naviguez souvent sur le web et que vous découvrez un site original qui vous a marqué, n'hésitez pas à nous proposer le lien pour le partager avec tous nos lecteurs. Vous serez cité en remerciement avec une redirection sur votre portfolio ou blog. (un peu de pub ne fait pas de mal à personne... ) Pour soumettre un site original c'est ici ! Et si vous voulez donner votre avis sur cet article, laissez-nous un commentaire.