Même les banquiers ont des histoires à raconter

On ne parle pas assez des efforts que font les institutions bancaires pour faire parler d’eux. Ils ont les moyens et le désir de bien faire, c’est pourquoi ils font appels à de prestigieuses agences pour développer des produits bien pensés et bien lêchés. De plus en plus de petites agences entrent de plus en plus souvent dans ce jeu, retenues pour leurs liberté d’esprit et leur réactivité. C’est le cas de Grouek, agence de webdesign qui a un book important au regard de sa taille modeste.

C’est en cherchant un système de présentation de témoignages que je suis tombé sur cette présentation réalisée par Grouek pour la SoGé : les “Banker’s stories”

Datant de la fin 2008, le site qui ne semble pas accessible directement par le site de la Société Générale (pourquoi ?) s’amuse avec les fonctionalités de fausse 3D de flash CS4. Une réalisation simple et inspirante.

… voir le site sur Grouek

Instantanés de Provence : bientôt les vacances !

Magnifique réalisation de l’agence Uzik au profit du Comité Départemental du Tourisme des Bouches du Rhône pour ce site dédié à la provence.
Les appels d’offres des institutions locales/régionales sont fréquents. Tous les ans, des budgets colossaux sont distribués par les collectivités pour refondre, refaire, ou inventer de nouveaux moyens de communiquer.
Pour avoir travaillé dans de nombreuses agences qui raflent ces budgets, je sais que le résultat est souvent plat et institutionnel, et souvent à l’image des responsables de la communication locaux. La, je ne sais pas comment on en est arrivé la, mais il semblerait qu’une conjonction astrologique extraordinaire ait oeuvré dans le bon sens. Car on est vraiment sous le charme de ce site atypique de présentation touristique.

D’un côté du site, vous avez une molette “pneumatique” (je ne sais pas comment décrire ce mode de navigation) qui vous fait naviguer sur un fond de carte élégant avec une trame de dessin industriel du meilleur effet et un nuancier de couleurs régionales (ocres/oranges).
La navigation est multimédia, au sens originel : une ambiance sonore contextuelle illustre chaque lieu, et il est possible de filtrer : photos ou vidéos, pour accéder aux photos de Thomas Duval, le photographe commandité pour l’opération.

D’un autre côté, un système de mosaïques et un filtre thématique régional ou “tribal” (épicurien, écolos, mer, seniors…), qui renvoient à des contenus vidéos ou photos. Un système de panier permet de centraliser vos médias favoris et d’y effectuer une recherche.

Le style général est la marque d’une direction artistique très tendance : finesse des pictogrammes, raffinement des effets de transition, trames de fonds lignées, texturées, intégration flash très fluide, pratiquement invisible, typos “bitmap” pour une lisibilité optimale, malgré le fond gris…

Pour les vidéos, même constat, l’effet de “minaturisation” que permet des flous de profondeurs de champs artificiels, associés au stop-motion est très réussi. On voit ce genre d’effets depuis peu sur de nombreux sites dédiés à la photo.

Une seule question, même si j’entrevois la réponse : pourquoi cette ouverture en popup pour chaque rubrique ? Cela casse un peu la navigation.
Ce site exceptionnel a été primé par un “site of the day” de FWA.

…voir le site

Le temps qui passe

Un tweet intriguant de bobsacha, RT par Interactive Narrative : “Last few days been having discuss re: whatz interactive? This is interactive : http://61226.com/share/“. Oui, l’idée est toute simple, visualiser heure par heure, très simplement, le temps qui passe. Cela m’a fait penser à cet autre projet italien, très bien réalisé aussi, sur le même concept : Their circular life.

…voir Hong Kong, heure par heure

…voir Their circular life

Comme à l’armée

Il y a quelques jours, l’Armée de Terre annonçait une campagne de recrutement de 15000 recrues par an pour les 3 années à venir. Pour fêter l’évènement, une campagne de pub et la refonte complète du site internet relaie l’événement. Coût du plan média : 8,7 millions d’euros. Agence retenue pour la réalisation de l’ensemble TBWA, excusez du peu. Il faut avouer, ils sont quand même très fort TBWA, ils raflent assez systématiquement tous les grands prix dans la pub, et pour le web, ils sont assez biens côtés (et très chers aussi…). Le résultat, c’est un site particulièrement bien réalisé, qui met en valeur l’achèvement personnel. 8 parcours ont été sélectionnés, qui montrent dans de jolis témoignages mélangeant animations et vidéos, la modernité de l’Armée de Terre. Très réussi, vraiment, avec une cartographie ultra moderne en flash, et des vidéos qui se laissent voir très facilement.
En ce sens, l’armée française suit l’exemple des autres armées européennes, particulièrement l’armée danoise et l’armée anglaise, avec le site “get the message”, qui n’est hélas plus en ligne et qui avait fait sensation il y a quelques années, jusqu’à obtenir le label “site of the day” de FWA.

Plein de petits détails soulignent l’excellence de la réalisation : la petite loupiote qui permet de masquer l’interface générale du site pour se concentrer sur le contenu des témoignages, la barre de progression qui se grossit imperceptiblement au survol, un graphisme parfaitement maitrisé, des effets de transition a l’avenant. De la belle oeuvre.

… voir le site

Mais où sont passées les neiges du Kilimandjaro ?

Une initiative originale, avec une tripotée d’artistes et de “celebs” américains, dont la très jolie Jessica Biel. Une petite grimpette de quelques jours sur un sommet africain. On a peu entendu parler de l’événement chez nous (il vient juste de s’achever). Sans doute une mauvaise communication. Le sujet est la fonte des neiges, et particulièrement celles du Mont Kilimandjaro, qui bientôt ne seront plus, au grand dam de tous ces touristes qui prennent l’avion par milliers pour venir les voir.

En tous cas, si le viral n’a pas fait son travail, les designers / developpeurs qui ont réalisé le site eux, ont bien bossés. Pour réaliser une interface très léchée (trop ?) avec une débauche d’effets 3D.

Des cubes en rotation recomposent de nouveaux écrans par chapitre, le Mont est modélisé en 3D et draggable manuellement pour le faire tourner. Le style “tableau de bord” est plutôt réussi et fournit une flopée d’informations. Un système d’ancres dynamiques vous fait littéralement monter au sommet du Kilimandjaro, à partir du “Base Camp”

Bon, de temps en temps on a la mauvaise surprise de voir ces cubes que je trouve si admirables se remettre en place pour composer un écran de pub. C’est HP qui sponsorise l’opération avec la Fondation des Nations Unies, et ils ne s’en cachent pas.

Si vous réussissez à voir la dernière vidéo, qui est en .f4v, un choix discutable… vous verrez Jessica Biel qui reste sans voix d’avoir tant marché, avec un 4X4 juste derrière… Amusant ou déprimant, à vous de dire.

… voir summitonthesummit

Océans, le site

Juste pour le globe en flash 3D et le système de palettes flottantes accrochées à des lieux géographiques. Le même système avait été déployé dans le Bella Center à Copenhague, avec une dizaine d’écrans Touchscreens développés par HP.

Le site a été développé par Kingshoko, plus connu pour ses génériques de série télé (Kaamelot, Braquo…)

… voir le site

12 mains pour une symphonie

Un multimédia amusant, sans contenu narratif particulier, pour promouvoir une simple vidéo : les gestes essentiels face à un problème cardiaque. Distrayant.

… voir Hands Symphony

Something’s not quite right with the water…

Kevin McMahon est un amoureux des Grands Lacs. Habitué de la région, où il vit, il mène dans “Waterlife” une étude exhaustive de l’importance du lieu, et de l’impact que peut avoir une dégradation de cet écosystème. Le résultat est époustouflant, n’ayons pas peur des mots. Ce multimédia est une énorme déclinaison promotionnelle d’un film du même nom (trailer ici), et fournit une somme documentaire gigantesque, qui complète et élargit le message du film.

L’exemple type du cross-platform. Les 2 adaptations (web et cinéma) se répondent et s’enrichissent, et l’implication du BOC (Board of Canada) est évidente. Il a fallu clairement un gros investissement financier pour venir à bout de ce projet. La navigation est très complexe et on a un peu du mal à s’y retrouver.

On est aussi hélas dans l’exemple type du sujet qui s’est perdu dans son interface. McMahon s’est retrouvé face à un problème classique : comment organiser un corpus encyclopédique sur le web. On est à la fois impressionné par l’excellence de la réalisation (vidéos full screen, panneaux sur pivots, graphismes détaillés, musique sur mesure : Sufjan Stevens, Sigur ros, Brian Eno…), et un peu perdus dans tout ça.
Trop d’info tue l’info ?

… voir le webdocu

Repenser l’espace

Où la forme rejoint parfaitement le fond. Ce projet de The Economist est un petit bijoux d’ergonomie et de design. 14 artistes et journalistes internationaux, dont Jamie Lidell (le chanteur), Elisabeth Chevalet (de Paris Match), Georgia Taglietti (du festival Sonar)… présentent leur lieu de travail, le rapport qu’ils entretiennent avec The Economist, une playlist musicale, et de multiples objets fétiches de leur quotidien. L’interface est une accrétion de cubes dans un volume 3D qui se recomposent pour former des écrans explorables. Une parfaite utilisation de la 3D intégrée dans flash CS4 qui permet l’exploitation de ce format. Une réalisation parfaite.

… voir le site