Immersion et effets visuels impressionnants chez MotorolaCity

Connaissez-vous MotorolaCity ? Il s’agit d’une ville imaginaire qui sert de showroom géant pour Motorola. C’est aussi un site grandiose qui plonge les visiteurs dans un univers immersif très impressionnant.Dès la page d’accueil on vous propose une vue aérienne de la MotorolaCity :

MotorolaCity_Home.jpg

En cliquant sur les petits (+) ou sur les items du bandeau de navigation en bas de page vous êtes alors redirigé vers une page de détails en passant par un mouvement de caméra du plus bel effêt.

Il y a ensuite une présentation rapide avec un voix off sous-titrée ainsi que d’autres zones chaudes de l’écran à découvrir au survol de la souris :

MotorolaCity_Details.jpg

L’angle de vue de la scène bouge légèrement avec le mouvement de la souris de façon a donner une impression de simili 3D. Ça fait un peu mal au cœur mais encore une fois l’effet et très réussi.

Conclusion : Toutes ces cinématiques sont longues à charger mais très spectaculaires. J’aime beaucoup, et vous ?

Interfaces riches à gogo pour l’U.S. Air Force

L’armée américaine a toujours été très imaginative pour valoriser son image (qui se souvient de Top Gun ?) et pour parvenir à faire rêver les potentielles recrues (ils ont notamment lancé un jeu officiel : America’s Army). Dernier exemple en date, le très bon site de l’U.S. Air Force Do Something Amazing.

Ce site propose ainsi une interface très immersive avec un nuage de vidéos (que vous pouvez filtrer avec le panneau de gauche) :

USarmy1.jpg

Un clic sur une vidéo ouvre un player vidéo (accompagné de ces related photos and videos et de son lien vers le site de recrutement) :

USarmy3.jpg

Il y a également ce simulateur de lancement de fusée (la matérialisation de la rivalité entre l’U.S. Air Force et la NASA ?) :

USarmy2.jpg

C’est beau, bien fait et ça fait rêver. Rien à redire, les américains sont les rois de la mise en scène.

Une version Desktop pour Pandora

Connaissez-vous Pandora ? Mais si enfin, il s’agit de ce célèbre service d’écoute musicale capable de modéliser vos goûts et de vous faire de propositions personnalisées. Un excellent service qu n’est malheureusement plus disponible en dehors du territoire US (ils filtrent par l’adresse IP). Il s’était notamment illustré par une interface très sobre qui avait assurer le succès de service (en plus de leur très bon algorithme).

Bref, tout cà pour dire qu’ils proposent maintenant une version déportée de leur service avec cette application : Pandora Desktop.

PandoraDesktop.jpg

L’interface est très semblable à ce qu’elle était en version web mais le fait de « sortir » le service du navigateur apporte un certain confort d’usage (plus besoin de laisser une fenêtre ouverte en permanence). Pour la petite histoire, cette version repose sur la technologie AIR d’Adobe.

De plus l’application propose également une visualisation astucieuse dans la barre de tâche :

A quand un équivalent pour Deezer ? (via Mashable)

Effet 3D par photomontage chez Canon

Savez-vous qui a gagné le People’s Voice Winner dans la catégorie « Rich Media Advertising » de la dernière édition des Webby Awards ? Il s’agit du mini-site « Welcome to the Playground » pour le Canon EOS. Il faut bien avouer que ce mini-site propose une expérience tout à fait originale avec différentes scènes à explorer dans un environnement en fausse 3D réalisé par photomontage :

CannonEos.jpg

C’est en bougeant la souris que l’angle de vue change et que l’on pet découvrir tout un tas de petits détails. Cet effet 3D n’est pas sans rappeler le Photosynth de Microsoft (ou le récent Panoramio de Google).

En tout cas l’impression d’immersion est tout à fait surprenante et surtout très addictive, on se surprend à explorer les moindres recoins de ce montage.

(via Papervision 3D blog)

Les commentaires sont fermés

Splendide réalisation en Flash 3D pour Eco Zoo

Il existe aujourd’hui quantité de sites utilisant des librairies 3D associées à Flash pour faire de la 3D en temps réel. Certaines de ces réalisations sont très artistiques (cf. De la 3D en temps réelle pour la Smart au Japon) mais le site que je vous propose de découvrir a un petit truc en plus qui le ait ressortir du lot. Eco Zoo est donc un projet de toute beauté réalisé par la filiale japonaise de McCann Erickson.

Ce site propose ainsi une représentation en 3D d’un arbre recyclé que l’on peut parcourir de haut en bas par glissé-déposé (il est également possible de tourner autour) :

EcoZoo1.jpg

Tout est magnifique dans cette réalisation : le style de dessin, l’effet de floutage sur l’arrière plan, la sonorisation…

En cliquant sur les bulles des petits insectes, on accède à un petit livre en pop-up que l’on également peut observer sous tous les angles :

EcoZoo2.jpg

Je ne peux qu’applaudir à deux mains ce superbe site très poétique et eco-friendly. La technologie au service du message. Heu… de quel message déjà ?

(via UX Mag)

De nouvelles expérimentations de représentation de l’actualité

J’ai comme l’impression que les médias « traditionnels » se donnent du mal pour fidéliser leur lectorat avec de nouveaux modes de représentation de l’information. Prenez par exemple l’exemple de MSNBC qui propose ainsi différentes expérimentations tout à fait intéressantes.

Il y a tout d’abord le très impressionnant Spectra Visual Newsreader :

Spectra.jpg

Il y a ensuite les jeux ludo-informatifs comme NewsBraker et NewsBlaster (via This is Lovely) :

NewsBlaster.jpg

Dans un autre domaine il y a aussi le module Whats’ Hot de CNET News :

CNetNews.jpg

Ce dernier étant lui-même librement inspiré du célèbre NewsMap :

NewsMap.jpg

Terminons ce petit tour d’horizon avec la TED Sphere, pas réellement liée à de l’information mais qui est tout aussi adaptée à une représentation innovante :

TEDSphere.jpg

Difficile à dire si les lecteurs sont plus intéressés par la représentation en elle-même que par les infos. Toujours est-il que ces différentes expérimentations sont réellement novatrice et nous amènent tout doucement vers le futur web 3D (enfin je pense).

Première grosse référence française pour Silverlight avec le mini-site de Laguna Coupé

Ça y est, la technologie Silverlight de Microsoft bénéficie enfin d’une première réalisation d’envergure avec le nouveau mini-site de Laguna Coupé (hé oui, ils sont comme ça chez Renault, ils ne mettent pas l’article) :

Laguna1.jpg

Bien évidement ce site est également compatible avec Flash mais c’est dans l’onglet « Entrez en immersion » que les choses sérieuses commencent (pour ceux qui ont installé le plug-in Silverlight) :

Laguna2.jpg

C’est en effet la technologie Deep Zoom qui permet de naviguer de façon très fluide au sein de cette mosaïque. Les plongées et contre-plongées se font de manière très fluide et l’impression de « plonger » est saisissante. Rappellons que cette technologie a déjà été utilisée de façon expérimentale sur le projet Hard Rock Memorabilia.

Pour celles et ceux que cela intéressent, le site est optimisé pour la version 2 de Silverlight, et plus précisément pour la beta 2 qui n’est pas encore tout à fait sortie : Silverlight 2 Beta 2 Releasing Soon!

Un grand bravo à l’équipe de TequilaRapido (Cocorico !) qui a réalisé ce mini-site et saluons également donc la prise de risque de Renault qui mise gros sur cette technologie toute récente (à l’échelle de l’internet). Vivement la suite !

Une nouvelle page d’accueil pour HP (et alors ?)

Aviez-vous remarqué la nouvelle page d’accueil de HP.com :

HP.jpg

Ne trouvez-vous pas qu’il y a comme un problème ?

Effectivement cette page est l’illustration parfaite de ce qu’il est possible de faire et de ce qu’il ne faut pas faire : un comportement non-standard et des effet perturbants.

Difficile en effêt d’apprécier cette page :

  • La mise en page est cassée (retour à la ligne sur la navigation) ;
  • Il y a un temps de latence d’1/2 seconde au survol de la souris ;
  • Il n’y a pas de retours visuels (« visual feedback« ) immédiat sur les zones cliquables ;
  • Les cinématiques de transition sont inutiles et perturbantes.

Bref, du travail bâclé qui me surprend de la part d’une marque qui a toujours soignée son image. Pour l’instant cette nouvelle page d’accueil n’est pas encore déployée sur la version française… Esperons qu’ils auront amélioré cette page avant le baculement !

Encore une belle moisson de sites pour les Webby Awards

La 12ème édition des Webby Awards vient d’annoncer sa liste de nominés : 12th Annual Webby Awards Nominees. Cette année les sites sélectionnés sont particulièrement novateurs, surtout au niveau des interfaces.

Dans la catégorie “Rich navigation systems” voici mes favoris :

Dans la catégorie “Animations” :

Dans la catégorie “Design” :

Il y a de nombreuses catégories que je vous engage à découvrir. Toujours est-il que les interfaces riches sont à l’honneur cette année, on se croirait au Flash Forward !

/!\ Article initialement publié sur FredCavazza.net.

Première pré-version du Flash Player 10

Adobe vient de mettre en ligne une version beta du Flash Player 10.

Une nouvelle version du plug-in Flash à installer d’urgence car la liste des nouveautés est plutôt longue :

  • Rendu plus riche des textes et typos exotiques ;
  • Quelques effets 3D et des filtres ;
  • Le Dynamic Streaming pour optimiser la bande passante ;
  • Un accès plus bas niveau au système de fichier.

Pour en savoir plus c’est ici : Flash Player 10 Beta Available. Et pour les premières démos c’est là : Feature Demos and Videos.

Rien de très nouveau dans tout ça (car conforme à ce qui avait été annoncé il y a quelques mois). Par contre cette histoire de file system est tout à fait intéressante, et certains y voient même des possibilités d’usages détournés : Flash P2P: Now That’s Disruptive. Faire du P2P avec Flash ? Quelle drôle d’idée (quoi que…).

Et comme une bonne nouvelle ne vient jamais seule, je vous propose également les nouveautés suivantes :

Enfin, une actualité riche pour les interfaces riches (hum-hum… désolé pour ce jeu de mot, ça doit être l’effêt du décalage horaire).

/!\ Article précédemment publié sur FredCavazza.net.

Les commentaires sont fermés