tarasovvitalii.com : le portfolio du fondateur en quatre langues, avec une messagerie VITON ID

Avant de confier un projet à un petit studio, un client cherche souvent la personne qui le dirige. Vitalii Tarasov, fondateur de VITON¹³, avait besoin d’une adresse qui réponde à cette recherche : tout ce qu’il a réalisé au même endroit, avec les projets clients, les produits maison du studio et les sites concepts étiquetés pour ce qu’ils sont, et chaque chiffre accompagné de sa source.

Le site devait parler les langues de ses clients (anglais, russe, espagnol et chinois) et permettre de le joindre. Un visiteur qu’un projet intéresse doit pouvoir lui écrire depuis la page, connecté avec le compte VITON ID utilisé sur tout viton13.com, ou laisser son e-mail sans créer de compte.

Huit types de pages dans chacune des quatre versions linguistiques : accueil, index des projets, une page pour chacun des 21 projets, à propos, services, actualités, contact et messages, plus une 404. Cela fait 116 fichiers HTML ; les 108 pages destinées à la recherche figurent dans le sitemap, dont les messages et la 404 sont exclus. L’anglais est à la racine, les autres versions sous /ru/, /es/ et /zh/.

Les 21 projets comptent un site client, dix produits maison de VITON¹³ et dix concepts. Huit sites concepts s’ouvrent aussi en démos en ligne sous /demos/, tous marqués noindex. Chaque page de projet donne les chiffres avec leurs sources, une analyse SEO quand elle a été faite et un bloc « Ce que cela ne prouve pas » ; un filtre de l’index classe les projets en sites web, SEO, design et marque, produits et vidéo.

L’accueil s’ouvre sur une boucle muette de 20 secondes tirée du showreel, et le bouton de lecture lance le film complet : 47,6 secondes, en 1920×1080 à 60 images par seconde. Les messages s’ouvrent dans un panneau par-dessus n’importe quelle page : connexion ou inscription avec VITON ID, une conversation privée avec Vitalii, un formulaire e-mail pour les invités et, pour lui, une boîte de réception de toutes les conversations.

Le site est écrit en HTML, CSS et JavaScript sans framework, produit par un générateur statique écrit en Node : chaque page est rendue à l’avance dans chaque langue, si bien qu’un robot d’indexation lit tout le texte sans exécuter de script. L’animation repose sur GSAP avec ScrollTrigger et le défilement fluide de Lenis, et se coupe quand le système du visiteur demande moins de mouvement. Polices, scripts et SDK Firebase sont servis depuis le domaine du site, et l’en-tête Content-Security-Policy n’autorise ni script ni police venus d’ailleurs.

Comptes et messagerie reposent sur Firebase Auth et Firestore, dans le même projet que VITON ID. Les règles Firestore de la messagerie forment un bloc autonome, couvert par des tests dans l’émulateur Firebase : les ajouter aux règles en production n’assouplit rien d’autre. Une petite API Node reçoit le formulaire invité avec une limite de 5 messages par heure et de 20 par jour depuis une même adresse, et n’accepte une demande de notification qu’avec un jeton d’identité Firebase valide.

Le showreel est une page web dotée d’une fonction renderFrame(t) : Chrome sans interface dessine chacune de ses 2 856 images et ffmpeg les encode en H.264 et en VP9, avec des versions 720p et des boucles sans raccord pour l’accueil. On y voit de vraies couvertures des sites et les chiffres Search Console de SB Excursions, avec leur période et leur source. Le site tourne dans Docker sur notre propre serveur derrière nginx ; chaque modification de configuration est vérifiée avec nginx -t et annulée en cas d’échec, et le certificat Let’s Encrypt a été émis le 23 septembre 2026.

tarasovvitalii.com est en ligne en quatre langues. Le 24 septembre 2026, Lighthouse 13 a donné à l’accueil 99 en performance et 100 en accessibilité, bonnes pratiques et SEO, sur mobile comme sur ordinateur. Sur mobile, la page se charge en 25 requêtes et 1,6 Mo, toutes vers son propre domaine, avec un LCP de 2,0 s, sans temps de blocage ni décalage de mise en page.

Le même jour, les 108 pages du sitemap ont été rendues dans Chrome à 390 px. Chacune a un seul H1, une URL canonique qui pointe vers elle-même, des hreflang vers les quatre versions et x-default, Open Graph et JSON-LD ; les 872 images ont un attribut alt (vide sur les vignettes placées à côté de leur titre), aucune page ne défile en largeur, et les 182 cibles de liens internes ont répondu sans erreur.

C’est le site du fondateur, réalisé par VITON¹³ pour lui-même, pas un projet client. Il est en ligne depuis le 23 septembre 2026 : il n’existe encore aucune donnée de trafic, de positions ou de demandes, et cette étude n’en revendique aucune. Une page présente dans le sitemap est une invitation à l’explorer, pas la preuve qu’elle est indexée.

Les scores Lighthouse sont des mesures de laboratoire de l’accueil, prises un seul jour ; une deuxième mesure sur ordinateur quelques minutes plus tard a donné 95 en performance. L’accès depuis la Chine continentale n’a pas été testé, et la messagerie dépend des services Firebase de Google. Les chiffres de recherche visibles dans le showreel appartiennent au projet SB Excursions, pas à ce site.

Comment vérifier le portfolio d’une agence web →