Vite.dev
2024
Vite est l'outil de build derrière la majeure partie de l'écosystème JavaScript moderne. Plus de 80 000 étoiles GitHub, des dizaines de millions de téléchargements npm par semaine, des millions de développeurs qui s'appuient dessus au quotidien. Pour faire simple, c'est lui qui transforme le code de développement en code optimisé pour être lu par votre navigateur. Refondre sa page d'accueil, c'était refondre la porte d'entrée d'un projet de cette taille, en public, pour une communauté qui allait réagir immédiatement.
Son site ne montrait rien de cette échelle. La page était sobre et descriptive comme une simple documentation technique, avec presque aucune identité propre, et rien ne vous aidait à imaginer ce que Vite fait réellement. Jusque-là, le bundling, les serveurs de développement et les modules ES natifs restaient des concepts abstraits, sans autre support que du texte.
Approche
Pour le travail autour des couleurs, j'ai joué avec celles déjà présentes dans la marque, le bleu, le violet et le jaune. Ce logo multicolore a été très pratique pour illustrer les nombreux concepts et langages de programmation dont il faut évoquer l'existence tout au long de la page.
L'essentiel du travail a consisté à rendre ces idées visibles. J'ai construit le hero autour d'un processeur portant le logo de Vite, pour montrer sa place centrale dans le web, puis j'ai animé des flux représentant les différents langages de code qui le traversent comme un courant électrique. Cette partie permet de vulgariser simplement le concept de web bundling. Le reste de la page suit la même logique, avec des illustrations interactives et travaillées qui véhiculent à la fois les concepts et les plus-values de la solution.
Ce souci du détail dans les animations et les illustrations est crucial pour des projets de cette envergure. Je veux que les développeurs aient envie d'utiliser le produit dès la page d'accueil, parce qu'ils vont associer la qualité d'exécution du site à celle de l'outil.
Résultat
Le site est resté en ligne un peu plus d'un an, avec un très bon accueil de la communauté au lancement. Il a depuis laissé place à une identité unifiée pour l'ensemble des produits VoidZero, un chantier que je raconte sur la page VoidZero.
