mercredi 30 janvier 2008

Les racines du branding des sites 2.0

En travaillant sur un projet de branding pour un site Web 2.0, je me suis intéressé à ce qui s’était fait par le passé. La plupart des liens que j’ai trouvés sont en fait des tutoriaux pour fabriquer un logo au look 2.0. On y démontre comment y mettre un reflet de verre semi-transparent ou utiliser des dégradés de couleurs de la bonne manière.

http://www.simwebsol.com/ImageTool/
http://blog.typpz.com/2007/05/11/create-a-web-20-logo-using-abobe-photoshop/

Il existe aussi sur Flickr des collections intéressantes de logos de site 2.0

Et même certains designers s’amusent à refaire en version 2.0 des logos que l’on connait très bien.

Ce que l’on peut dire en général, c’est que les logos de site Web 2.0, sont la plupart du temps constitués de couleurs vives sur fond blanc ou très pâle, de dégradés qui donnent du volume et utilisent des typographies arrondies ce qui rend le tout très joyeux.

Cela dit, j’aimerais émettre une hypothèse sur les origines probables de cette mode.
À la base, les sites 2.0 sont destinés à des usages sociaux, donc à une certaine forme de loisirs (ce qui explique les couleurs vives et les typographies arrondies). Mais la réelle source d’inspiration du branding 2.0. m’est apparue alors que j’étais sur le blog d’une designer, Lauren Scime. Celle-ci compare le branding des sites 2.0 aux marques destinées aux jeunes des années 80.

Une bonne partie des internautes qui s’intéressant aux sites sociaux ont entre 18 et 35 ans. Ceux-là même qui adoraient des marques comme Lego, les Schtroumpfs, Nickelodeon ou les Froot Loops dans les années 80 (début 90), sont aujourd’hui ceux qui consomment le plus de sites 2.0. Comme l’explique Lauren Scime, les dessins animés du samedi matin sont maintenant remplacés par les applications de site sociaux. D’autres exemples nous permettent d’abonder dans ce sens, même dans la façon de nommer ces sites. Q-bert, Froot Loops, Fruit Roll-Ups, Scooby-Doo, Frogger ressemblent étrangement à certains noms de sites très connus aujourd’hui. Frogger est peut-être le grand-père spirituel de Flickr et Google pourrait trouver racine avec Froot-Loops, de par le nom et les couleurs. Bien que pas nécessairement un site 2.0 en soi, Google entre tout de même dans l’esthétisme du 2.0. Il est probablement un des précurseurs de cette vague par son apparition à la fin des années 90.

Reste à savoir si c’est parce que les designers qui ont grandi avec cette imagerie y ont puisé leur inspiration ou si c’est un effort marketing pour attirer les génération X et Y.

Entre Astro, le petit robot des années 80, et l’arrivée des sites 2.0, un autre élément est venu influencer ces mêmes sites : le style aqua du système d’exploitation OS X (Cheetah) de Apple.

Arrivé sur le marché le 24 mars 2001, OS X s’est démarqué par son interface de meilleure résolution et plus intéressante graphiquement que le gris-beige des interfaces du temps. Cette approche vient de paire avec la philosophie de Apple qui fait des produits plus conviviaux axés sur les loisirs plutôt que sur le travail. L’approche est similaire à celle des sites sociaux actuels. La facilité d’utilisation de l’interface OS X, la souris, les logiciels de la suite iLife (iTunes/iPhoto/Garage Band/iMovie/iDVD), l’Ipod et les publicités actuelles de Apple le démontrent bien.

Avant la sortie du système OS X, des icônes de chatons, des Simpsons, de Star Wars, etc., existaient sous forme très sommaire et pixelisée pour agrémenter l’interface des systèmes d’exploitation. L’arrivée de OS X a permis à des designers de créer des icônes plus poussés utilisant les propriétés de l’actuel branding 2.0: des couleurs vives, un look un peu rond, un effet de volume, un dégradé et bien sûr un reflet de verre. Tout ça a été ensuite disponible sur Windows XP.

Pour plusieurs exemples d’icônes du genre:
www.pixelgirlpresents.com

L’origine du branding des sites sociaux n’a probablement qu’une seule source, les uns influencent les autres et le sens esthétique collectif évolue à la vitesse du Web.

Des opinions divergentes ou complémentaires? Faites le moi savoir.

Partager ce billet:

scoopeo:Les racines du branding des sites 2.0 fuzz:Les racines du branding des sites 2.0 tapemoi:Les racines du branding des sites 2.0 nuouz:Les racines du branding des sites 2.0 blogmemes:Les racines du branding des sites 2.0 pioche:Les racines du branding des sites 2.0 del.icio.us:Les racines du branding des sites 2.0

11 réponses à “Les racines du branding des sites 2.0”

  1. Super intéressant… J’aimerais souligner que les logos style ‘liquid’ ont pris surement source de Terminator II. Cependant l’effet liquide était cool …juste dans Terminator….pas sur logo! C’est aussi de classe qu’un ‘Lense flare’.

  2. Bonne synthèse du fameux look “2.0″, Karl, on va enfin pouvoir passer à autre chose !

    Tu as raison, Apple a ouvert la voie esthétique - comme souvent - et techniquement, Adobe a ouvert des portes aux designers. En plus de la référence aux années 80, il y en a une à la fin des années 50 américaines : les enseignes des “diners”, les hot-rods, les équipes de sports universitaires, le comic-books…

    Autre phénomène à observer, comme les réseaux sociaux sont extrémement populaires et brassent des audiences qui se mesurent parfois en millions, les stéréotypes graphiques prennent une nouvelle dimension. Un genre de supermode, quoi !

  3. Pas mal sympa pour un premier post de bloggeux… c’est rare que j’ai du fun à lire des trucs sur le design, souvent ça m’emmerde… allez, je m’essaie sur les noms d’entreprise (sans penser au look and feel):

    Frogger –> Blogger!
    Moogle de Final Fantasy –> Google!

    Bof, je suis pas très 2.0, j’ai juste 2 exemples :(

  4. Un article intéressant sur les premiers logo de Google
    http://www.wired.com/techbiz/startups/multimedia/2008/02/gallery_google_logos?slide=1&slideView=8

  5. J’ai aussi trouvé un nouveau logo 2.0, celui de Xerox…
    Ils ont enlevé le symbole que tout le monde reconnaissait pour une version bulle-photoshop comme j’ai mentionné dans mon billet. À noter qu’ils ont fait exactement la recette du branding 2.0: typo arrondie, effet shiny, couleur vive… et voilà!

    http://www.underconsideration.com/brandnew/archives/xerox_the_very_very_very_shiny.php

  6. Ah ah, j’aime beaucoup la “Conspiracy Theory”, en bas du billet !

    C’est doublement pathétique de voire une si grosse compagnie plonger dans un tel cliché graphique… surtout avec 5 ans de retard !

  7. Je ne suis pas convaincu du résultat… La petite boule ressemble à une balle de ping-pong avec du velcro…

  8. La mode la mode! J’aime quand même la typo du nouveau logo de Xerox, c’est une tendance que j’ai remarquer d’aller vers des typographies sans empattement, plus simples, je crois que ça fonctionne bien et c’est plus actuel, ce qui me dérange le plus c’est vraiment la bulle.

  9. En fait Véro, c’est plus une boule de pétanque!!!

  10. ouin…vraiment poche

  11. voilà, c’est juste un petit comentaire pour te dirte que j’adore te lire ;)

Ajouter un commentaire