Fredzone
  • News
    • High-Tech
      • Accessoires
      • APN / Camescopes
      • Drones
      • Imprimantes 3D
      • Intelligence Artificielle
      • Ordinateurs
      • Périphériques
      • Réseau / ADSL
      • RV / RA
      • Science
      • Transport
      • TV / Hifi
    • Jeux-Vidéo
      • Consoles
      • Jeux
      • Jeux en ligne
      • MMORPG
    • Logiciels
      • Windows
      • Mac OS
      • Linux
      • Autres
    • Loisirs
      • Animes
      • Cinéma
      • Humour
      • Inclassables
      • Livres & BD
      • Musique
      • Photographie
      • Séries
    • Mobilité
      • Baladeurs
      • GPS
      • Liseuses
      • Objets Connectés
      • Opérateurs / MVNO
      • OS / Applications / Jeux
      • Smartphones
      • Tablettes Tactiles
    • Web
      • Blogosphère
      • Business
      • Design
      • Hacking
      • Piratage
      • Réseaux Sociaux
      • Services
  • Tests
    • Accessoires & Périphériques
    • APN
    • Consoles
    • Objets Connectés
    • Ordinateurs & Machines Hybrides
    • Smartphones
    • Tablettes Tactiles
  • Tutoriels
  • Bons Plans
Menu
  • News
    • High-Tech
      • Accessoires
      • APN / Camescopes
      • Drones
      • Imprimantes 3D
      • Intelligence Artificielle
      • Ordinateurs
      • Périphériques
      • Réseau / ADSL
      • RV / RA
      • Science
      • Transport
      • TV / Hifi
    • Jeux-Vidéo
      • Consoles
      • Jeux
      • Jeux en ligne
      • MMORPG
    • Logiciels
      • Windows
      • Mac OS
      • Linux
      • Autres
    • Loisirs
      • Animes
      • Cinéma
      • Humour
      • Inclassables
      • Livres & BD
      • Musique
      • Photographie
      • Séries
    • Mobilité
      • Baladeurs
      • GPS
      • Liseuses
      • Objets Connectés
      • Opérateurs / MVNO
      • OS / Applications / Jeux
      • Smartphones
      • Tablettes Tactiles
    • Web
      • Blogosphère
      • Business
      • Design
      • Hacking
      • Piratage
      • Réseaux Sociaux
      • Services
  • Tests
    • Accessoires & Périphériques
    • APN
    • Consoles
    • Objets Connectés
    • Ordinateurs & Machines Hybrides
    • Smartphones
    • Tablettes Tactiles
  • Tutoriels
  • Bons Plans
 12 sites horizontaux complètement hallucinants…
Design Web

12 sites horizontaux complètement hallucinants…

by Frédéric Pereira 13 mai 2009

S’il y a bien un point commun que l’on retrouve dans la plupart des sites, c’est bien le système de navigation à la verticale. C’est comme ça, nous avons pris l’habitude de lire de gauche à droite, certes, mais aussi et surtout de haut en bas. Et pourtant… Pourtant, avec un peu d’imagination, il est possible de faire des miracles, comme ces 12 sites qui ont décidé de bâtir un système de navigation à l’horizontal.

BBH

BBH

A la fois sobre et minimaliste, le site de BBH ne manque pas de chien. Seule ombre au tableau, l’absence de boutons pour gérer le défilement, la navigation au sein du site s’effectuant seulement avec la molette de la souris. Par contre, un gros coup de coeur pour le mouton situé en bas de la page. Si vous l’observez attentivement, vous remarquerez qu’il suit des yeux le curseur de la souris.

Dean Oakley

Dean Oakley

Le portfolio de Dean Oakley est une charmante surprise. Il nous permet de constater que la navigation à l’horizontale s’accorde particulièrement bien avec les portfolios. Par contre, je n’ai pas accroché aux boutons situés en dessous de chacune de ses créations. Utiles, ils permettent de changer rapidemment de page, certes, mais je trouve qu’il aurait pu se contenter de deux boutons seulement. Là, au bout d’un moment, ça pique un peu les yeux.

Faub

Faub

Chapeau bas pour cette œuvre graphique tout-à-fait originale. Point très positif, la navigation s’effectue uniquement par Drag&Drop. Du coup, la navigation est à la fois très simple et très intuitive. Le seul truc un peu dommage, c’est que l’ensemble du site est une image. Pour le référencement, cela ne doit pas être génial. Même chose pour l’accessibilité.

Ladio

Ladio

Autant vous prévenir tout de suite, sur cette sélection, Ladio est mon préféré. L’ambiance graphique est juste hallucinante. La scène animée fourmille d’effets que l’on peut faire apparaître avec le curseur de la souris. Résultat des courses, on se surprend à explorer chaque coin histoire de voir si l’on n’a rien loupé. J’ai rarement autant pris mon pied en surfant sur le web.

LoveBento

LoveBento

La encore, on peut dire que le plus grand soin a été apporté à l’interface de ce site et à la manière dont sont présentées les informations. La typographie est très chouette, les images plutôt jolies et l’ensemble s’avère assez clair. Du bon travail, en somme.

The Horizontal Way

The Horizontal Way

Je ne me souviens plus dans quel billet, mais j’ai déjà parlé de The Horizontal Way. Et le fait est qu’il le mérite vraiment, aussi j’ai décidé de le rajouter à cette sélection. Désolé, donc, pour ceux qui l’avaient déjà vu sur la Fredzone.

Stéphane Tartelin

Stéphane Tartelin

Là encore, un gros coup de coeur pour le portfolio de Stéphane Tartelin. Malgré l’absence de boutons de navigation, on peut dire que l’interface de ce site est saisissante. Minimaliste, légère, presque aérée, elle parvient à se faire oublier au profit des créations qui se retrouvent du coup sur le devant de la scène. On peut dire qu’il s’agit donc là du portfolio par excellence.

Mutanz

Mutanz

Une ambiance graphique déjantée, totalement unique et un site qui vous invite à voyage dans l’imagination de son concepteur. Chaque fenêtre débouche sur un nouvel univers, toujours plus coloré et ambigu que le précédent. A ne pas en douter, Mutanz fait partie de ces sites qu’on aime, ou pas.

GraphicTherapy

Graphic Therapy

GraphicTherapy fait partie de ces sites qui me rappellent invariablement tous les PSD inachevés qui trainent dans un coin de mon disque dur. Le fait est qu’il est très proche d’un thème sur lequel j’avais commencé à bosser l’année dernière. A noter que le système de navigation, basé sur du bon vieux Drag&Drop, est particulièrement réussi.

Inside Nile

Inside Nile

Là encore, le plus grand soin a été apporté à l’interface de Inside Nile. Se présentant comme un portfolio très visuel, le système de navigation met en avant les différents travaux de l’auteur. Peu de texte, également, l’interface est surtout construite sur un systèmes d’icônes. A noter le système de défilement automatique en fonction du positionnement du curseur de la souris qui est vraiment très bien réalisé.

CSS Zen Garden

CSS Zen Garden

Si l’interface est nettement moins bien réussie que celle de ses concurrents, on remarque tout-de-suite sur CSS Zen Garden met essentiellement l’accent sur le contenu. La présentation sous forme de colonnes est bien pensée, même si un bogue est à déplorer sur la seconde. Ce site est loin d’être mon préféré.

Bien entendu, cette liste est très loin d’être exhaustive (il existe des centaines de sites du genre) mais on remarque tout-de-même que la navigation à l’horizontale s’adapte essentiellement aux portfolios. Certaines de ces créations sont plus réussies que d’autres mais dans l’ensemble, ces designs restent assez surprenants. Si vous connaissez d’autres sites du genre, n’hésitez pas à le mentionner dans les commentaires à la suite de ce billet.

Tags: Design fun insolite web 2.0
Avatar

Frédéric Pereira

Floodeur compulsif, Frédéric Pereira est très actif sur Twitter ou encore sur Facebook.

0 0 votes
Évaluation de l'article
S’abonner
Connexion
Notification pour
guest

guest

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

50 Commentaires
Le plus ancien
Le plus récent Le plus populaire
Commentaires en ligne
Afficher tous les commentaires
Lionel - Websourcing.fr
Lionel - Websourcing.fr
13 années il y a

J’ai souvent voulu passer mon blog en horizontal pour profiter des écrans 16/10 ou 16/9 eme. Mais j’avoues que cela me pose encore quelques pb comme les commentaires… ou les placer? J’aurais surement trouvé mais bon ….

En tout cas c’est très classe.

0
Répondre
nekomata
nekomata
13 années il y a

Tu peux mettre tes commentaires dans une iframe que l’internaute déroule verticalement. Le tout étant de l’afficher de manière élégante.

J’oubliais : merci pour ce billet, Fred !! :)

0
Répondre
if is Dead
if is Dead
13 années il y a

tiens, dommage j’ai refait le design d’if is Dead avant hier… J’avais pas pensé à essayer de le faire en horizontal.

Merde :/

0
Répondre
Morgan
Morgan
13 années il y a

Le flash c’est mal… Sinon de bien belles réalisations :)
Ça donne des idées…

0
Répondre
freeed
freeed
13 années il y a

il y a aussi celui ci

le blog de la marque Urban Outfitter.
et les nouveaux post sont présentés de gauche à droite, avec l’info du pays où se “déroule” l’info..

Disponible ici : http://blog.urbanoutfitters…

0
Répondre
if is Dead
if is Dead
13 années il y a

@Fred: Après m’avoir publiquement traité de cheveulu, voilà que tu m’accuse d’alcoolisme :shock:

(nan en fait, c’est un “Amareto Lodge”, un mélange de café, de chocolat et d’Amareto, et c’est vraiment bon :mrgreen: )

0
Répondre
if is Dead
if is Dead
13 années il y a

@Fred: fais gaffe si tu continues je vais te demander un commentaire complet sur l’ébauche du prochain design comme dédomagement :mrgreen:

0
Répondre
Fred
Fred
13 années il y a

@if is Dead: Un commentaire ou un billet ? :)

0
Répondre
if is Dead
if is Dead
13 années il y a

@Fred: Ah ouais tiens, j’avais pas pensé à exiger un billet complet :mrgreen:

Non non, je parlais d’un avis en privé :smile:

0
Répondre
Fred
Fred
13 années il y a

@if is Dead: Tu sais où me trouver, hein ;)

0
Répondre
wpdiscuz   wpDiscuz

Bons Plans

  • Jackery

    Bons Plans

    Jusqu’à 20 % de réduction sur les produits Jackery pour préparer votre camping ...

  • Générateur électronique BLUETTI

    Bons Plans

    Jusqu’à 1339€ à économiser sur les générateurs BLUETTI !

  • CR-Laser Falcon2 22W

    Bons Plans

    Profitez de 10% de réduction sur le CR-Laser Falcon 2 22W, un ...

  • Godeal24

    Bons Plans

    Godeal24 offre jusqu’à 62% de réduction sur des clés Windows 10/11 et ...

  • Xiaomi 12T

    Bons Plans

    Près de 60 euros à gagner sur les smartphones Xiaomi 12T PRO ...

  • Récent

  • Populaire

  • Commentaires

  • Crédits : 123rf

    Top 20 des meilleurs jeux PlayStation 4

    Faik G.
    26
    0
  • scanner_diapositives_guide_achat_meilleurs

    Top 30 des meilleurs scanners de diapositives en 2023

    Damien
    59
    0
  • Counter Strike

    Counter-Strike : Global Offensive 2 arrive cet été !

    Geordano DOKPO
    52
    0
  • Captain-tsubasa-saison-2

    Captain Tsubasa dévoile la date de sortie de la saison ...

    Nasser S.
    88
    0
  • EA supprimera 3 jeux Battlefield en Avril 2023

    Micka Hanitrarivo
    101
    0
  • Toutes les explications sur la fin de Lost

    Frédéric Pereira
    11550
    1 031
  • PSN : retour progressif du PlayStation Network

    Frédéric Pereira
    11945
    852
  • Cracker Nintendo DS

    Comment cracker sa Nintendo DS…

    Frédéric Pereira
    15229
    776
  • Invitations Spotify

    250 invitations pour Spotify…

    Frédéric Pereira
    13429
    652
  • Comment cracker la Wii (4.2, 4.3 avec et sans jeux)

    Cracker la Wii : 4.2, 4.3 avec et sans jeux

    Frédéric Pereira
    19852
    582
  • Habib ADECHOKAN
    Habib ADECHOKAN
    on mars 24, 2023
    All of Us Are Dead, saison 2 : Date de ...
    Merci à toi aussi ! 😉
  • Avatar
    Luc
    on mars 24, 2023
    8 conseils pour réaliser des photos professionnelles en 2023
    Bonjour, Depuis quelques jours, il y a par moment des petits bugs d'affichages sur votre site, le 28 mars prochain, WordPress ...
  • Avatar
    Mick69
    on mars 24, 2023
    Samsung dévoile la liste des appareils Galaxy qui recevront One ...
    Le s10 lite mais pas le s10 plus? Bizarre ca
  • Avatar
    Nathan
    on mars 23, 2023
    Samsung dévoile la liste des appareils Galaxy qui recevront One ...
    Tu sais lire ou pas
  • Avatar
    tomparis
    on mars 23, 2023
    Silent Hill 2 remake : le studio s’exprime sur l’avancée ...
    J'espère qu'ils vont se "contenter" de magnifier techniquement ce chef d’œuvre sans le dénaturer pour faire plus ceci ou moins ...
  • Annonceurs
  • Devenez rédacteur
  • Politique de confidentialité
  • Mentions Légales
  • Préférences cookies
  • Contact
© Copyright FZN 2023. Tout droit réservé.
wpDiscuz