Dans mon labo : donner vie à Misclo.Court film sans son · création de marque animée
Aymane programme sur son ordinateur portable dans son laboratoire de développement. Le site Misclo apparaît sur un écran, tandis que Theo s’anime dans un hologramme et montre un exercice avec haltères. Aymane se tourne vers la caméra et sourit.
Création · Sites immersifs et 3D
Un site qui se découvre comme un film et donne envie de réserver un appel.
Je conçois et réalise des sites immersifs pour les coachs, formateurs, marques et services haut de gamme : entrée cinématographique, scène ou personnage 3D, démo interactive. Je choisis ce qui attire l’attention sur votre offre, puis le relie à l’objectif du site : rendez-vous, ventes ou demandes de prospects.
J’ai géré plus de 45 projets numériques et dirigé une équipe de 12 développeurs. Aujourd’hui, l’IA est mon équipe. Vous voyez chaque version avant qu’elle ne remplace la précédente.
Les réalisations commencent à 1 600 $US, avec un prix fixe établi sur un brief écrit. L’appel dure 15 minutes sur Cal.com et vous repartez avec une prochaine étape claire.
Pourquoi tant de sites sont vite quittés
Votre offre est haut de gamme. Votre site ressemble à tous les autres.
Photo de banque d’images
Même mise en page · photos de banque d’images · trois blocs de fonctionnalités
Le modèleConçu pour une offre précise
À gauche : le schéma d’un modèle classique, avec une photo de banque d’images, un titre et trois blocs de fonctionnalités. À droite : la page d’accueil Misclo en préproduction, avec deux personnages 3D stylisés sur une scène sombre, un titre et une action.
Faites glisser pour comparer. À gauche : un modèle standard schématisé. À droite : la page d’accueil de Misclo, mon application en développement, en préproduction, avec des personnages créés par l’IA. Ce n’est pas un avant/après client.
01
Le piège du modèle standard.
Votre site utilise la même mise en page, les mêmes photos et trois fiches de fonctionnalités que celles de vos concurrents. Un visiteur ne peut pas dire ce qui vous différencie, il ne reste donc pas assez longtemps pour le découvrir.
02
Le piège de la vitrine trop lourde.
La plupart des sites Web « wow » coûtent un budget d'agence et des mois de travail. Ensuite, ils calent sur un téléphone, ignorent les paramètres de réduction des mouvements et masquent le bouton qui compte.
03
Le piège du beau site qui ne sert à rien.
Le site a l'air bien et ne fait rien. La réservation n’est pas connectée, il n’y a pas de capture de leads ni d’analyse, vous n’avez donc aucune idée de quelle page fonctionne réellement.
Comment je construis
Les compétences d’une agence, avec un seul responsable.
Lorsque j'étais CTO, un site comme celui-ci passait par un stratège, un concepteur UX, un rédacteur, des développeurs front-end et back-end, un motion artiste, un QA et quelqu'un pour le lancer. Votre projet intègre toujours chacune de ces disciplines. La différence est que chacun est une voie IA que je briefe, examine et approuve. Vous faites affaire avec une personne qui connaît toutes les décisions relatives au projet.
01Votre décision
02Cahier des charges
03Voies IA
Stratégie
UX
Rédaction
Interface
3D/Motion
Assurance qualité
04Contrôles automatisés
05Votre approbation
06Version suivanteversion précédente conservée pour revenir en arrière
Voici ce que cela change pour vous :
Vous voyez des versions fonctionnelles, pas seulement des maquettes. Chaque tour est une page en cours d'exécution que vous pouvez ouvrir sur votre téléphone.
Un changement à la fois. Chaque version se trouve à côté de celle que vous avez déjà approuvée, et rien ne la remplace jusqu'à ce que vous disiez oui.
Mesurer, pas estimer à l’œil. Des vérifications automatisées de la mise en page sur plusieurs tailles d'écran, de l'accessibilité et des états défectueux sont exécutées avant que je vous montre quoi que ce soit.
Décisions écrites. Vos commentaires sont enregistrés mot pour mot et chaque version est accompagnée d'un bref rapport décrivant ce qui a changé, ce qui a été testé et ce qui est encore ouvert.
Un dossier de passation qu’un autre professionnel peut reprendre. Le projet repart avec une documentation à partir de laquelle un autre développeur, ou une autre IA, peut continuer.
Ce que produit le cadrage
Vous recevez d’abord un document de cadrage, pas un tableau d’inspiration.
Voici un extrait d’un Build Brief. L’entreprise est fictive, tout comme les chiffres : ce sont des objectifs écrits avant la construction, pas des résultats. Il montre le niveau de détail que vous approuverez avant que quoi que ce soit ne soit construit.
Exemple fictifbuild-brief.txt
CONSTRUIRE UN BRIEF (EXEMPLE FICTIONNEL, pas un vrai client)
Client :Tidewater Pilates Studio (fictif)
Visiteur :Femmes de 30 à 55 ans à proximité, comparant trois studios au téléphone
Une action :réservez un cours d'introduction gratuit
Signature :Parchemin histoire : un cours de l'arrivée à l'étirement,raconté en 5 images ; affiches fixes en mouvement réduit
Pages (5):Accueil · Cours · Professeurs · Tarifs · Livre
Modifiable :horaires de cours, prix, biographies des enseignants, FAQ (modifications du propriétairedans un CMS basé sur Git ; tout abonnement sur le compte du propriétaire)
Budget performances (cibles, téléphone milieu de gamme en 4G) :LCP <= 2,5 s · CLS < 0,1 sur chaque pageAffiche du héros <= 150 Ko (WebP)Film de téléphone <= 4 Mo, récupéré uniquement après la premièreinteraction ou navigateur inactif ; jamais sur Save-DataRessources 3D : glTF + Draco/KTX2, <= 3 Mo au total
Câblage :Calendrier de réservation → email de confirmation → tag CRM studio
Tests d'acceptation (convenus avant la construction) :
Hors champ d'application :boutique en ligne, connexion membre
Exemple fictif à titre d’illustration. Tous les chiffres sont des exemples d’objectifs et non des résultats mesurés. Votre brief est rédigé avec vous après l'appel.
Des preuves dans le laboratoire
Ne me croyez pas sur parole. Regardez mes réalisations.
Je ne vous montre pas de logos de clients ni d’études de cas empruntées. Je vous montre trois builds de mon propre laboratoire, chacun daté et étiqueté avec son statut réel. Chaque carte ouvre les notes de construction complètes dans le laboratoire.
Ma propre application, en développement · non lancéePréproduction v7·
Misclo est mon application de fitness et de restauration, et son site est ma version immersive la plus complète. Il propose un film d'entrée cinématographique avec Skip, Replay et une version plus légère pour téléphones. Une carte corporelle 3D WebGL montre 228 muscles et os dans 21 groupes musculaires (modèle anatomique de Alex Lashko), se charge paresseusement et revient en 2D sans WebGL. Chaque version a été construite à côté de la précédente et chaque version antérieure est conservée en tant que restauration fonctionnelle. Le lancement est prévu pour le 1er janvier 2027.
Web
3D
Cinéma
Logique du produit
Lire les notes de construction Misclo
Look-29 · approuvé le 7 novembre 2026 · Rendu Blender
3D · Personnage · Chaîne de productionAvoir l'air approuvé·
Le maillage de base a été généré avec Tripo IA. Je l'ai articulé, animé et dirigé artistiquement dans Blender, en utilisant les outils que l'IA a écrits sous ma direction. Chaque modification est mesurée par rapport à l'art de référence, et rien d'approuvé n'est jamais écrasé. Ce qui arrive sur le Web aujourd'hui, ce sont des images fixes.
J'ai conçu et construit ce site moi-même, en travaillant avec l'IA. Chaque page est pré-rendue afin qu'elle soit lue sans JavaScript, et elle est vérifiée avec les tests d'accessibilité Playwright et Axe. J'ai réalisé le film héros, généré avec l'IA. Il se trouve derrière une affiche, donc le titre et le bouton d'appel ne l'attendent jamais. Les personnes qui demandent à leur appareil une réduction des mouvements ou une sauvegarde des données obtiennent l'arrêt.
Avant que l’IA ne devienne mon équipe, je construisais avec des gens. En tant que CTO d'une agence de marketing américaine, mon équipe a livré et maintenu plus de 28 plateformes client. Parmi eux figuraient une plateforme d’apprentissage multi-écoles en trois langues et un parcours cours → évaluation → certificat → parcours d’achat pour une marque de certification. Les clients restent anonymes jusqu'à ce qu'ils donnent leur autorisation.
Voir mes réalisations professionnelles
Les trois premiers sont mes propres projets, pas les résultats des clients. Misclo n'a pas encore d'utilisateurs ni de ventes, et je ne prétendrai pas le contraire.
Mon double animé (généré par l'IA)
Aymane Hitmi · Bali · solo avec l'IA
Qui le construit
Aymane Hitmi. Un ancien CTO d'agence qui construit désormais avec l'IA.
Je suis un ancien CTO d'une agence de marketing américaine. J'ai dirigé une équipe de 12 développeurs et j'ai géré plus de 45 projets numériques. J'ai également créé et livré deux de mes propres produits logiciels.
Aujourd'hui, je travaille en solo à partir de Bali, avec l'IA comme équipe, et je construis en public. Misclo, Theo et ce site Web me permettent de tester la méthode avant de la vendre. Lorsque vous m'embauchez, vous bénéficiez du même processus versionné, testé et présenté en premier que vous venez de voir.
2produits logiciels que j'ai construits et expédiés
Le processus
Cadrer → Construire → Lancer → Automatiser.
Vous savez toujours à quelle étape nous en sommes, ce que j’attends de vous et ce que vous aurez à la fin.
00
L'appel de 15 minutes
je fais
Je vous demande ce que vous vendez, à qui est destiné le site et à quoi il doit aboutir.
Votre rôle
Répondez à quatre courtes questions sur le formulaire de réservation lorsque vous choisissez une heure : votre nom, votre adresse e-mail, votre entreprise et ce que le site doit faire.
Vous recevez
Une prochaine étape honnête. Cela pourrait être un outil gratuit pour le faire vous-même, une proposition de construction directe si le brief est déjà clair, le Audit IA personnalisé et feuille de route de mise en œuvre (970 $US) si le site s’inscrit dans une réflexion plus large, ou une réponse « pas adapté » avec une orientation vers un professionnel pertinent.
01
Cartographier
je fais
J'écris le Build Brief : l'audience, l'action que le site doit conduire, l'expérience de signature, la liste des pages, le contenu que vous allez modifier et comment, un budget de performance et les tests d'acceptation.
Votre rôle
Lisez-le, modifiez-le, approuvez-le.
Vous recevez
Un périmètre et un prix fixes avant le début des travaux.
02
Construire
je fais
Je crée des versions que vous pouvez ouvrir sur votre téléphone. Chacun est accompagné d’un bref rapport décrivant ce qui a changé, ce qui a été adopté et ce qui est ouvert.
Votre rôle
Passez en revue chaque version et dites oui, ou dites-moi quoi changer, une chose à la fois.
Vous recevez
Un site fonctionnel amélioré à chaque version, avec la précédente toujours conservée.
03
Lancement
je fais
Derniers tests sur téléphone, tablette et ordinateur, vérification de l’accessibilité, statistiques, redirections et mise en ligne.
Votre rôle
Passez les tests d'acceptation avec moi.
Vous recevez
Le site en ligne et le dossier de livraison : visite guidée enregistrée et guide d’exploitation.
04
Automatiser
je fais
Je connecte ce qui se passe après le clic, comme la confirmation, le suivi et le transfert à votre CRM, si cela est dans le cadre.
Votre rôle
Décidez quels suivis doivent être automatiques et lesquels doivent rester personnels.
Vous recevez
Un site qui continue de fonctionner après le départ du visiteur.
Façons de travailler ensemble
Deux formules de départ. Votre projet détermine le périmètre final.
Chaque réalisation commence par un brief écrit et se termine par les tests convenus avant mon intervention. Périmètre fixe, prix fixe, sans compteur horaire.
Site immersif
Site de lancement
À partir de 1 600 $US
Pour une nouvelle offre, une relance, ou une entreprise dont le site est la première impression.
Site immersif
Site vitrine immersif (3D, cinématique)
À partir de 3 200 $US
Pour les marques qui souhaitent que le site lui-même soit la pièce maîtresse.
Après le lancement
Les outils d’IA, les navigateurs et votre entreprise changent tous. Si vous souhaitez que le site continue de fonctionner et que je continue de l'améliorer, le plan IA Operations Partner couvre cela mensuellement.. On en parlera quand cela sera utile, pas avant.
Prix en USD, à partir d’un périmètre défini. Vous hésitez entre les formules ? L’appel est là pour cela.
Ce que vous obtenez
Un site aussi efficace que soigné, dont vous gardez toutes les clés.
Expérience
Une expérience distinctive
Choisi pour votre offre : un scroll story, un film de marque, une scène ou un personnage 3D, ou encore une démo interactive de ce que vous vendez.
Rédaction
Des textes pensés pour la conversion, écrits pour chaque page.
Une promesse, une action principale et des objections répondues là où elles surgissent.
Connexions
La fonction utile, réellement connectée.
Réservation, paiement ou collecte de demandes reliés à votre calendrier, CRM ou outil d’e-mailing.
Mobile
Conçu d'abord pour les téléphones.
Une version multimédia plus légère pour mobile, une affiche fixe au lieu du mouvement lorsque les gens le demandent, et une solution de secours en 2D lorsque la 3D n'est pas disponible.
Accès
Vérification de l’accessibilité.
Itinéraires du clavier, contraste lisible, texte réel au lieu du texte à l'intérieur des images et vérifications de la hache dans les états du site.
Référencement
Bases du référencement et de l’analyse.
Des titres et des descriptions épurés, des pages pré-rendues et des analyses respectueuses de la confidentialité sur les actions importantes.
CMS
Contenu que vous pouvez modifier
Sans m'appeler à chaque phrase. Le Build Brief répertorie exactement quel contenu est modifiable et comment vous allez le modifier.
Questions
Les questions avant de réserver.
Combien ça coûte ?
Launch Site à partir de 1 600 $US et Immersive Flagship à partir de 3 200 $US. Votre brief de réalisation fixe le prix final avant le début de mon travail.
Combien de temps cela prend-il ?
Cela dépend de le périmètre, et le calendrier est indiqué dans votre Build Brief avant de commencer. Le facteur le plus important est généralement la rapidité avec laquelle nous pouvons réviser les versions ensemble, et non la version elle-même.
Construit avec l’IA : n’aura-t-il pas l’air générique ?
Le générique vient du fait de sauter la réflexion, pas des outils. Votre site commence par un résumé de votre visiteur et de votre action. Chaque version est révisée par moi, puis approuvée par vous. Regardez le travail Misclo et Theo ci-dessus et lisez les notes de construction dans le laboratoire.
La 3D et la vidéo vont-elles ralentir mon site ?
Pas s’ils sont planifiés dès le premier jour. J'écris un budget de performance dans le brief, avec des chiffres : des objectifs de charge et de stabilité de mise en page, une limite de taille pour l'affiche, le film et les fichiers 3D, et un test qui les vérifie avant le lancement. La page affiche d'abord une image fixe, une vidéo et une charge 3D uniquement une fois que la page est utilisable, les téléphones obtiennent des fichiers plus légers et les visiteurs qui demandent une réduction des mouvements ou une sauvegarde des données obtiennent des images fixes. Si la 3D n'est pas prise en charge, il existe une version 2D.
Le site sera-t-il accessible à tous ?
L'accessibilité fait partie des tests d'acceptation : itinéraires du clavier, contraste, texte réel, préférences de mouvement et vérifications automatisées des haches dans les états du site. Si votre site nécessite un audit formel de conformité légale, je vous le dis dès le départ : il s'agit du travail d'un auditeur certifié, réservé par vous directement, et ne fait pas partie de ma construction.
À qui appartient le site ?
Vous faites : le code, le contenu, le domaine et les comptes. Les outils et l'hébergement tiers fonctionnent sur vos propres comptes, vous n'êtes donc jamais bloqué.
Puis-je le modifier moi-même ?
Oui. Votre Build Brief répertorie le contenu que vous modifierez, comme le texte, les images, les prix et les FAQ, et comment : généralement un CMS basé sur Git ou sans tête choisi en fonction de la fréquence à laquelle vous modifiez les choses. Tout abonnement CMS est facturé sur votre propre compte. Le guide de l'opérateur vous montre comment procéder.
L’utilisation des images ou des films générés par l’IA est-elle sûre ?
J'utilise les médias IA là où ils servent l'histoire, je l'étiquete honnêtement et je vérifie les conditions commerciales de chaque outil avant que quoi que ce soit ne soit mis en ligne. Lorsqu'un actif tiers est impliqué, comme un modèle 3D ou un pack de mouvements, la licence est confirmée en premier. Certains de mes propres actifs de laboratoire attendent exactement ce contrôle, et vous ne les verrez pas sur ce site tant que ce ne sera pas fait.
Externalisez-vous le travail ?
Non. Vous travaillez avec moi. L’IA constitue mon équipe ; je lui donne les instructions et vérifie son travail. Une personne reste responsable de chaque décision.
Pouvez-vous montrer le travail de vos clients au cours de vos années d'agence ?
Pas par son nom sans la permission des clients. En tant que CTO, mon équipe a livré et entretenu plus de 28 plateformes client, et le rubrique parcours professionnel du laboratoire décrit les problèmes que nous avons résolus, comme une plateforme d'apprentissage multi-écoles en trois langues, sans nommer personne. Lors de l’appel, je suis heureux d’aller plus loin.
Un nouveau site augmentera-t-il mes ventes ?
Je ne peux pas le promettre, et vous devriez vous méfier de quiconque le fait. Ce que je peux promettre, c'est un site construit autour d'une action claire, conçu pour mesurer cette action et testé par rapport aux critères sur lesquels nous nous sommes mis d'accord avant la construction.
Que se passe-t-il après le lancement ?
Vous recevez le pack de remise : une procédure pas à pas enregistrée et un guide de l'opérateur. Si vous souhaitez que je le continue à fonctionner et que je l'améliore de mois en mois, le plan IA Operations Partner couvre cela ; nous pouvons en parler lors de l'appel.
Prochaine étape
Dites-moi ce que votre site doit vous permettre d’accomplir.
Faire réaliser
Réservez 15 minutes avec moi
Réservez 15 minutes. Apportez votre site actuel, ou juste l'idée. Je viendrai préparé avec des questions et vous repartirez en sachant si une construction immersive est la bonne décision et à quoi elle ressemblerait.
Gratuit, sans présentation commerciale à préparer. Si ce n’est pas adapté, je vous le dirai.
Commencez par vous-même
Vous n'êtes pas prêt à parler ?
Commencez par le Solo Builder Blueprint, mon guide et ma feuille de travail gratuits : Choisissez → Configurer → Construire → Automatiser → Améliorer. Aucune inscription. Les autres outils gratuits sont en la bibliothèque, sans inscription.