Kingsmont : empêcher l’AI d’inventer une société d’investissement

Demandez à un modèle de langage un site de société d’investissement. Très vite apparaissent des milliards sous gestion, des décennies d’expérience et des gens regardant avec assurance un immeuble de verre. Parfois, l’entreprise n’a encore communiqué aucun de ces éléments.

Pour Kingsmont, il fallait présenter l’activité de façon convaincante à partir de vrais documents. Structure, discipline visuelle et page fonctionnelle étaient nécessaires, pas un générateur de biographie d’entreprise.

L’écran « Kingsmont — premier écran » conserve les vrais contenus et le design du projet.

Kingsmont — premier écran

Interface archivée · données de démonstration

Des mains rapides, des décisions lentes

Cursor et Codex ont servi au développement. On peut leur confier composants, états responsive, retouches répétitives et vérification. Mais l’identité de l’entreprise, son activité et les affirmations qu’elle peut publier sont des données de départ, pas des cases vides dans une maquette.

Le site repose sur Astro et TypeScript, avec diffusion statique et Tailwind. La première animation utilise CSS et IntersectionObserver : le navigateur signale l’entrée d’un bloc dans le champ, puis l’état voulu s’applique. Pas besoin d’un gros moteur d’animation.

Ce qui m’intéresse, c’est la proportion. Sur un site institutionnel, l’effet naît souvent d’une pause, d’un titre ample, d’un intervalle. Faire bouger chaque ligne évoque une entreprise pressée d’impressionner, sans certitude d’obtenir une deuxième minute.

Ce qui relève de l’humain

Choisir un fait. Refuser un chiffre non confirmé. Voir qu’un paragraphe paraît solide mais ne dit rien. Tenir la même qualité au contact et au premier écran. Des composants écrits plus vite ne font pas disparaître ces décisions.

L’écran « Kingsmont — rubrique intérieure » conserve les vrais contenus et le design du projet.

Kingsmont — rubrique intérieure

Interface archivée · données de démonstration

Le site publié peut être consulté. Je n’en déduis ni hausse de confiance des investisseurs ni plus de demandes : cela nécessite d’autres mesures. Je montre le résultat du développement et la méthode employée.

Kingsmont — rubrique contact

Interface archivée · données de démonstration

Sur Kingsmont, j’ai confié aux agents composants et états responsive. Structure, documents et présentation me revenaient. Accélérer le code était utile, mais il fallait d’abord décider ce que l’entreprise devait dire d’elle-même.

L’étape suivante : Antigravity et Gemini

Cursor et Codex représentaient une étape de Kingsmont. Plus tard, j’ai conçu et réalisé une nouvelle version dans Google Antigravity avec Gemini. Selon mon estimation, cette étape a pris moins d’une journée de travail, pas l’ensemble du projet. Les documents et les faits réels de l’entreprise restaient la base.

J’ai nommé la direction Quiet Institutional Power : palette sombre, retenue, grande typographie et informations organisées. Le dépôt s’appuyait sur les documents de l’entreprise. Aucun nom de société en portefeuille, indicateur d’investissement ou autre affirmation sans source n’a été ajouté.

J’ai créé les images avec l’AI en fixant moi-même leur direction. Dans la rubrique direction, j’ai conservé les vraies photos des personnes et généré les bureaux autour. Ce sont des compositions, pas des photos documentaires de l’équipe dans ces locaux.

Cette version ajoute à Astro, TypeScript et Tailwind un globe WebGL personnalisé sur Three.js, la validation JSON structurée par Zod et le traitement d’images par Sharp. Titres en Syne, texte et interface en IBM Plex Sans, légendes utilitaires en IBM Plex Mono. Les tokens de design maintenaient tailles, intervalles et typographie pendant le travail avec les agents.

L’animation simple est restée en CSS et Intersection Observer ; je n’avais pas inclus Framer Motion ni GSAP dans la première version. Le dépôt comprenait des contrôles distincts des dirigeants, des affirmations publiques et du formulaire. Une compilation réussie ne suffit pas.

Cette étape a réuni recherche, structure, langage visuel, images, interface, développement et vérification. Les transitions se sont raccourcies, la responsabilité du contenu est restée identique.

Je distingue deux étapes et leurs outils. La version construite en moins d’une journée concerne l’étape tardive avec Antigravity et Gemini, pas tout le projet. Les écrans d’origine et les compositions AI doivent aussi être rattachés à leur version.

Voir Kingsmont.

Écrans et enregistrements du projet

À lire aussi : Horizon · Connection.me et le RTL.