Retour à la galerie
Pièce V

CodeOuPas

Une enquête en salle d'arcade

Une plateforme d'avis sur les agences web, pensée comme une partie d'arcade : un panda roux mène l'enquête, les clients apportent les preuves, et l'on vérifie une agence avant de signer.

Accueil de CodeOuPas sur ordinateur
Commanditaire
Plateforme d'avis sur les agences web
Lieu
Bruxelles, Belgique
Technique
Plateforme d'avis, analyse automatique, univers de jeu
Durée d'atelier
En développement continu
Année
2026
Le contexte

Ce qu'il fallait résoudre

Avant de signer avec une agence web, un entrepreneur n'a souvent que sa vitrine pour juger : un beau site peut cacher un modèle acheté, un code généré sans savoir-faire, ou une agence qui disparaît au premier bug. CodeOuPas devait lui donner de quoi vérifier avant de payer : le témoignage de ceux qui sont passés avant lui, et l'analyse technique du site de l'agence, en deux minutes. Le sujet touche à l'argent et à la réputation, et une plateforme d'avis ne vaut que par la rigueur de sa méthode. Il fallait pourtant qu'on ait envie d'y entrer, d'y revenir, et d'y laisser à son tour son propre récit.

Notre parti pris

La réponse de l'atelier

Notre parti pris : traiter un sujet grave comme une partie de jeu d'arcade, et tenir la méthode au millimètre. Un panda roux mène l'enquête, la page se parcourt en niveaux, et l'appel à témoigner s'ouvre sur « press start » : le ton désarme la méfiance et donne envie de raconter. Derrière le jeu, chaque avis repose sur des faits, huit signaux qu'on coche plutôt qu'une humeur, chaque auteur est vérifié par un code, et la méthode est publiée en entier, comme la loi le demande aux plateformes d'avis. Le jeu sert l'enquête, jamais l'inverse.

La palette

Les couleurs, relevées sur l'œuvre

Chaque teinte est celle que le site affiche réellement, relevée sur sa page d'accueil, avec les polices qui l'accompagnent.

Nuit Hexa #15122B RVB 21 18 43
Rose Hexa #FF4F8B RVB 255 79 139
Jaune Hexa #FFD64A RVB 255 214 74
Cyan Hexa #38E1FF RVB 56 225 255

La typographie

Rubik

Les titres et le texte, d'une seule famille aux formes rondes, du léger au noir : une voix de jeu, franche et lisible.

Press Start 2P

Les étiquettes, en pixels de console 8 bits : niveaux, scores, signaux, « insert coin ».

Sur tous les écrans

Le site, déroulé comme un rouleau

Faites défiler la page : les deux captures se déroulent avec elle, comme un makimono, l'une sur grand écran, l'autre sur téléphone.

Sur ordinateur
La page d'accueil de CodeOuPas en entier, sur ordinateur
Sur téléphone
La page d'accueil de CodeOuPas sur téléphone
Ce que porte le site

Le détail de l'ouvrage

一

Huit signaux vérifiables, cochés dans chaque avis en plus des étoiles : maîtrise, livraison, sécurité, bases du métier, légal, devis, copie, faux avis.

二

L'analyse du panda : un contrôle automatique du site de chaque agence, noté sur cent, avec son rapport à télécharger en PDF.

三

Un avis publié seulement après un code envoyé à l'adresse de son auteur, et un droit de réponse pour chaque agence, sous l'avis.

四

Un jeu, « Vibecodé ou pas ? », et un combat du développeur contre le vibecodeur, joués en pixels.

Ce qu'elle a produit
Une plateforme où l'on vérifie une agence avant de signer : des avis appuyés sur des faits, et l'analyse de son site en deux minutes.
Voir l'œuvre en ligne↗
空

Commencez par un audit offert

Laissez-nous votre site et un mot sur votre projet. Un directeur l'étudie et vous répond personnellement sous vingt-quatre heures : ce qui freine vos visiteurs, ce que nous ferions, et si votre maison peut entrer chez nous. C'est la première porte de l'admission, et elle ne vous engage à rien.

Réserver un appel de 15 min

Vous préférez tout nous présenter en détail ? Ouvrir le dossier d'admission