Vendredi soir, 30 octobre, à 17 h 28, j’ai ouvert mon ordinateur et j’ai demandé à un assistant IA de regarder UrbanKID. Samedi, vers 15 h, le site que vous lisez maintenant était un autre. Courte nuit de sommeil comprise. Je n’ai pas écrit une seule ligne de code et je ne me suis pas connecté une seule fois à l’interface d’administration.
Dana a écrit le premier article sur UrbanKID en mars 2009. Elle attendait un bébé, je la regardais, et nous pensions tous les deux savoir ce qui nous attendait. Dix-sept ans ont passé. Les enfants ont grandi, le site a réuni plus de 6 000 articles, des dizaines d’auteurs et des commentaires de gens qui nous écrivaient à 3 heures du matin, un bébé dans les bras. Et peu à peu, comme toute maison où l’on vit trop longtemps, il s’est rempli de choses qu’on ne voyait plus.
Je l’ai lancé avec Matei Garici, quand nous étions collègues chez MediaPro Interactiv. Orlando Nicoară nous a donné notre chance, et de quoi embaucher un rédacteur, pour travailler sur un projet de cœur à côté de notre emploi. Plus tard, Vivi Floricică et Roxana Jilăveanu ont fait vivre UrbanKID pendant de longues années comme rédactrices en chef.
Des bannières. Des scripts publicitaires. Des extensions oubliées. Une page qui téléchargeait 8,7 Mo sur un téléphone, soit quatre grandes photos et encore 285 petits bouts de code, pour afficher quelques titres. Et pour quoi ? Pour quelques dollars par mois.
Rentré de vacances, je l’ai regardé comme un étranger
Nous avons passé quelques jours en Espagne. Valence, la mer, beaucoup de marche, des enfants qui m’arrivent maintenant à l’épaule et qui ont un avis sur tout. Quand on revient d’un bel endroit, on voit sa maison autrement. J’ai ouvert urbankid.ro sur mon téléphone et j’ai eu un peu honte.
17 ans de pages d’accueil
Avant de vous dire ce qui a changé, regardez à quoi ressemblait la page d’accueil au fil des ans. Je les ai retrouvées dans Internet Archive, cette merveilleuse bibliothèque qui se souvient d’internet mieux que nous. Faites glisser vers la gauche.
Captures tirées d’Internet Archive. S’il manque une image, elle manque aussi dans l’archive.
Comment c’est fait, en mots simples
Imaginez un artisan très rapide, qui ne se fatigue jamais et a lu tout ce qui a été écrit sur les maisons. Il n’a pas de goût et ne sait pas comment vous voulez vivre. Mais dites-lui « je veux plus de lumière ici » et il a fini avant votre café. C’est à peu près ça, travailler aujourd’hui avec un assistant IA.
J’ai commencé par une conversation dans ChatGPT, où j’ai décrit ce que je voulais : un design plus moderne, qui mette en valeur les articles et les auteurs, se charge vite et soit beau sur téléphone. J’ai reçu une page. Je l’ai passée à Claude, l’assistant qui a fait le reste, branché directement sur le site. Puis est venue ma part : j’ai regardé, dit ce qui ne me plaisait pas et envoyé des captures depuis mon téléphone.
« Le logo est trop petit. » « Ici, c’est un peu ennuyeux. » « Ce lien mène à une page vide. » « Pourquoi les images ne marchent plus ? » Voilà toute ma programmation. Le nouveau site a vécu à côté de l’ancien, à une adresse séparée, jusqu’à ce que je dise « allez ». Vous n’avez rien vu jusque-là.
- MénageMises à jour, sécurité, vieilles extensions à la poubelle. On ne peint pas des murs humides.
- Le nouveau designUne seule page, comme point de départ.
- La basculeLa nouvelle page d’accueil et tous les articles, avec le nouveau look.
- LiensLes anciens articles reliés entre eux, pour qu’aucun ne reste seul.
- Le matin, au téléphoneJ’ai lu comme un visiteur et trouvé ce qui ne marchait pas.
- Pages de catégorieUn petit magazine, avec des filtres par auteur et par année.
- Les illustrationsPour que ça ressemble davantage à un lieu fait par des humains.
Le « moins de 24 heures » est vrai, mais ne vous laissez pas tromper. Le design lui-même, de la première idée à la mise en ligne, a pris 2 heures et 45 minutes. Le reste, c’était le rendre nôtre. Et il reste du travail : je vais le traduire entièrement en plusieurs langues.
26 → 88la note de vitesse de Google, sur téléphone
46 → 100la même note, sur ordinateur
8,7 → 0,8 Moce que votre téléphone télécharge pour la page d’accueil
42 → 5,3 savant que l’essentiel de la page s’affiche, sur un téléphone lent
Ce qui a changé
Nous avons changé
- Divi, de 4 à 5. Ce n’était pas prévu. C’est venu en bonus inattendu des mises à jour, et ensuite j’ai vérifié chaque type de page.
- L’apparence, partout. Page d’accueil, articles, catégories, auteurs, même la page d’erreur.
- Les publicités. Je les ai toutes retirées, avec les scripts qui vous suivaient. Quelques dollars par mois ne valaient pas votre patience.
- Les paragraphes. 4 455 anciens articles n’étaient qu’un seul bloc de texte. Maintenant ils respirent : de 28 889 paragraphes à 59 513.
- La façon de trouver les choses. Filtres, liens entre articles, étagères avec toute la bibliothèque.
- Ce que voit Google. Plus de 9 000 pages d’étiquettes vides ont quitté les résultats de recherche.
Nous avons gardé
- Tous les textes. Exactement tels qu’ils ont été écrits. J’ai vérifié mot à mot, sur les 6 085 articles.
- Les adresses. Les anciens liens fonctionnent toujours.
- Les commentaires. Tous. Ils sont la moitié du site.
- 30 pages faites à la main. Festivals, cartes, choses dessinées avec amour. Elles restent comme elles étaient.
- Le sourire du logo. Et « être parent, c’est fun ». Surtout quand ça ne l’est pas.
Deux coins avec leurs propres règles
Tout sur UrbanKID n’est pas un article ordinaire. Deux rubriques ont reçu un look fait rien que pour elles, parce qu’on y vient pour autre chose.
Pui de compuneri (rédactions)
560 trames de rédactions, commencées par Sandra et poursuivies par Roxana. Les élèves arrivent ici en général la veille du devoir, alors chacune est posée sur une page de cahier, avec lignes et marge, et à côté c’est écrit clairement : lis-la, puis ferme la page et écris avec tes propres mots. Sans bruit autour, avec d’autres sujets à portée de main.
Cuca Cuca
« Cuca-cuca », c’était le mot d’Ioana pour n’importe quel écran, et le projet a gagné la catégorie Audio-Vidéo à Webstock en 2012. Aujourd’hui, il ressemble à une petite télé : des rangées de vidéos, on choisit l’âge de l’enfant et on lance la lecture dans la page. Beaucoup de clips avaient disparu de YouTube entre-temps, alors j’ai vérifié chaque lien et il en reste 70 qui marchent vraiment.
Comment j’ai utilisé l’IA, et là où elle ne m’aide pas
L’IA a lu toute la bibliothèque, déplacé, vérifié, réparé. Elle a retiré les publicités, trouvé pourquoi la page se chargeait lentement, comparé tous les textes pour s’assurer qu’aucun mot ne s’était perdu. Des choses pour lesquelles j’aurais payé une équipe et attendu des mois.
Mais elle s’est aussi trompée. Une fois, elle a raccourci une rédaction de 393 mots à 9. Elle s’en est rendu compte seule, avant que ça vous arrive. Une autre fois, elle a vidé la page du journal de Dana, et celle-là, je l’ai repérée moi-même, sur mon téléphone, samedi matin. Et les vieilles photos : j’ai découvert plus de 2 300 images qui ne s’affichaient plus, certaines depuis des années, sans qu’on le sache. Beaucoup ont été réparées. D’autres sont perdues pour de bon, dont des galeries des premières années.
Les illustrations du site ont aussi été faites avec l’IA, selon mes indications.
Qu’est-ce qui reste humain ? Savoir ce que l’on veut. Sentir quand quelque chose sonne faux. Se soucier de ceux qui lisent. Personne ne fait ça à votre place, si vite qu’il écrive.
ça m’a rappelé quelque chose.
Ce qu’est Respira for WordPress
Je dois vous dire quelque chose : Respira est mon produit. Je l’ai créé moi-même, de zéro, et je m’en occupe maintenant presque à plein temps.
C’est une extension WordPress qui permet à un assistant IA, comme ChatGPT ou Claude, de travailler directement sur votre site. Dans le même constructeur de pages que vous avez déjà, avec une copie de sécurité avant chaque changement, pour pouvoir toujours revenir en arrière. « Respira » veut dire « respire » en roumain, et c’est tout l’esprit : vous pouvez respirer, car tout changement peut être annulé.
Cette refonte est aussi un test sur moi-même. Si les détails techniques, les chiffres et toutes les erreurs notées une à une vous intéressent, j’ai tout mis dans une étude de cas sur respira.press.
Et maintenant ?
Maintenant, cassez-le, s’il vous plaît. Parcourez-le comme une maison neuve, ouvrez toutes les portes et dites-moi en commentaire ce qui ne marche pas, ce qui vous manque ou ce qui était mieux avant. L’ancienne page d’accueil est toujours ici, par nostalgie.
Merci d’être là, certains depuis 17 ans. Être parent, c’est fun. Ça tient toujours.
0 commentaire