Retour aux projets
sept. 2024Développeur Frontend

Refonte Infofin

Réécriture complète d'une plateforme d'encodage. Nouveau schéma de données, migration sans perte, et un formulaire que les utilisateurs ne redoutent plus.

LaravelShadcn UIInertia.JS

Le projet

Infofin, c'est la plateforme d'encodage des appels utilisée au quotidien par le personnel de l'ULB. Le problème : une infrastructure vieillissante, pas scalable, et un formulaire d'encodage tellement pénible que les utilisateurs y passaient des heures. Il fallait tout reprendre - pas un lifting, une reconstruction.

Ce que j'ai fait

Tout a été refait bottom up. Chaque fonctionnalité repensée, chaque écran redesigné, chaque interaction simplifiée.

Le coeur du travail, c'était le formulaire d'encodage des appels. L'ancien prenait trop de temps, demandait trop de clics, et laissait trop de place à l'erreur. J'ai reconstruit le processus complet, étape par étape, en testant chaque itération avec les encodeurs eux-mêmes. Pas de validation théorique : on testait, on ajustait, on retestait, jusqu'à atteindre un taux de satisfaction qui tenait la route.

Côté technique, la stack Laravel + Inertia.js donne la réactivité d'une SPA avec la solidité d'un backend classique. Shadcn UI comme base de composants, personnalisée pour coller au nouveau design system.

La stack

  • Laravel côté backend : routing, logique métier, gestion des migrations de données
  • Inertia.js comme pont : la réactivité d'une SPA sans construire une API séparée
  • Shadcn UI pour le design system : composants accessibles, personnalisés pour le projet
  • Vue.js côté frontend : interfaces réactives et composants réutilisables

Le vrai défi

La migration de données. Le nouveau schéma de base de données n'avait rien à voir avec l'ancien. Chaque table restructurée, chaque relation repensée. Et zéro marge d'erreur - perdre une donnée d'encodage, c'était pas une option.

On a écrit une batterie de tests qu'on a fait tourner encore et encore. Vérification ligne par ligne, comparaison entre les deux schémas, validation des cas limites. Le genre de travail invisible mais qui fait toute la différence le jour de la mise en production.

Et la mise en prod, justement - pas de migration progressive cette fois. Un switch complet, d'un coup. L'ancien système éteint, le nouveau allumé.

Résultat

Tout s'est bien passé. Aucune donnée perdue. Un formulaire que les encodeurs utilisent sans y penser au lieu de le subir. Et une plateforme qui pourra évoluer sans qu'on ait besoin de tout recasser dans deux ans.