Nouveau site web pour une édition limité du café Nespresson Tanzaru. Un voyage à travers un monde de saveurs surprenante, où l’internaute est invité à composer sa propre harmonie d’images et de sons…

Un site sur fond de jungle dé-saturée, avec un effet de 3D réagissant par rapport à la position de votre souris. Tanzaru vous promène dans cette jungle en Tanzanie et Perou, où toute la vie du café y est illustrée et animée.

Fait sauter les impalas  ! Au passage de la souris, un son en accord avec la musique de fond se fait entendre.

Pour conclure, un site avec une expérience sympathique, même si l’utilisateur pourrai être d’autant plus impliqué dans le déroulement de l’histoire. Il n’en reste pas moins une belle réalisation signée Soleil Noir.

Voir le site Nespresso Tanzaru

BMW a axé sa dernière campagne pour sa nouvelle Série 5, autour de la sculpture cinétique du musée BMW à Munich. Bien entendu nous pouvions nous attendre a ce qu’elle soit associée à un site Flash de toute beauté… À découvrir dans la suite de l’article.

BMW Cinetique est un site Flash constituée d’un scène 3D centrale. L’idée est de permettre aux utilisateurs de jouer à l’artiste en leur permettant de créer leur propre sculpture.

L’interface est minimale, simple et fonctionnelle :

Le panneau de création permet un bonne liberté pour imaginer toutes sortes de sculptures. Il est également possible d’enregistrer son œuvre et de la partager en ligne, via Facebook ou Twitter.

La galerie de créatiosn montre un lot impressionnant de réalisations parfois vraiment bien poussées. Le tout est servi et entouré par une légère ambiance sonore.

Site : BMW Cinetique.

PS : Un article attend depuis un moment…Mais patience d’ici la semaine prochaine, Webdesigner Trends devrait retrouver son rythme de publication habituel !

Découverte d’un concept intéressant en prévision du festival Nuits Sonores qui aura lieu en mai prochain à Lyon. Un site Flash pour une scénographie participative…À vous de dessiner !

Nuits sonores est un festival entièrement consacré aux musiques et aux cultures électroniques numériques et indépendantes. Light Invaders, un site Flash au design très électro et minimaliste à été mis en place pour permettre aux internautes de participer à la scénographie. Tout cela en créant et dessinant de multiples séquences de lumières animées ou fixes qui seront retranscrite lors des trois soirées dans une des salles du festival. Une belle initiative, par le collectif Superscript2.

Après plusieurs mois d’attente et de suspense, découvrez enfin la nouvelle version de The Favourite Website Awards !

Cela fait plusieurs jours que The Fwa met la pression en postant des messages sur Twitter, annonçant la mise à jour imminente du site. C’est chose faite depuis 12h (GMT) aujourd’hui. Le nouveau site est là ! Attention le changement est radical…Je trouve la  nouvelle version plus conventionnelle, mais moins originale que la précédente version. Rappelez-vous, l’ancienne version du site ressemblait à ça :

C’est-à-dire un site full Flash, très sobre et très pratique d’utilisation. La nouvelle version est également sobre et propre. Le large menu déroulant permet de bien ce retrouver, dans les différents site du réseau FWA. (FWA Photo, The Fwa Hall of Fame…).

Le site laisse une large place à son « Site of the day », qui occupe tout l’espace disponible sur la page d’accueil.

Les sites des jours précédents ce retrouvent à présent dans le grand pied de page.

Une réalisation de l’agence belge group94.

Alors le nouveau The Fwa ? Bien ou pas ? Quel est votre avis ?

Le studio international Saizen Media vient tout juste de refondre son portfolio. Je vous invite tout de suite à découvrir l’univers fascinant de cette agence à succès.

L’agence à totalement revu sa copie par rapport à l’ancienne version, qui était un véritable chef d’œuvre graphique,  reconnaissable au premier coup d’oeil. Le nouveau site est quant à lui est très clair et très sobre,  l’accent est mis sur les différentes réalisations avant tout.  Il est vraiment bien réalisé, pas étonnant me direz-vous pour une agence de cette envergure, mais je regrette un petit peu l’ancienne version qui donnait une véritable identité au studio. Je vous invite à regarder le site et admirer les créations de Saizen Media :

Ce nouveau site vous en dites quoi finalement ?

Comme promis, voici un article avec une sélection de superbes sites Flash 3D. Il y a du nouveau et du plus ancien mais dans tout les cas, ces sites sont à connaître. Allez c’est parti pour une bonne dose d’inspiration !

Dans l’article précédent, » Sites Flash et 3D. Où en sommes nous ? 1/2 » je faisais un petit point sur les possibilités existantes pour faire dans la 3D sous Flash. Pour venir à des exemples vraiment complet, je vous laisse découvrir cette sélection de 15 sites. Pour le plaisir des yeux et de la souris…À admirer en plein écran pour plus de plaisir.

Tinman

Quand je suis tombé sur ce site il y a 2 ans déjà, j’étais littéralement sur le c.. ! Infinite OZ est une réalisation tout simplement superbe.

Summerfestival

Coloré et fun. Un petit vol dans les airs, ça vous tente ?

Optus Whale Song

Après les airs, un petit tour sous la mer, avec une belle scène sous marine en 3D.

EcoDaZoo

L’interaction avec le décor principal est réellement très fluide. Un vrai plaisir, qui change d’une scrollbar interminable habituelle.

The Morph

Testez la navigation avec webcam, sur le site de The Morph.

Foxtel, I am uniQue

Une application web pour créer des portraits originaux en 3D.

The Egg Republic

Le site web de l’agence The Egg Republic.

NewworkCity

J’apprécie vraiment le style de ce site coloré et très nature.

Eight Interactive

Un concept, une utilisation vraiment légère de la 3D, mais c’est là dessus que repose tout le site.

X-Prime

Le site de l’agence basée à Toulouse, avec son menu 3D.

Chasseurs de dragons

Site à connaître également, avec sa navigation « simple » Dragons Hunters offre vraiment une expérience sensationnelle.

CityExpression

Réaliser par l’agence russe, Creative People, City Expression donne une autre vision de la 3D.

On Toyota’s Mind

Un île flottante en 3D, hum un vrai délice !

The Oleg, portfolio

Embarquez dans le monde de The Oleg.

Verbatim Japan

La marque de supports de stockage vous propose de créer vos propres « mediamonsters ». Tête de carte SD, pattes en clés USB, attention ils arrivent ! L’animation des monstres est fluide et bien réalisée.

La technologie Flash permet de créer des sites web riches en interactivité qui laissent rarement indifférents lorsqu’il sont bien réalisés. Mais il faut l’avouer, l’expérience utilisateur sur ce type de sites peut-être considérablement décuplée en utilisant de la 3D.

Flash est un moyen pour amener la 3ème dimension directement dans votre navigateur web. Avec l’apparition de l’outil  de rotation 3D sur Adobe Flash dans sa version CS4, le logiciel prend en charge l‘axe Z. Cette nouvelle dimension de travail offre de nouveaux horizons aux designers Flash. Mais c’est les développeurs Flash qui révolutionnent vraiment le concept. De plus en plus de sites utilisent des moteurs 3D sous Flash pour créer un concept unique, innovant et souvent visuellement renversant.

Des classes 3D sous Flash :

Les deux plus connues sont probablement Papervision 3D et Away 3D. Ces deux bibliothèques open-source et gratuites permettent de créer un moteur 3D sous Flash en ce basant sur le langage Actionscript 3. Elles offrent aux développeurs une grande liberté de création pour réaliser des effets vraiment détonants. Les classes Papervision 3D et Away 3D sont à installer comme n’importe qu’elle classe en Actionscript 3. Pour pouvoir les utiliser  mieux vaut posséder une bonne base de connaissances du langage. L’avantage de l’utilisation de  ces classes pour un projet est qu’elles ne nécessite pas d’installer de plug-ins supplémentaire pour afficher les éléments 3D. Les animations fonctionnent nativement sous le plug-in Adobe Flash Player. Pour illustrer tout cela quoi de mieux que du visuel ? Je vous propose de découvrir quelques sites utilisant ces deux moteurs 3D.

Des exemples :

Le site officiel de Papervision :

Bien qu’il ne soit pas tout jeune, le fond marin de Papervision offre un bon aperçu de quoi il est capable…

Portfolio de Jim Burrows :

Une utilisation simple de Papervision mais qui rend tout de même bien ! Un portfolio minimaliste et sympa.

Portfolio de Njoore :

Papervision toujours, avec des effets plus poussés sur ce site.

Occasions Freedent :

Le moteur Away 3D est utilisé sur ce site. Allez-y et secouez la box !

Adidas Campaign Outdoor :

Away 3D, avec un effet de parallaxe.

Il existe de nombreux autres moteurs ou applications pour faire de la 3D sous Flash, comme par exemple Sandy 3D,  ou Alternativa3d (gratuit pour un usage non-commercial).

Et des ressources (en Anglais et Français) :

• Apprendre l’animation 3D sous Flash, avec les conseils d’Adobe Developer Connection .
• Un tutoriel de base en français : travail avec des objets 3D (Video2Brain)
• Un bon tutoriel pour apprendre les notions de base pour travailler avec Papervision chez GotoAndLearn.
• La sélection officielle des meilleurs sites utilisant Papervision.
• Créer un jeu de mémoire avec Away 3D, chez ActiveTuts.

À vous d’y aller maintenant ! J’espère vous avoir donné envie de tester les classes 3D sous Flash pour explorer de nouvelles pistes créatives. Les possibilitées qu’offre le logiciel en matière de 3D ne sont pas récente et vont bien au delà de ces quelques exemples. Avec l’augmentation des applications marketing de la réalité augmentée et de la 3D avec lunettes, les sites web à venir promettent d’être exceptionnels. Il en existe pourtant déjà tant à connaitre absolument. C’est pour cette raison que je réserve mon prochain article à une sélection de sites Flash 3D !

La célèbre boisson alcoolisée allemande s’offre un nouveau site web remarquable. Découvrez le monde si particulier de Jägermeister.

Accessible uniquement aux personnes de plus de 18 ans pour des raisons légales que l’on connais,  le site web se focalise sur la bouteille en la mettant au centre de l’écran. Le menu en bas de page sort au passage de la souris.

Il transporte l’internaute de pages en pages avec de superbes transitions vidéo. Un véritable univers de Jägermeister (qui veut dire, je le rappelle, maître chasseur en allemand ) à été créé. Toute l’interface est basée sur un effet de « paralaxe« , qui donne vraiment une bonne profondeur au site.

De bonnes recettes pour se faire des petits cocktails, le tout en musique maestro ! Avec entre autre des groupes comme Green Day, Coldplay…

Assez parlé, révisez votre allemand et visitez le site jaegermeister.de (site à consommer sans modération…)

Connaissez-vous le Web Flash Festival ? Il prend place au cœur du centre Pompidou à Paris depuis 2002 . Sa vocation est de promouvoir la création web avec le logiciel Adobe Flash.

Étalé sur trois jours, le festival s’intéresse aux nouveaux médias et plus spécifiquement à la création artistique et multimédia, quelles qu’en soient la forme et les technologies. L’édition 2010 se déroulera du 28 au 30 mai. Pour vous faire un aperçu de ce que le Web Flash Festival attend, voici le site « Montréal en 12 lieux«   lauréat en 2008 dans la catégorie « Art/Graphisme » et récompensé aussi par The Fwa :

Un autre exemple, le lauréat de la catégorie « Présentation« , le site de la tour de la terreur de Disneyland Ressort Paris :

Pourquoi ne pas tenter votre chance ? Les soumissions à la compétition du Web flash festival sont ouvertes leur site Internet,  depuis le 05 janvier 2010. Allez-y !

Comment faire pour trouver la musique idéale pour vos projets vidéos ? Testez Find Your Tracks ! Concept intéressant certes mais intéressons nous au webdesign de ce site Flash incroyablement fluide !

Réalisé par la prestigieuse agence française « Soleil Noir« , le site full Flash au design minimaliste, s’articule autour d’une navigation très simple. Le tout est enrobé d’une bonne dose d‘interactivité et tout est mis en œuvre pour que l’utilisateur arrive le plus rapidement possible au contenu désiré.

La première page est composée d’un cercle central, avec quatre flèches disposées tout autour. Il permet à l’utilisateur de choisir sa chanson suivant sa cible, l’ambiance désirée, ou le style :

Chaque catégorie à sa propre couleur :

Le sélecteur de chanson en accordéon est bien réussi :

Voir le site Find Your Tracks