Oh my Godzilla !
Depuis juin, Mozilla a lancé une refonte participative de son identité visuelle avec l'agence Johnson Banks. Nous avions rencontré Michael Johnson, le fondateur de l'agence, lors de la Brand Nieuwe conférence à Amsterdam en Juin dernier. (Rappelez-vous, l'équipe Graphéine était aussi allée faire un tour à NY en 2015 pour rencontrer les acteurs du design en Amérique). Ce projet participatif était resté bien au chaud dans un coin de notre tête, et à +3 mois du lancement du brainstorming créatif, il est temps de faire un point sur l'avancement du logo. Mozilla, le retour.
Caché/dévoilé
La création d'un logo est un processus qui se fait habituellement en huis clos. Les échanges entre l'agence (ou le créatif) et le client prennent de quelques jours à plusieurs mois -voir parfois plusieurs années- pour aboutir à un logo qui sera révélé au public tel Simba sur son rocher. À la merci du peuple ou des hyènes. Parfois même, suite à une réorganisation interne, le projet passe entre de nouvelles mains et disparaît purement et simplement, sans même que l'agence en soit informée.
Le processus du caché/dévoilé a toujours son petit effet de surprise offrant au public un avant/après au goût parfois amer. D'où l'intérêt de raconter la genèse du projet pour mieux accompagner la révélation d'un nouveau logo tout en atténuant l'effet "cheveux sur la soupe". D'autant plus qu'aujourd'hui la critique sur les réseaux sociaux va bon train...
On pourrait faire tout un article sur comment faire face à ces critiques. Mais pour faire court cela vaut le coup d'oeil d'aller voir la réponse graphique d'airbnb après l'annonce de son nouveau logo, qui avait été comparé à des organes génitaux (entre autres). La structure a carrément proposé toute une plateforme pour customiser son propre logo airbnb.
Inclure le grand public au processus serait-il une solution pour rendre la critique utile ?
Auriez-vous projeté de mettre des dinosaures dans votre parc à dinosaures ?
Pour revenir à nos dinosaures, Mozilla vous dit sûrement quelque chose grâce à Firefox. Il faut savoir que Mozilla code des outils comme Firefox, mais bien d'autres programmes encore. C'est une communauté Web à but non lucratif mais qui vaut de l'or, composée d'une myriade de collaborateurs. Un gros parc à dinosaures.
Son nom vient de "Mozaic killer + Godzilla", Mozaic était l'un des tout premiers navigateurs non open-source. Ce nom à double-sens indique d'emblée sa positon de "héros vainqueur" au sein de la toile. À l'époque, le dinosaure avait tenu tête au géant Internet Explorer. Aujourd'hui, le renard de Firefox rivalise toujours avec Chrome. Le bon gros géant sera illustré à ses débuts par un dinosaure au sourire sympa mais qui a tendance à voir rouge.
Le dino emblématique, designé par Shepard Fairey (Obey) en 1998, était utilisé uniquement en interne :
Le super lézard de l'Internet a ensuite pondu une multitude de marques, sous-marques et logos qui n'ont malheureusement pas d'ADN commun. Voyez plutôt :
Il était temps d'harmoniser tout ça. Oui mais, tous ensemble.
Du huis clos à l'open-source
Johnson Banks, qui a l'habitude de bosser avec pas mal de clients aux activités non lucratives, a proposé pour ce projet de réaliser un logo en open-source. Un processus encore jamais vu pour une identité graphique. Cette solution coule de source (joli) pour illustrer le processus même du coeur d'activité de la fondation Mozilla : réunir les gens autour d'Internet, via le développement et la mise en service de logiciels libres.
En juin, Johnson Banks se lance donc dans un processus de création participatif, en incluant les employés et les membres bénévoles de Mozilla à la prise de décision du design. Un peu difficile de savoir précisément qui réalise le design, mais sans source sûre, il me semble que ce sont les membres de l'agence Johnson. Ce n'est donc pas un appel à projets, mais une invitation à réfléchir et travailler ensemble, avec les membres de l'agence et les collaborateurs Mozilla.
À l'origine, l'idée était de s'enrichir d'idées nouvelles et propres aux utilisateurs, et d'en faire un processus ouvert comme la structure elle-même, pour éviter les commentaires du genre "ma fille de 3 ans aurait fait la même chose".
Qui dit open-source dit collaborateurs, mais aussi accompagnement créatif, cadre et date butoir, encadrés par l'agence. Toutes les étapes sont tenues dans un blog documenté, aux nombreux commentaires, qui raconte le processus mais aussi les mauvaises surprises. Le projet est encore en cours, alors n'hésitez pas à y faire un tour.
Nous en avons écumé une bonne partie pour vous dans cet article.
La communauté du dino
Des valeurs aux logos en passant par le brief, tout a été construit en communauté. Visite guidée :
Le brief d'origine (traduit de l'anglais d'après leur blog) :
- Explorer un large spectre de solutions design en sortant du schéma narratif actuel
- Avoir en tête des ‘prises de décisions conscientes’ : un design plus pérenne, plus avant-gardiste, et plus cool
- Refléter le nouveau coeur de personnalité de Mozilla : qui a du cran, indépendant, plein d’entrain, pour la bonne cause
- Proposer un système de design touche-à-tout qui illustre et lie toutes les activité de Mozilla
- Trouver des propositions qui séduiront un nouveau public
- Proposer un large spectre de solutions et explorer les oppositions : sérieux vs ludique, positif vs négatif, le « combat contre » vs le « combat pour » etc
- Voir comment (ou pourquoi) se référer à la communauté ‘zilla’ et à son amour pour les animaux
De ce brief ont été tirées les 7 valeurs de Mozilla puis le Mozilla Open Design project, invitant les gens à collaborer "en vrai" avec des post-it et crayon :
Après coup, l'équipe a réalisé qu'elle avait oublié de parler du côté optimiste et joyeux lié à la plateforme. Elle réalise aussi que le côté héroïque de Mozilla est complètement passé à la trappe.
Round 1
L'agence redéfinit alors 5 angles d'attaque, et propose 7 logos.
A vrai dire, à ce stade, le résultat graphique laisse "pantois". C'est un peu la fête aux logos ! Il y en a pour tous les (mauvais ?) goûts... Jugez par vous même.
D'ailleurs les commentaires des internautes ne sont souvent pas tendres. Nous vous en avons mis quelques-uns sous les projets.
The connector
"L'histoire et le succès de Mozilla ne sont pas reflétés dans la typo {...}, le mot Mozilla devrait être écrit d'une manière plus solide, droite, pointue et nette"
The eye
"Big Brother malveillant + Monstres et Compagnie (...) Sauron ? On se sent observés, pas protégés"
Wireframe World
"Le côté polyvalent est super, mais ça me fait plus penser à un exercice de design qu'à une identité de marque globale et cohérente".
"J'ai d'abord pensé à une rampe de skate avant de comprendre que c'était un M"
Flik Flak
"En tant qu'animateur 3D, je m'amuserais bien avec ça. En tant que logo, c'est un fiasco complet. Impossible à lire, trop chargé, ne fonctionne pas en noir et blanc."
Protocol 1.0
"Ce logo respire le web, mais qu'en est-il du futur ; est-ce que ces signes ne seront pas obsolètes dans quelques générations ?"
À vrai dire, c'est la seule piste qui nous semble intéressante. De loin la piste la plus simple, la plus ludique, la plus contemporaine. Mais effectivement, quel sera l'avenir du format d’URL "://" à l'avenir ?... Ils sont probablement mieux placés que nous chez Mozilla pour anticiper les futurs protocoles du web !
The Impossible M
"On dirait un signe de métro sorti d'une BD des années 50"
The Open Button
"Ce logo est tellement générique qu'il ne veut plus rien dire"
Round 2
Le retour du dino.
Nous voilà en octobre, 4 pistes ont été retenues et sont en cours d'adaptation, 2 nouvelles ont fait leur apparition à partir des commentaires des internautes.
Dino 2.0, Burst, Flame et Protocol 2.0
La conférence
Pour ceux qui souhaiteraient réviser leur anglais, voici la conférence donnée par Michael Johnson (Johnson Banks) et Tim Murray (Mozilla) en septembre dernier à la Brand New Conference de Nashville. Ils présentent en détail la démarche et l'avancement du projet.
Le crowd-sourcing open-source
Profitant de la présentation du projet durant la Brand New Conference de Nashville, l'équipe de mozilla en a profité pour soumettre les différentes pistes aux visiteurs de l'événement. À vrai dire, rarement autant d'experts du branding sont réunis au même endroit. Les commentaires ont du "fuser" !
https://www.youtube.com/watch?v=CHVBjdznUtA
À suivre
Au final, il est certain que la démarche est aussi rare qu'intéressante. Reste à attendre le résultat final pour savoir si la qualité est au rendez-vous. Bref, c'est une affaire à suivre et à commenter sur https://blog.mozilla.org/opendesign/ jusqu'en Novembre !