Le nouveau Jetpack.com, un mois après

En avril, nous avons commencé à reconstruire Jetpack.com. Quelques jours plus tard, les outils de codage par IA ayant réalisé presque tout le travail, nous avions déjà un thème fonctionnel et un site de préproduction.

C’était plus rapide que prévu. Le projet a donc pris de l’ampleur.

Avançons rapidement jusqu’au 27 août : le nouveau Jetpack.com a été mis en ligne. Un peu plus d’un mois s’est écoulé, et je veux vous montrer ce qui a changé, comment nous l’avons construit et ce qu’il nous permet de faire désormais.

Nous avons volontairement lancé le site à fonctionnalités équivalentes

L’objectif du lancement n’était pas une refonte spectaculaire. Il s’agissait de conserver tout ce qui fonctionnait déjà pour les visiteurs et de remplacer les fondations sous-jacentes… tout en apportant quelques retouches au design existant.

Mon collègue Robert s’est chargé de la partie difficile, le back-end et l’infrastructure, tandis que je me suis concentré sur le front-end et le design (mon domaine de prédilection).

La page d’accueil et la page des tarifs ont le plus changé par rapport au design d’origine. Auparavant, les tarifs se trouvaient dans une application distincte : cliquer sur « Tarifs » vous faisait quitter le site. C’était une expérience utilisateur maladroite ; désormais, il s’agit d’une page de Jetpack.com comme les autres. La plupart des pages de produits ont conservé leur contenu et ont été intégrées au nouveau design.

Les premiers chiffres indiquent que le changement n’a pas eu d’effet négatif sur les taux de conversion, et nous constatons même une légère hausse. L’objectif était de servir de référence, alors tout résultat supérieur est la cerise sur le gâteau.

C’est un thème de blocs WordPress

Le nouveau site est un thème de blocs qui fonctionne sur WordPress.com. Chaque page est composée de blocs et de compositions, et les éléments interactifs sont des blocs personnalisés écrits en TypeScript avec l’API Interactivity.

Il n’y a ni constructeur de pages ni interface front-end headless. C’est WordPress.

Le contenu est également stocké dans git

C’est la partie qui, selon moi, intéressera le plus les créateurs WordPress.

Chaque article, page et guide d’assistance de Jetpack.com se trouve également dans un dépôt git sous forme de balisage de blocs brut. Cela représente près de 1 000 articles de blog, environ 350 guides d’assistance et 77 pages, tous versionnés à côté du thème.

Il existe trois façons pour qu’une modification atteigne le site :

Personne n’a à choisir son camp. Nos Happiness Engineers corrigent un guide d’assistance dans wp-admin comme ils l’ont toujours fait. Un développeur peut modifier une douzaine de pages dans une seule pull request et obtenir un second regard avant leur mise en ligne.

Les personnes décident. Les agents écrivent.

Nous avons construit ce site avec des agents de codage IA, et nous l’exploitons de la même manière.

Le dépôt contient des instructions que Claude Code, Codex ou Cursor peuvent suivre. Vous décrivez ce que vous voulez, par exemple : « mettez à jour les images mises en avant de ces anciens articles de blog » ou « créez une branche pour les animations de la page d’accueil et affichez-moi l’aperçu local. » L’agent récupère le contenu, effectue la modification, la vérifie et ouvre la pull request.

Il s’arrête et demande confirmation avant que quoi que ce soit ne touche au site en ligne (si vous n’êtes pas en mode YOLO). Les vérifications automatisées s’exécutent à chaque modification, et une personne l’approuve avant sa mise en ligne.

Les équipes marketing, d’assistance et d’ingénierie peuvent désormais toutes travailler sur le même site via le même processus.

Les traductions restent à jour toutes seules

Chaque page et chaque article que nous publions en anglais sont automatiquement traduits en espagnol, français, allemand et japonais. Nous avons choisi ces quatre langues parce qu’elles étaient les plus populaires sur l’ancien site.

Lorsque la version anglaise change, seuls les paragraphes modifiés sont retraduits. Chaque traduction est relue avant sa publication. Les guides d’assistance ont rejoint le même processus en septembre.

Une refonte de l’assistance en une journée

Vous voulez un exemple ?

Il y a environ une semaine, lors de notre réunion hebdomadaire avec l’équipe Happiness de Jetpack, nous avons discuté de la difficulté à trouver le bon guide d’assistance. Les guides d’un produit n’étaient accessibles que depuis une liste sélectionnée manuellement au bas de chaque article. VaultPress Backup compte 11 guides, et cette liste en affichait environ 8.

La refonte a été réalisée en une journée et mise en ligne cette même semaine.

Voici les nouveautés sur jetpack.com/support :

• Recherche qui ne renvoie que des guides d’assistance, avec les recherches populaires juste sous le champ.
• Des cartes « Scénarios courants » pour les problèmes qui amènent les gens stressés : un site en panne, un piratage, une connexion qui ne fonctionne pas, une sauvegarde à restaurer.
• « Parcourir par sujet » et « Parcourir par produit », afin que vous puissiez trouver un guide sans connaître son titre.
• Une barre latérale sur chaque article qui répertorie tous les guides de ce produit.
• « Cet article vous a-t-il été utile ? » à la fin de chaque article, afin que nous sachions quels guides doivent être améliorés.
• Nos Happiness Engineers, dont les photos et les noms apparaissent autour du champ de recherche.

La page « Contactez l’assistance » a également changé. Elle met en avant notre assistant IA de support et indique clairement où aller ensuite, que vous soyez client ou que vous utilisiez l’extension gratuite.

49 corrections depuis le lancement

Depuis le lancement, l’équipe a effectué 49 corrections et améliorations de suivi, sous la direction de Gergely Juhász et de Manzoor Wani.

Certaines sont mineures : des tableaux que vous pouvez faire défiler au clavier, un contrôle de pause sur le carrousel de la page d’accueil et d’anciens articles ayant perdu leur mise en forme des paragraphes lors du transfert.

Certains éléments sont directement issus de l’observation de personnes utilisant le site. Quelques jours après le lancement, j’ai demandé à une enseignante WordPress de configurer Jetpack pendant que je l’observais. Elle est arrivée sur la page d’accueil et n’a pas compris que Jetpack proposait une formule gratuite.

Les utilisateurs vont donc tout simplement partir.

Elle avait raison. La page d’accueil comporte désormais un bouton « Obtenir Jetpack gratuitement », et le texte situé dessous indique qu’une formule gratuite à vie est proposée, sans carte bancaire requise.

Et maintenant ?

Nous avons d’abord reproduit l’ancien site. Nous pouvons désormais l’améliorer, en clarifiant les pages produit, en ajoutant davantage de langues au fil du temps et en testant les changements plutôt qu’en faisant des suppositions.

Si vous repérez quelque chose de cassé ou de déroutant sur Jetpack.com, dites-le-nous. Et si vous créez des sites WordPress dans le cadre de votre activité et souhaitez mieux comprendre le fonctionnement du flux de travail Git et des agents, faites-le-moi savoir. Je me ferai un plaisir d’écrire un article de suivi.