TOCANNE Manuel - Concepteur Réalisateur Multimédia - Etudiant Gobelins Annecy

Une sélection de sites Internet à "forte valeur ajoutée" (je suis content d'avoir réussit à placer ce terme sur mon blog).

Les enfants, aujourd'hui votre cours portera sur la création de liens entre les informations, la navigation circulaire, la mise en forme de l'information, et les restes du web en guise de bonus.

1. Relier l'information

R'Pure
Le site d'un collectif français de designers / graphistes réalisé par UZIK. Très bien réalisé, on prend plaisir à naviguer à travers leurs créations. Elles sont réparties par clients et par matières, avec un système de liens visuellement très interessant. Ajoutez à ça une petite dose de design sonore et un graphisme épuré pour que le site soit une réussite.

undefined
Agence web japonnaise, qui a notamment réalisé quelques sites Uniqlo.

Heliorosas
Agence américaine de design et de publicité. Une représentation unicolore, sobre et circulaire de leurs clients. Les différents niveaux de navigation (voir Brands) créent d'autres types de liaisons représentées dans l'espace, quasi spatiales.

2. Navigation circulaire

Diesel
Présentation des nouveautés Diesel sous la forme de vynils. La navigation à travers les produits se fait sur un demi cercle, c'est sûrement un peu lent mais original.

Shining Karma
Agence web de strasbourg, je suis tombé dessus par hasard et je trouve la navigation interessante. Elle se fait au clavier, au click ou à la molette, et sur plusieurs niveaux de demi cercles. Un petit temps de prise en main est nécessaire, mais on prend rapidement du plaisir à naviguer à travers les différentes catégories.

Zeebee
Agende de communication interactive anglaise. Une navigation circulaire originale, incitative et expérimentale, et liée à de la 3D assez finement, le site est une vraie réussite.

2. Mettre en forme l'information
 

DAFFY'S
Des titres accrocheurs, une navigation au survol sur la home, et des visuels ultra nets sur chaque page secondés par des zones de texte très lisibles, voilà le secret d'une bonne mise en forme de l'information les enfants.
 

Boondoggle
Agence de communication située en Belgique et à Amsterdam. Le site répond à un besoin de mise en forme d'un grand nombre d'informations de manière originale. Au final c'est très bien dosé grace à un jeu de typos, de mise en page de l'information, de lignes très fines et d'animations sans superflue. Le site est constamment en mouvement, et ils exploitent beaucoup de petites trouvailles ergonomiques interessantes à regarder.

RVLT
Simple mais tellement efficace. Ici les visuels priment, les transitions sont discrètes, et les textes peu nombreux et ultra-informatifs.

JAYRO
Encore cette idée de cadres, de titres accrocheurs et d'un unique visuel en fond. Un jeu typographique interessant et une utilisation totale de l'espace.

3. Bonus

Armin Morbach
Une parallax, du découpage, des top models mals détourés, la mode quoi.

Illbe Japan
D.A. Japonais. C'est beau.

Six Types
Une expérimentation typographique et narrative à travers la sélection d'un animal ou d'une fleur.

Emilie Simon
Une série de vidéos interactives et poétiques sur les musiques de son nouvel album The Big Machine.

Jim Carrey
Dingue.