Zero fractal studio a sorti un composant pour avoir un explorateur de dossiers en flash utilisant papervision. À quand des CMS en 3D ?


Voir la démo : http://tree3d.zerofractal.com/Live_Example.html

Le principe du produit à designer soit-même n'est pas nouveau. On le retrouve sur beaucoup de site marketing et j'imagine que c'est la plus value "web 2.0" puisque participatif, vendu aux clients pour vanter l'idée dans l'ère du temps.
Loin de moi l'idée de dénigrer cela puisque je trouve la mission plutôt intéressante à mettre en forme et en intéraction. J'ai relevé deux sites qui m'ont marqués et qui relèvent brillamment ce défi.


Red Bull : Faîte votre propre avion


Kalles : dessiner votre tube de Caviar

BLU est un artiste de rue que je ne connaissais pas (merci Vincent).
Son style est bien personnel et reconnaissable. Constitué de personnages uniformisés et neutres (pas de traits distinctifs de visage, pas de cheveux,... ), son univers se décline sur un personnage qui se déplace et mute à l'infini par des transformations organiques. Ces illustrations sont peintes sur de très grandes surfaces et BLU joue beaucoup sur les rapports de taille et d'échelle.
Une partie de son travail s'inscrit également dans la performance puisque BLU diffuse sur le oueb des vidéos - illustrations animées image par image - témoignant d'une action temporelle et éphémère sur des murs.



site de BLU
blog de BLU

Un autre jeu de Yishio Ishii de Nekogames.
Vous êtes un curseur dans une tour et vous avez pour mission de grimper jusqu'au 16e étage. L'originalité du jeu réside dans la rémanence des vies précédentes. Il faut en effet utiliser les actions des ses vies pour pouvoir atteindre les étages supérieurs.



Jouer à Cursor*10

Hoshi Saga est un jeu de réflexion de Yoshio Ishii de Nekogames.
A travers une série de 36 interfaces en flash, l'internaute doit trouver l'étoile dissimulé dans le décor. Chaque mini jeu est une énigme et on prend un réel plaisir à découvrir à chaque fois l'originalité des animations.
En nous plongeant dans un univers poétique tout en tons gris aériens, le jeu est une mine d'exemples d'intéractions entre la souris et l'interface. Ishii nous fait ici une belle démonstration d'idées et de trouvailles qu'il serait bon de retrouver dans le paysage des site web animés.






jouer à Hoshi Saga I
jouer à Hoshi Saga II

En savoir plus sur Yoshio Ishii sur le site de jeu Jay is Games

Découvert après une réunion chez Nomoon, l'agence Wefail de Jordan Stone et Martin Hughes.
Leur production se déclinent nettement selon les deux mêmes schémas.
Pour certains sites, une longue animation présentée comme une vidéo et son lecteur, met en scène des personnages bitmap découpés et animés. La navigation se fait sur la barre de lecture, à des instants clefs qui nous dirigent vers un contenu éditoriale ou intéractif (galerie d'images, ...). Pour d'autre, tout se joue sur une navigation en profondeur.

Quelques exemples :

www.wefail.com



www.bobschneidermusic.com



www.facingnewyork.com



www.dixiechicks.com



www.eminem.com



www.mailorderchickens.org



www.bbdo.com


Rien à voir avec wefail, mais deux autres sites avec navigation en profondeur :


www.designklicks.com



www.leoburnett.com

Merci Charles et Nomoon pour ces adresses.

En me promenant sur le oueb, j'ai remarqué qu'il suffisait de très peu de chose pour rendre un portfolio plus intéractif.
Dans les deux exemples suivants, lorsque le focus est sur l'image, le déplacement de la souris translate l'image. On a une impression d'exploration alors qu'en fait l'image dépasse juste du cadre.


www.prw.fr



www.minus.dk

Dans minus.dk, j'aime beaucoup l'idée du zoom pleine page.

Pour changer des habituels sites catalogues style SSII tout en colonne (berk !), Leroy Merlin s'est payé un site en flash intégrant 3D et vidéos en incrustation. En gros ce qui se fait le plus en ce moment.


site : http://www. toutrenover.com

Un site pour le lait bien amusant. On doit aider une famille décalcifiée à s'emparer d'un verre de lait.

Comme dans un jeu de l'oie, on doit lancer un dé pour faire avancer la petite camionnette de la famille Adachi, poursuivie par la police. Le tout est ponctué d'epreuves intéractives (devinettes, courses, jeu d'agilité, etc.) très ludiques.

À jouer absolument !!!


site : http://www.gettheglass.com

Pour sortir des portfolios classiques - listes de puces ou vignettes, grande image à droite - voici quelques captures vidéos de sites glânées sur internet, qui ont retenu mon attention par leur originalités et leur créativité :

www.claracollins.com
Deux icônes permettent de voir en accéléré les images (reward & forward). Mais plus encore, les photos vues à la suite sont comme un mini film en stop motion.

www.julianred.com
Pour un site de mode, la collection est présenté sous forme de vidéos. La partie originale, est le lecteur ; sorte de pavé qu'on peut manipuler à sa guise. On peut ainsi voir et revoir tel ou tel mouvement, telle ou telle scène, avancer ou reculer la lecture...

www.sectionseven.com
Présentation du portfolio avec des cartes étalées sur la largeur. Le site s'étend sur la droite du navigateur et l'internaute est invité à scroller horizontalement. Lorsque l'on veut ouvrir un boulot, les cartes se deploient et se décalent.

Pour le dernier film de Park Chan-wook "I'm a cyborg but that's ok" le très beau site de promotion. C'est fait avec de la vidéo, long à charger mais vaut le détour.



Un capture vidéo du site se trouve sur le blog d'Etienne Mineur

Une pub, malheureusement ; mais je ne savais pas qu'on pouvait faire un si beau montage avec des ombres et des jeux de mains.

Des animations trouvées sur youtube.

Gagnant d'un concours Adobe, une hymne au voyage.
Je l'avais vu en tout petit au format quicktime sur le site d'Adobe. Je suis content de l'avoir retrouvé en plus grand sur youtube.


Une pub


Je crois que c'est un clip

Quelques moteurs spéciaux :

Le résultat par l'image


www.pagebull.com


www. exalead.fr


Moteur de recherche d'images sur Flickr par la couleur


krazydad.com/colrpickr


Recherche d'images par esquisse de couleur


krazydad.com/colrpickr


Recherche d'images ds Flickr avec des liens croisés


www.airtightinteractive.com/projects/related_tag_browser/app


Recherche d'artistes de musique par affiliation (cliquer sur expand pour deployer)


audiomap.tuneglue.net


La même chose plus les films, les réalisateurs, acteurs...


http://liveplasma.come