FIFTY : un site concept de studio pensé pour les cinquante premières millisecondes

FIFTY est un studio fictif de design numérique installé à Lisbonne et à Berlin. VITON¹³ en a construit le concept autour d’une idée : on juge un site en une cinquantaine de millisecondes, donc le site d’un studio doit faire passer son message avant que le visiteur ait lu un mot.

Il devait aussi rester petit. Le site d’un studio fonctionne comme une carte de visite : qui ils sont, ce qu’ils ont fait, où ils se trouvent et comment lancer un projet. Il fallait faire tenir cela en quelques pages, avec du mouvement, de la vidéo et un fond vivant, sans les alourdir.

7 pages : accueil, Work, page projet, Studio, Contact avec générateur de brief, mentions légales et une page 404. L’accueil s’ouvre sur un préchargeur qui compte de 00 à 50 ms, puis sur un titre-manifeste posé sur un fond WebGL vivant et une grille d’informations avec les horloges en direct des deux studios, les services, le contact et les disponibilités. Le showreel s’ouvre dans un lecteur plein écran.

L’index présente les 8 projets en liste, avec un aperçu vidéo qui suit le curseur, ou en grille, avec des filtres par catégorie. Chaque page projet réunit une vidéo plein écran, une présentation qui s’éclaire au défilement, l’enjeu et l’approche, les résultats et un lien vers le projet suivant. Le panneau du studio glisse depuis la droite, et la page de contact compose un brief à partir des services, du budget, du calendrier et des détails, puis affiche une confirmation.

Le parcours clé va des réalisations au projet puis au contact : le visiteur parcourt l’index, ouvre une étude de cas et passe directement au générateur de brief. Chaque lien interne balaie la page d’un panneau noir qui compte jusqu’à 50 ms ; les titres apparaissent lettre par lettre, les paragraphes s’éclairent au défilement, les médias se dévoilent en clip-path, la vidéo bouge en parallaxe, et un curseur en mode de fusion avec étiquettes ainsi qu’une navigation magnétique suivent le pointeur.

Le fond est un shader WebGL écrit pour ce site : un bruit fractal à déformation de domaine, dans des tons de braise, qui se penche vers le curseur, avec une solution de repli en CSS. Le reste est en HTML, CSS et JavaScript, sans étape de build : l’en-tête, le pied de page et les calques viennent d’un seul script partagé, GSAP avec ScrollTrigger et Lenis gèrent le mouvement et le défilement, les données de démonstration restent dans le localStorage du navigateur et rien n’est envoyé nulle part. Les photos et les vidéos sont des photos et vidéos de stock sous licence d’Unsplash et de Pexels.

Le concept existe sous la forme de 7 pages, avec 8 projets et les horloges de deux studios. Lighthouse a mesuré la page d’accueil le 22 septembre 2026. Sur mobile, avec le bridage par défaut : performance 89, accessibilité 94, bonnes pratiques 77 et SEO 100, avec un LCP de 2,7 s et un CLS de 0. Sur ordinateur : performance 100, accessibilité 94, bonnes pratiques 77 et SEO 100, avec un LCP de 0,5 s. La page pèse 2,1 Mo en 13 requêtes ; ce sont les meilleurs scores de performance parmi les sites concepts mesurés par VITON¹³ ce jour-là.

Les contrôles menés sur les 6 pages rendues dans Chrome (hors page 404) ont trouvé un titre unique et un seul H1 sur chaque page, l’attribut lang à en, une mise en page qui tient dans 390 px sans défilement horizontal, un texte alternatif sur 100 % des images et 0 lien interne cassé. Canonical, Open Graph et données structurées figurent sur 0 page sur 6, et il n’y a ni sitemap.xml ni robots.txt.

FIFTY est un concept réalisé par VITON¹³ pour montrer l’étendue de son travail, pas un projet commandé. Le studio, son équipe, ses projets et ses adresses sont fictifs. Le site n’a ni domaine, ni visiteurs, ni trafic de recherche, ni demandes : le générateur de brief n’envoie rien. Les photos et les vidéos sont des photos et vidéos de stock sous licence d’Unsplash et de Pexels, pas des travaux du studio.

Les scores Lighthouse sont des mesures de laboratoire de la page d’accueil sur une seule journée, pas des données de visiteurs réels ; les pages projet avec vidéo plein écran n’ont pas été mesurées. Un SEO à 100 ne couvre que les bases. Les cinquante millisecondes sont le thème du site : l’étude ne mesure pas la vitesse à laquelle de vrais visiteurs se font un avis, et ne prouve pas que le site apporterait des commandes à un studio.