Vibe Coding | Formation Vibe Coding Suisse | Journal IA & Développement

Notre page Réalisations avait une section Case Studies avec modal email-gate. Sur papier, ça semblait bien. En pratique, personne ne l'utilisait. On a supprimé 600 lignes de code. Le site est meilleur.

Contexte : la feature "Case Studies"

Ce qu'on avait construit :

- Section "Case Studies détaillés" avec 3 clients

- Modal email-gate (donner son email pour accéder au contenu)

- Métriques GA4 complètes par client

- LocalStorage pour persistance du déblocage

Temps de développement initial : ~8h

Lignes de code : ~600

Les données qui ont décidé

Analytics sur 30 jours :

- Clics sur "Voir case study" : 12

- Emails collectés : 2

- Taux de conversion : 0.02%

Comparaison :

- Clics sur "Contact" depuis /realisations : 47

- Taux de conversion : 0.5%

Conclusion : Les visiteurs voulaient nous contacter, pas lire des case studies. Le modal email-gate créait de la friction sans valeur ajoutée.

Le refactoring

Prompt à Claude :

"Supprime la section Case Studies et le modal email de /realisations. Garde le contenu en commentaire pour usage interne."

Ce que Claude a fait (15 min) :

1. Identifié tous les composants liés (EmailModal, CaseStudySection, hooks)

2. Supprimé les imports et le code

3. Vérifié que les autres features n'étaient pas impactées

4. Lancé le build pour confirmer 0 erreurs

Ce que j'ai fait (30 min) :

1. Review du diff (important de vérifier ce qui part)

2. Vérification visuelle de la page

3. Test des liens restants

4. Archivage du contenu case studies (on le garde pour les présentations)

Résultat

Avant :

- Page complexe avec modal

- 3 sections de contenu

- Code spaghetti (le modal était câblé partout)

Après :

- Page simple avec portfolio grid

- 1 CTA clair (Contact)

- Code propre et maintenable

Bonus performance :

- -15KB de JS (modal + logique email)

- Temps de chargement réduit

- Moins de code = moins de bugs potentiels

Ce qu'il faut retenir

-Les analytics décident, pas les opinions. 0.02% conversion = feature inutile.
-Supprimer du code est aussi productif qu'en ajouter.
-Less is more : une page simple avec 1 CTA clair > une page complexe avec 5 options.
-Toujours archiver avant de supprimer (le contenu peut servir ailleurs).

Stack

Google Analytics 4Next.jsGit (diff review)Claude Code

Refactoring : supprimer 600 lignes pour améliorer le site