Nouvel épisode de l’agence du jour, avec l’agence Les Chinois qui annonce, 9 ans après sa première version, la mise en ligne de son nouveau site web.

Avec l’explosion des sites utilisant HTML5, CSS 3 et du Javascript de très haut niveau l’agence interactive parisienne s’offre un site web full Flash. Mélangeant le rich média, la 3D et une bonne dose de sound design, son ambition est d’offrir une « immersion totale« .

Voilà pourquoi l’agence a choisi Adobe Flash 11 et son nouveau Player sorti il y a seulement quelques jours.

Une fois passé la page de bienvenue vous entrez dans le monde des Chinois. À première vue le site semble très expérimental. Testez ! Utilisez votre souris pour naviguer dans un univers tout en 3D.

La navigation, structurée en bas de page, permet découvrir l’agence en quelques clics sur des pages épurées et propres.

N’oubliant pas les contraintes des supports mobiles, comme les smatphones et les tablettes, le site offre une alternative mobile en HTML5. Comme le décrit l’agence, « cette version nomade est plus épurée, focalisée sur l’information et l’expérience tactile. » Ci-dessous des captures sous Android :

Et vous que pensez-vous de Flash comme choix technologique ? Bonne ou mauvaise idée pour ce type de site ?

www.leschinois.com

Nouvelle série d’articles, l’agence du jour permet de mettre en lumière les sites d’agences web. Après une petite explication du principe, découvrez dans ce premier post, le créatif Mini Gorille.

Pourquoi choisir des sites d’agences et de créatifs du web ?

Par mettre en valeur leurs créations, et surtout se vendre online, les agences mettent souvent le packet dans leur site. Rien de tel pour suivre les dernières tendances du web avec des réalisations de qualité.

Quels sont les critères de choix ?

Pas de critères particuliers, je sélectionne simplement des sites originaux, mettant bien en valeur le travail de l’agence (ou du créatif indépendant !) Soit par un webdesign ou une ergonomie réussie, une navigation hors du commun, une réalisation technique époustouflante, ou bien simplement un coup de cœur ! Le tout bien sûr pour pouvoir assouvir votre soif d’inspiration et de nouveautés !

Premier site du jour : Mini Gorille

Mini Gorille n’est pas une agence web à proprement parler. Mais le site full Flash du créatif Lysandre Follet à retenu toute mon attention. Laissez vous embarquer dans son univers avec un site full screen, mélangeant à la fois photos et vidéos en fond.

Les créations du designer sont présentées sous forme d’une timeline horizontale (qui plus est répondant très bien au survol de la souris.)

Au clic, la création vient prendre tout l’écran de l’utilisateur, pour tout voir en détail.

Au final, une réalisation propre, claire, facile à prendre en main qui met en valeur le travail du créatif en toute simplicité.

www.minigorille.com

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…)