Etude de cas : Refonte d'une plateforme de mise en relation client-expert avec Nuxtjs & Supabase

🎯 Contexte & Objectifs du projet

Mon client, une plateforme de mise en relation entre clients et experts, souhaitait offrir une expérience plus fluide et moderne pour permettre aux utilisateurs de contacter des experts via trois canaux : téléphone, chat et questions par email.

Cependant, l’ancienne architecture posait plusieurs problèmes majeurs :

• Une stack technique lourde et rigide, nécessitant un serveur PHP pour le front/backoffice et un serveur Node.js pour gérer les informations en temps réel.
• Un design dépassé et une UX limitée, rendant la navigation peu engageante.
• Un manque de flexibilité, rendant difficile l'ajout de nouvelles fonctionnalités.
• Aucune connexion via Google ou autres services tiers, ce qui compliquait l'expérience utilisateur

💡 Objectif : Migrer le site vers une architecture plus moderne et flexible tout en améliorant la vitesse, la réactivité et l’expérience utilisateur.

Les solutions mises en place

Pour résoudre ces problèmes, j’ai opté pour une refonte complète de l’architecture :

• ✅ Migration de CakePHP vers Nuxt.js & Supabase :
  • Suppression du serveur PHP au profit de Nuxt.js, plus rapide et plus dynamique.
  • Passage de la gestion des données à Supabase, qui offre des fonctionnalités temps réel et libère le serveur.
• ✅ Optimisation des mises en relation hors site :
  • Désormais, un expert peut gérer ses contacts sans être connecté sur un navigateur web.
  • Mise en place d’un système de webhooks pour notifier les experts en dehors de la plateforme.
• ✅ Gestion en temps réel des experts avec Supabase :
  • Affichage instantané du statut des experts (disponible, occupé, hors ligne).
  • Ajout d’une indication de saisie et de statut en direct dans les conversations.
  • Information en temps réel des états des appels téléphoniques
• ✅ Amélioration de l’authentification utilisateur :
  • Intégration d’une connexion Google et services tiers via Supabase Authentication.
• ✅ Refonte UX/UI pour une meilleure expérience :
  • Interface modernisée avec un design plus dynamique.
  • Expérience utilisateur améliorée, avec une meilleure fluidité et interaction en temps réel.

Les résultats obtenus après la refonte

• Un site plus rapide et plus dynamique grâce à l’adoption de Nuxt.js.
• Une meilleure gestion des experts, qui peuvent interagir sans être devant leur écran.
• Une connexion plus fluide pour les clients, qui peuvent s’authentifier en un clic via Google.
• Une gestion des tchats plus fluide, avec indication en temps réel de la saisie et du statut du tiers.

Ce que j’ai appris & défis surmontés

• Approfondissement de mes compétences en Nuxt.js et Supabase.
• Mise en place d’un système de webhooks pour assurer le fonctionnement hors site.
• Développement d’un système de mise en relation en temps réel sans dépendre du navigateur web.
• Quelques optimisations UX à envisager à long terme pour encore améliorer l’expérience utilisateur.

🎯 Besoin d’une refonte technique pour votre projet ?

Si vous souhaitez moderniser votre site avec des technologies innovantes et performantes, contactez-moi