Void Zero

Le problème était un problème de hiérarchie de marques. VoidZero devait paraître établie et crédible, en particulier auprès des investisseurs, sans écraser les produits qu'elle détient. Chacun a son identité, sa communauté et son histoire, souvent plus ancienne que celle de l'entreprise. Une marque mère qui serait venue leur faire concurrence visuellement aurait affaibli les deux côtés.

Approche

J'ai construit l'identité presque entièrement en noir et blanc, en laissant la couleur aux produits. C'est une contrainte forte, mais elle règle le problème à la racine. VoidZero occupe le registre le plus neutre possible, et chaque produit garde sa palette comme signe distinctif.

La liste des projets applique cette règle littéralement. Les logos de Vite, Rolldown, Oxc, Vitest et Moon sont dessinés en tracé filaire, sans aucune couleur, et ne se remplissent qu'au survol. La couleur n'apparaît que quand on va la chercher, et elle appartient toujours au produit, jamais à VoidZero.

Pour le site, je suis parti de ce que fait réellement l'entreprise. Toute la page est tenue par une grille visible, avec des filets fins et des sections numérotées dans la marge, en dehors du container, comme un plan technique laissé apparent. Les marges portent des annotations en monospace qui nomment les fichiers derrière chaque bloc, contactSection.vue, content/manifesto.md, dist/assets/accel.svg, jusqu'aux temps de chargement affichés en millisecondes. La section contact est présentée comme le composant qu'elle est, avec son nom de fichier en en-tête.

Rien de tout ça n'est décoratif. Pour une entreprise dont le métier est l'outillage web, j'ai voulu que la page devienne une démonstration au lieu d'un discours. Un développeur qui inspecte le site y trouve la même exigence que dans les outils. C'est l'argument le plus difficile à faire passer par du texte, et c'est celui qui me tient le plus à cœur dans mes projets.

La partie sur les couches de la stack utilise des volumes isométriques qui s'empilent au fil du scroll pour former un cube animé en 3D à la fin. Chaque produit ajoute son plan, dans sa couleur, et l'ensemble finit par former la pile complète. L'utilisateur comprend ce qu'est VoidZero en scrollant, même sans rien lire.

Résultat

Le site a suscité une forte réaction publique au lancement et a été repris par plusieurs vitrines de design web. Il n'est plus en ligne aujourd'hui, la marque ayant été entièrement refondue par une agence. On retrouve cependant dans la nouvelle identité de nombreux éléments de la version que j'ai créée, comme toute la logique de grille, les mentions au code et les layers qui forment le cube. VoidZero a depuis été rachetée par Cloudflare.