Zo werd zaela.com gemaakt met Zaela

zaela.com is de internationale site van Zaela, de nieuwe naam van Edge OS. De site spreekt vijf talen: Engels, Frans, Duits, Nederlands en vereenvoudigd Chinees. Hij werd gebouwd door Claude, aan het werk in Zaela. Deze case toont hoe het werk verdeeld was, en waar een mens het laatste woord hield.

De briefing

Zaela, de nieuwe naam van Edge OS, voorstellen aan een internationaal publiek, in vijf talen, met een brandfilm als middelpunt. De site is meteen ook zijn eigen bewijs: hij werd gemaakt met het product dat hij beschrijft.

Geheugen: het merk, uitgeschreven

Het merkgeheugen stuurde het werk: de merkregels, de tone of voice, de kleuren en de huisstijl. Die regels zorgen ervoor dat een site in vijf talen herkenbaar één site blijft.

De huisstijl is precies genoeg om te volgen. Het logo is een vlinder van 88 bolletjes op een zeshoekig raster. De hele site spreekt dezelfde ‘puntentaal’: animaties, pictogrammen en velden van bolletjes, die nooit achter tekst staan. Voor zulke precieze regels dient het geheugen: één keer opgeschreven, stuurden ze elke pagina.

Agent: een uitgeschreven methode

De tweede leidraad was de methode van de agent Website Builder. Die is uitgeschreven en volledig te zien op de Website Builder-pagina van de site, in zeven stappen: Doel en markt · Belofte en structuur · Stijlkader · Stack · Bouwen · Testen · Opleveren en live.

In Zaela kan een methode in een aparte werkwijze (een skill) zitten, die meerdere rollen delen, of in de instructies van één agent. Hier is het het tweede: de methode hoort bij de Website Builder.

De technische keuzes volgen dezelfde lijn. De site is statisch: een klein buildscript maakt van templates en vijf taalbestanden gewone HTML-pagina’s. Er is geen framework. Dat sluit aan bij wat de methode zelf aanraadt: statisch waar het kan, met de kerninhoud als echte HTML die zoekmachines en AI-crawlers kunnen lezen.

Tools: de film en het publiceren

De brandfilm is een natuurfilm van 1 minuut 29 seconden over een echte vlinder, Dismorphia zaela, in het Engels de zaela mimic white. Hij heeft twee hoofdstukken: I · Mimicry en II · Het vlindereffect.

Elk onderdeel werd op zijn eigen manier gemaakt:

• Beelden: gegenereerd met AI, met Google Veo 3.1 Fast, vanuit keyframes die met een beeldmodel gemaakt zijn. De beelden zijn gelabeld als AI-gegenereerd.
• Voice-over: synthetisch, gemaakt met de tekst-naar-spraak van Gemini.
• Muziek en geluid: in code gesynthetiseerd, in Fis groot.
• Ondertitels: in alle vijf talen.

Wat context bij de modellen. Google stelde Veo 3.1 en Veo 3.1 Fast voor in oktober 2025. Veo 3.1 kan vertrekken van beelden die je meegeeft, zoals een eerste en een laatste frame. Zo legt een stilstaand beeld vast hoe een shot eruitziet voor er beweging gegenereerd wordt. Bij de tekst-naar-spraak van Gemini stuur je stijl, accent, tempo en toon in gewone taal.

Ook publiceren loopt via een tool: de webpublicatie van Zaela. Elke versie gaat eerst naar een preview. Live gaan vraagt goedkeuring van een Owner of Admin.

Controles voor elke release

Voor elke release wordt elke pagina automatisch gecontroleerd in alle vijf talen, op desktop en mobiel: op fouten en op lay-out die buiten zijn kader loopt.

Wat een mens nog besliste

Claude bouwde, gestuurd door geheugen en methode. Een mens maakte de keuzes van stijl en de keuzes voor de film. En geen enkele versie gaat live zonder goedkeuring van een Owner of Admin.

Dat is een nuttige verdeling. De AI doet het werk dat zich goed laat doen en herhalen; mensen beslissen waar smaak en verantwoordelijkheid meespelen.

Wat je ervan kunt meenemen

• Schrijf eerst het merk uit. Een AI kan geen merkregels volgen die ze nooit gekregen heeft. Precieze regels, zoals ‘nooit bolletjes achter tekst’, werken over talen en pagina’s heen.
• Geef het werk een methode, geen sjabloon. Een uitgeschreven methode met een kwaliteitslat gaat mee naar het volgende project; een sjabloon past alleen op het vorige.
• Kies de eenvoudigste techniek die werkt. Gewone HTML uit een klein script is makkelijk te controleren.
• Label wat AI maakte. De filmbeelden zijn AI-gegenereerd en als zodanig gelabeld. Zeg welke tool wat maakte, zoals deze case doet.
• Automatiseer de controles. Vijf talen maal twee schermformaten is tien weergaven van elke pagina. Laat een script ze allemaal bekijken voor elke release.
• Houd een mens aan de poort. Eerst een preview, dan goedkeuring om live te gaan.

Zelf aan de slag

In Zaela werkt je team met dezelfde vier bouwstenen: een merkgeheugen, agents met een uitgeschreven methode, tools die maken en publiceren, en goedkeuring waar het telt. Bekijk wat Zaela doet.