Teo & Pixel : les mascottes de The Human Behind AI

L’idée

Je voulais que les visiteurs sourient en lisant. J’ai donc caché deux personnages sur le site, un peu comme les petits nains de bronze que l’on découvre à Wrocław : Teo, un robot sympathique, et Pixel, son chat robot. Ils s’assoient sur des cadres, s’allongent sur des lignes, surgissent de derrière des photos et attendent qu’on les trouve.

Les dessiner

J’ai créé chaque pose dans ChatGPT, dans une seule conversation, pour que les deux personnages gardent la même allure d’une page à l’autre.

Une seule règle de taille

Pixel, sur ma page À propos, donne l’échelle, et Teo est toujours deux fois plus grand. Chaque mascotte est mesurée à la largeur de son visage : Teo assis et Teo qui marche restent le même personnage.

Leur donner vie

Avec Claude Code, chaque mascotte est devenue un petit ensemble de calques :

• elles clignent des yeux, grâce à des images supplémentaires aux yeux fermés ;
• cœurs, étincelles, vapeur, ampoule et queues de chat bougent doucement tout seuls ;
• Teo fait coucou, lève le pouce et balance les jambes ;
• sur la page d’accueil, un Teo se dissout en pixels quelques secondes après qu’on l’a remarqué.

Teo livre le logo

Sur la page d’accueil, Teo arrive avec un chariot, pose le logo à sa place et poursuit son chemin à travers le menu. Quatre dessins de ses pas défilent en boucle : il marche vraiment.

Garder le fil : The Roster

Avec des mascottes sur de nombreuses pages, j’ai créé un petit outil qui parcourt tout le site, trouve chaque mascotte, en fait une capture, la mesure et liste ses animations. Les nouvelles mascottes s’ajoutent toutes seules à la liste.

Notre façon de travailler

Je décrivais l’effet voulu et je jugeais chaque version. Claude Code découpait les calques, écrivait les animations et vérifiait chaque changement par des captures d’écran avant la mise en ligne.

Réalisé avec ChatGPT et Claude Code. Fait partie du site et portfolio « The Human Behind AI ».