VITON13MEDICINE : site concept d’une biotech fictive qui cherche des médicaments par l’IA

VITON¹³ a conçu ce concept pour montrer comment le studio présenterait une entreprise scientifique : une biotech fictive qui découvre des candidats-médicaments grâce à l’IA, avec une équipe IA à Lisbonne et un laboratoire humide à Bâle. Le site devait expliquer deux plateformes technologiques, un pipeline de recherche, les postes ouverts et un blog à un lecteur du métier, sans rien exagérer.

En médecine, le texte demande plus de rigueur. Tous les programmes du site sont fictifs et précliniques, et aucune phrase ne doit se lire comme une promesse de santé ou d’efficacité. Le site avait donc besoin d’une mention claire : l’entreprise est fictive et rien de ce qu’il contient n’est un avis médical.

11 pages : accueil, plateformes, pipeline, à propos, carrières, blog, modèle d’article, contact, confidentialité, conditions et 404. L’accueil s’ouvre sur une molécule 3D dessinée en canvas que le visiteur peut faire tourner à la souris, puis vient une frise historique de six jalons, de 1928 à 2024, et un compteur d’investisseurs.

La page Plateformes présente les deux plateformes fictives, l’une pour les petites molécules, l’autre pour les protéines thérapeutiques, chacune avec un problème, une solution et une boucle concevoir-fabriquer-tester-apprendre. Le pipeline montre cinq programmes précliniques dans un tableau dont les barres de progression traversent cinq étapes de découverte. Carrières présente six postes en accordéon, et le formulaire de candidature s’ouvre avec le poste déjà choisi. Le blog compte quatre articles avec un filtre par catégorie et des pages d’article ; Contact propose un formulaire de demande. Le pied de chaque page indique que l’entreprise est fictive et que le site n’est pas un avis médical.

Le visiteur rencontre d’abord la molécule : lâchée après un glisser, elle continue de tourner par inertie, s’incline vers le curseur et recadre sa caméra pour rester dans le champ. Plus bas, la frise se fige à l’écran et défile à l’horizontale tandis qu’une hélice d’ADN se dessine au rythme du défilement ; sur téléphone, elle devient une liste verticale. Le parcours principal mène des Plateformes au Pipeline, puis à un article du blog.

Les titres montent ligne par ligne, les images se dévoilent par clip-path et glissent en parallaxe, les pages changent derrière un rideau, et un curseur maison affiche les libellés Drag, Read et Next. Dessous, du HTML, du CSS et du JavaScript sans étape de build : un script partagé génère l’en-tête, le pied de page et les calques, ainsi identiques sur chaque page ; GSAP avec ScrollTrigger et Lenis gèrent l’animation et le défilement, et la molécule comme l’hélice sont dessinées en canvas sans bibliothèque 3D. Rien de ce qui est saisi dans les formulaires n’est envoyé.

Le concept existe sous la forme de 11 pages en anglais qui fonctionnent. Le 22 septembre 2026, Lighthouse a mesuré la page d’accueil à 0,5 Mo en 19 requêtes, soit la page d’accueil la plus légère des sept sites concepts de VITON¹³ mesurés ce jour-là. Avec le bridage mobile, elle obtient 75 en performances, avec un LCP de 4,3 s et un CLS de 0 ; sur ordinateur, 99, avec un LCP de 0,6 s et un CLS de 0,021. Les bonnes pratiques atteignent 100 sur les deux, aucune vidéo tierce n’ayant été chargée pendant le test, et le SEO aussi 100 sur les deux.

Le point faible est l’accessibilité : 88 sur mobile et 87 sur ordinateur, car une partie du texte manque de contraste et les titres ne suivent pas leur ordre. Sur les 10 pages vérifiées (toutes sauf la 404), les 10 ont un titre unique et un seul H1, toutes les images ont un texte alternatif et aucun lien interne n’est cassé.

C’est un concept réalisé par VITON¹³ pour montrer son éventail, pas un projet commandé. L’entreprise, ses plateformes, ses programmes, ses investisseurs, ses équipes et ses adresses sont fictifs. Le site n’a ni domaine, ni visiteurs, ni trafic de recherche, ni ventes, et ses images sont des photos et vidéos de banque d’images sous licence, issues d’Unsplash et de Pexels.

Les programmes sont inventés et précliniques ; rien sur le site ne vaut preuve sur un médicament réel ni avis médical, et le site le dit lui-même. Les scores Lighthouse sont des mesures de laboratoire de la page d’accueil sur une seule journée, pas des données de vrais visiteurs, et un score SEO de 100 dans Lighthouse ne couvre que les bases : URL canoniques, Open Graph, JSON-LD et sitemap.xml manquent encore.

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