“Mention du jury” à Lacoste pour son site “Lacoste Future” qui, à l’occasion des 75 ans de Lacoste, nous propose la vision de la marque du Tennis en 2083, dans 75 ans. Belle utilisation de la vidéo plein écran, un peu de contributif, un bon mix. La création est tellement belle qu’on a plutot tendance à y voir un sublime spot plutot qu’une créa digitale. Création : Agence Mégalos.
Lien : Lacoste-Future
C’est souvent tentant de faire un mini-site pour le lancement d’une gamme où d’un produit star. C’est souvent tentant de créer un univers en full-screen et full-flash pour créer une « immersion du consommateur ». Ouai, c’est tentant. Mais entre nous, je crois que c’est mieux si c’est fait correctement.
Je m’explique. Qui dit « full expérience » dit souvent direction artistique peu cadrée et pas assez de confort de navigation pour l’internaute. J’ai pris 3 exemples pour vous montrer ce qu’il ne faut pas faire sur un site immersif, et je vais essayer de donner également « le bon » car ce n’est pas impossible de faire les choses correctement.
Revenons aux objectifs : l’internaute souhaite avoir des infos sur un produit, et votre réponse consiste à créer un site très expérientiel qui véhicule le concept de votre produit / gamme. C’est une bonne idée et ca a du sens. Néanmoins je pense qu’il y a des choses qui sont importantes : le site doit se charger rapidement, il doit être compatible avec la configuration de votre cible, et il ne doit pas laisser le produit de coté. Sinon, c’est perdu.
Attention au poids
Site vidéo = 3 minutes de chargement. Super … Pour son nouveau N-Gage, Nokia a lancé Get Out And Play. Le site est intéressant, sauf qu’il faut plusieurs minutes pour le charger. Moi je n’ai pas la patience. Suis-je le seul ? Je suis déjà bien sympa de cliquer sur un lien d’une marque de téléphone, faut pas en plus me demander d’attendre mon tour !!! Ca m’intéresserait de voir le bounce rate de la home page de ce site. Je parie sur 70%. Bravo.
Ci dessus : Sur le site Nokia, le loading est tellement long qu’ils ont mis un jeu en attendant …
Recommandation : faites toujours une version light d’un site vidéo. Votre directeur artistique fera la gueule, mais le client aura des meilleurs résultats et les internautes pourront accéder au site. Laissez le choix …
A mon avis
Attention à la compatibilité
100% des développeurs flash ont le plug-in Flash 9 sur leur ordi. Pas 100% des internautes. Flash 9 c’est bien, Flash 8 aussi. Quand j’ai travaillé sur le site Fuel For Life Factory nous avons développé une version « premium » du site en Flash 9, et une version en Flash 8 où les produits 3D ont été remplacé par des 2D. C’est dommage que les équipes d’Alfa Roméo n’aient développé leur nouveau site que sur Flash 9 car sur mon ordi de bureau je n’ai pas ce plug-in … Là encore, suis-je le seul ? Modif du 8 mai : on m’a communiqué des chiffres sur le taux de pénétration de Flash 9, et je dois avouer que c’est assez énorme !!! Donc la compatibilité flash 8 est quand meme à mettre entre parenthèses.
Si vous développez un site grand public, ne sous estimez pas l’importance des gens qui n’ont pas le plug-in flash 9 et encore moins le plug-in Silverlight de Microsoft (je dis ca pour les mecs de Digitas et Lancome qui ont développé Magnifique Women)
A mon avis
Attention à ne pas oublier le produit
Je viens de voir un site qui vraiment m’a énervé. Le nouveau site Levi’s Cut To Reveal You. Belle création en flash, mais où est le produit ? Merde ! Ce site a du couter 100 000€, et impossible de voir les jeans ou les fringues. On a des vidéos, des images, du son … mais pas de gros visuels des produits. C’est quoi le métier de Levi’s ? De vendre une performance vidéo ou de vendre des jeans ? Sur le screenshot du site (ci dessous), on voit au centre l’image Levi’s, mais pas d’image zoom des produits.
Sur le site Diesel, on trouve également des belles vidéos interactives pour présenter les collections, mais quand vous cliquez sur un look, vous arrivez sur les fiches des produits. C’est pour cela qu’on va sur le site, non ?
A mon avis
A quand des Directeurs artistiques ergonomes ?
Un des premiers articles de ce blog portait sur l’ergonomie générale des sites de marque. Cet article est l’occasion d’en reparler un peu. Sur le site Levi’s, pas de présence du Logo institutionnel, et encore moins d’un menu pour aller sur les autres sections du site.
L’expérience ergonomique générale
Idem, sur le site Shu Uemura Art Of Hair (un mini-site sur les produits « hair care »), pas de lien vers le site institutionnel de Shu Uemura. Ca, c’est grave. L’internaute entretient une relation avec des produits, mais avant tout des relations avec la marque ; et un site doit être là pour lui donner accès à tout un univers, pas qu’à une partie.
Sur le site Chanel, on propose des accès assez immersif à des contenus (défilés, collection …) et malgré cela, la navigation est simple. La preuve que c’est possible de faire de l’immersion tout en gardant une ergonomie générale claire.
A mon avis
L’accès aux contenus
Un site produit, c’est un site qui parle du produit … (ca j’en ai déjà parlé mais c’est important !) et à ce titre l’accès à l’info produit est essentiel. Sur le nouveau site Alfa Roméo, il faut se creuser la tête pour trouver comment accéder aux (magnifiques) photos de la voiture, l’ergonomie n’est pas simple alors que la créa globale est magnifique… Résultat : quand l’internaute arrive à trouver les photos de détail, il a un sentiment d’accomplissement sans mesure …
Sur cette image : la partie « photo » du site Alfa Roméo. Quand on connait l’importance des images sur les sites automobiles, on met au moins une vignettes en preview pour permettre à l’internaute d’accéder rapidement à l’image qui l’intéresse … Ici, il s’agit d’un diaporama de 34 images non classées en dossiers, et non prévisualisables. Les bases sont à revoir !
Sur le site Shu Uemura, le menu principal est à gauche, et les sous contenus ne sont pas listés près de ce menu principal. Dommage. Sans aller jusqu’au vulgaire menu déroulant on aurait pu faire plus simple pour montrer où cliquer pour trouver l’info. Idem, sur le site Levi’s, le menu se trouve en bas, en gris clair sur gris foncé. Sans déconner, ce n’est pas malin.
Je suis un peu dur, mais derrière ces 3 projets se cachent 3 grosses agences (PublicisNet pour Shu Uemura, Ogilvy pour Levi’s et Soleil noir pour Alfa Roméo) et 3 grosses marques. Donc les gens qui sont derrière ces sites ne sont pas des amateurs … et pourtant.
Bon, je vais essayer de passer en revue tous les mois les quelques sites qui m’ont mis une grosse claque visuelle dans la tete (ou beaucoup déçu). Ce sont généralement des sites que je trouve via FWA ou des bloggeurs tels que Lysergid et Fubiz.
Le talentueux Loic Sattler nous livre sur son blog (Lysergid.com) cette semaine sur son blog sa liste des 15 agences interactives les plus créatives du monde. Je partage avec vous les 5 premières agences de la liste, pour le reste allez voir sur son blog …
1. EVB – San Francisco - Site
L’agence californienne peut se vanter d’avoir dans son portefeuille Microsoft, Wrigley, Microsoft, Adidas et d’avoir été primé pour l’essentiel de ses projets. A voir : Friends Of Bright où l’agence a prouvé sa capacité à créer des sites vidéo et l’advergame Live Derby (pour Microsoft). L’agence a été primé 22 fois par FWA.
2. Firstborn – New York - Site
L’agence qui arrive à mettre de la poésie dans le marketing de l’informatique avec récemment des sublimes créations pour Apple, Microsoft et HP. A voir : Zune Journey et Reebok Freestyle. Firstborn a été primé 29 fois par FWA.
3. North Kingdom – Stockolm - Site
L’agence qui vante les mérites de la « Monarchie des designers » a dans son porte feuille les plus belles créations européennes de Toyota. Primé 21 fois par FWA et peut se vanter d’avoir un « Favorite Website Award of the Year ».
4. Barbarian Group – Boston - Site
L’agence des Barabares de la création peuvent se vanter d’avoir réalisé les plus beaux sites de Volkswagen et les sites de Virgin. Quand on connait l’exigence créative de ces 2 marques, on peut se dire qu’ils connaissent leur métier … Primé 17 fois par FWA.
5. Big Spaceship - New York - Site
42 fois primé par FWA. C’est perso mon agence préférée et je ne me lasse pas d’aller sur leur portefolio. Parmi les dernières créas, on peut citer HBO Voyeur. Je ne veux meme pas imaginer la taille des équipes de prod sur ce projet … A noter, Big Spaceship travaille pour Adobe, là encore ca en dit long et a réalisé l’incroyable opération Search for Bourne. Bravo aussi pour le projet Nike Air
Pour la suite du classement c’est ici.
Perso, j’aurais ajouté les belges de Group94 dans le Top 5 …
Merci et bravo à Etienne Mineur qui a publié sur son blog les 230 slides de sa présentation sur “l’histoire du design interactif”. La présentation traite aussi des jeux video, de l’informatique … Une véritable mine d’information qui intéressera je pense ceux qui comme moi n’ont pas 25 ans et n’ont pas connu l’avant Windows 95.
La présentation est disponible ici
Dans la série des “livres à avoir absolument” si vous vous intéressez au marketing interactif : la série “Icon Webdesign” de Taschen. Voici les références disponibles :
Chaque livre coute environ 7€ pour 192 pages. Des études de cas, des interviews de professionnels, des présentations d’agences et quelques reflexions stratégiques sur le role du web design.
MINI est une des marques les plus excitantes du monde automobile. Avant tout, c’est une marque synonyme d’émotion, d’unicité, de puissance et de raffinement. Une marque qui se positionne sur le segment des petites voitures mais à des prix très élevés. Un mix marketing possible et réussi grâce à un l’originalité de la voiture, au désir qu’elle suscite.
MINI a investi internet comme elle a investi les villes. Avec brio. Et de la même façon que le design et qualité sont au cœur du marketing, le webdesign et la technologie sont au cœur du digital marketing. Le lancement du site de la nouvelle MINI Clubman (orchestré online par InterOne groupe DDBO) est en le sublime exemple. Primé il y a quelques jours par The FWA, le site mise sur un contenu 3D qui présente le nouveau coupé break urbain. Sublime, fluide, créative ; l’animation suscite le désir et la curiosité.
