Ces derniers temps j’ai comme l’impression que la ligne éditoriale de ce blog tourne essentiellement autour du débat Flash vs. HTML5. Comme j’ai déjà eu de nombreuses occasions de m’exprimer sur ce sujet, je vous propose ce soir un billet plus “traditionnel” sur un beau site en Flash : WaterLife. Il s’agit du site de promotion du documentaire éponyme qui propose un univers incroyablement immersif et une expérience tout à fait… aquatique !
La page d’accueil de WaterLife
Plusieurs éléments participent à cette expérience :
- Une ambiance sonore parfaitement en phase avec le thème du site / film (des musiques très douces et des bruitages issus du milieu aquatique) ;
- Une interface toujours en mouvement (comme la surface de l’eau) avec de belles transitions, un menu en forme de vague et tout un tas d’animations très discrètes à l’écran qui viennent donner vie à l’écran ;
- Une belle mise en scène avec des effets 3D synchronisés avec l’emplacement de la souris (bougez votre souris et vous changer la perspective des textes).
Le site en lui-même se décompose en une centaine de tableaux qui sont autant de témoignages / éclairages sur un aspect particulier de la gestion (préservation) de l’eau. Ces tableaux peuvent prendre la forme de textes récités par dessus une vidéo de fond de page :
Exemple de témoignage du site
Il y a aussi des tableaux plus informatifs qu’illustratifs avec un traitement graphique scolaire :
Autre exemple de témoignage
Bref, c’est un très beau site comme il est possible d’en faire en Flash… ou en Silverlight… ou en HTML5 ! Peut importe la technologie employée du moment que le message est correctement mis en scène. Après ça, tout est une question de coût de production et de compatibilité et sur ces deux points, Flash dispose encore et toujours d’une sacrée longueur d’avance sur HTML5 (qui part ailleurs peut se révéler plus performant que Flash dans d’autres domaines, mais pas dans ce cas de figure).
(via Top 10 Best Flash Websites of 2010)