Comment zaela.com a été fait avec Zaela

zaela.com est le site international de Zaela, le nouveau nom d’Edge OS. Il parle cinq langues : anglais, français, allemand, néerlandais et chinois simplifié. Il a été construit par Claude, au travail dans Zaela. Ce cas montre comment le travail a été réparti, et où une personne a gardé le dernier mot.

Le brief

Présenter Zaela, le nouveau nom d’Edge OS, à un public international, en cinq langues, avec un film de marque au centre. Le site est aussi sa propre preuve : il a été fait avec le produit qu’il décrit.

La mémoire : la marque, mise par écrit

La mémoire de marque a guidé le travail : les règles de marque, le ton, les couleurs et le style maison. Ce sont ces règles qui font qu’un site en cinq langues reste reconnaissable comme un seul site.

Le style maison est assez précis pour être suivi. Le logo est un papillon fait de 88 points sur une grille hexagonale. Tout le site parle le même « langage de points » : animations, pictogrammes et champs de points, qui ne se placent jamais derrière du texte. Des règles aussi exactes, c’est à cela que sert la mémoire : écrites une fois, elles ont guidé chaque page.

L’agent : une méthode écrite

Le deuxième guide a été la méthode de l’agent Website Builder. Elle est écrite, et présentée en entier sur la page Website Builder du site, en sept étapes : Objectif et marché · Promesse et structure · Cadre de style · Technologie · Construction · Tests · Livraison et mise en ligne.

Dans Zaela, une méthode peut vivre dans un skill à part, partagé par plusieurs rôles, ou dans les instructions d’un agent. Ici, c’est le second cas : la méthode appartient au Website Builder.

Les choix techniques suivent la même ligne. Le site est statique : un petit script de build transforme des gabarits et cinq fichiers de langue en pages HTML simples. Aucun framework. C’est conforme à ce que recommande la méthode elle-même : statique là où c’est possible, avec le contenu principal en vrai HTML, lisible par les moteurs de recherche et les robots des IA.

Les outils : le film et la publication

Le film de marque est un film naturaliste de 1 minute 29 secondes consacré à un vrai papillon, Dismorphia zaela, appelé en anglais zaela mimic white. Il compte deux chapitres : I · Mimétisme et II · L’effet papillon.

Chaque élément a été fait à sa manière :

• Les images : générées par IA avec Google Veo 3.1 Fast, à partir d’images clés créées avec un modèle d’image. Elles sont signalées comme générées par IA.
• La voix off : synthétique, réalisée avec la synthèse vocale de Gemini.
• La musique et le son : synthétisés par du code, en fa dièse majeur.
• Les sous-titres : dans les cinq langues.

Un peu de contexte sur les modèles. Google a présenté Veo 3.1 et Veo 3.1 Fast en octobre 2025. Veo 3.1 peut partir d’images qu’on lui fournit, comme une première et une dernière image : une image fixe peut ainsi définir l’aspect d’un plan avant que le mouvement soit généré. La synthèse vocale de Gemini permet de diriger le style, l’accent, le rythme et le ton en langage courant.

La publication passe elle aussi par un outil : la publication web de Zaela. Chaque version passe d’abord en prévisualisation. La mise en ligne demande la validation d’un Owner ou d’un Admin.

Les contrôles avant chaque version

Avant chaque mise en production, chaque page est contrôlée automatiquement dans les cinq langues, sur ordinateur et sur mobile, pour repérer les erreurs et les débordements de mise en page.

Ce qu’une personne a encore décidé

Claude a construit, guidé par la mémoire et par la méthode. Une personne a fait les choix de style et les choix pour le film. Et aucune version ne passe en ligne sans la validation d’un Owner ou d’un Admin.

C’est un partage utile. L’IA fait le travail qui se fait bien et se répète ; les personnes décident là où entrent le goût et la responsabilité.

Ce que vous pouvez en retenir

• Mettez d’abord la marque par écrit. Une IA ne peut pas suivre des règles de marque qu’on ne lui a jamais données. Des règles précises, comme « jamais de points derrière du texte », traversent les langues et les pages.
• Donnez au travail une méthode, pas un gabarit. Une méthode écrite avec un niveau de qualité sert au projet suivant ; un gabarit ne convient qu’au précédent.
• Choisissez la technique la plus simple qui fonctionne. Du HTML simple produit par un petit script se vérifie facilement.
• Signalez ce que l’IA a fait. Les images du film sont générées par IA et signalées comme telles. Dites quel outil a fait quoi, comme ce cas le fait.
• Automatisez les contrôles. Cinq langues sur deux formats d’écran, cela fait dix vues de chaque page. Laissez un script les regarder toutes avant chaque version.
• Gardez une personne à la porte. D’abord la prévisualisation, ensuite la validation pour la mise en ligne.

À votre tour

Dans Zaela, votre équipe travaille avec les mêmes quatre briques : une mémoire de marque, des agents dotés d’une méthode écrite, des outils qui créent et publient, et une validation là où elle compte. Voir ce que fait Zaela.