Cet article retrace brièvement la genèse du logo d’AppErgo.
Après plusieurs évolutions et réflexions, je suis aujourd’hui satisfait de cette identité visuelle, qui accompagnera probablement AppErgo pour longtemps. Il me semblait donc intéressant de garder une trace de cette création et du processus qui l’a façonnée.
Un site d’abord très monochrome
Au départ, entre les versions v0.1 et v0.3, AppErgo était un site très monochrome. Les couleurs étaient quasiment absentes, et j’avais une préférence assez marquée pour les interfaces sombres, avec un fond anthracite presque noir.
Le premier logo est donc apparu assez naturellement dans cette direction. L’idée était simplement de construire un monogramme autour des lettres A et E. Très vite, j’ai eu l’idée de transformer le E en trois lignes horizontales. Visuellement, cela donnait une impression de mouvement au A, tout en gardant quelque chose de relativement minimaliste et lisible sur fond sombre.
À ce moment-là cependant, je rencontrais déjà une difficulté qui allait finalement accompagner toute l’évolution du logo : produire une icône réellement propre et reconnaissable en 16×16 pixels. Même avec quelque chose d’aussi simple qu’un A et un E, le résultat devenait rapidement brouillon une fois réduit à la taille d’un favicon.
Les couleurs d’AppErgo
Les couleurs utilisées aujourd’hui dans le nom AppErgo ne sont pas arrivées par hasard.
Très tôt, j’avais déjà défini un quatuor de couleurs destiné aux futurs badges de versions : violet pour Alpha, bleu pour Bêta, jaune orangé pour Release Candidate et vert pour Stable. Ces couleurs devaient ensuite servir à identifier les futurs fichiers et versions partagés sur le site.
Comme le mot « Ergo », pour ergonomie, était particulièrement important pour moi dans le nom AppErgo, et qu’il contenait justement quatre lettres, l’idée d’associer chaque lettre à une couleur s’est imposée assez naturellement. Le E est devenu violet, le R bleu, le G jaune orangé et le O vert.
Même si cela reste un détail visuel assez discret, cette logique me plaisait parce qu’elle donnait une cohérence supplémentaire à l’identité du site.
Le logo de la v0.4
Lorsque le logo est revenu sur la table pendant le développement de la v0.4, j’ai voulu aller un peu plus loin que les trois simples traits horizontaux du premier E, car je souhaitais retranscrire le « Ergo » quadricolore directement dans le logo.
J’ai donc essayé d’intégrer directement un E dans le A. L’organisation des couleurs suivait également une logique précise : le violet (Alpha) en bas, le bleu au milieu, la couleur Release Candidate au-dessus, puis enfin la barre verte représentant la stabilité finale. Soit dit en passant, je me suis rendu compte que l’idée restait un peu bancale... à cause de la barre oblique du A utilisée pour cette fusion.
Ce logo avait donc une vraie logique au regard de ce qu’il représentait, et j’aimais beaucoup cette idée. Mais malgré cela, un problème persistait : l’icône restait difficile à lire en petite taille. Même en 32×32 pixels, le résultat commençait déjà à perdre en clarté, et en 16×16, cela devenait franchement peu lisible.
C’est probablement à ce moment-là que j’ai compris qu’un bon logo ne devait pas seulement être intéressant graphiquement ou symboliquement. Il devait aussi fonctionner immédiatement, dans des conditions très contraintes.
Repenser entièrement le symbole
Pour la v0.5, j’ai donc décidé de repartir presque de zéro.
Cette fois, je voulais avant tout une icône immédiatement reconnaissable, y compris en 16×16 pixels. Cette contrainte est devenue le point central de toute la réflexion graphique.
Je suis resté sur les quatre couleurs déjà associées à AppErgo, mais j’ai abandonné l’idée du monogramme A/E pour partir vers quelque chose de plus géométrique, plus simple et surtout beaucoup plus identifiable en petite taille.
J’ai également ajouté un bloc blanc au centre. Graphiquement, il permettait de casser légèrement les quatre couleurs et d’aérer l’ensemble. Mais il pouvait aussi avoir une signification plus symbolique : représenter une idée, un point central ou même le résultat final vers lequel convergent toutes les étapes précédentes.
Au final, après avoir essayé beaucoup d’idées différentes, la conclusion a été assez simple : plus le logo devenait simple, meilleur il était.