Étude de cas : un éditeur SaaS automobile

En bref

Un éditeur SaaS du secteur automobile a confié à iRok la modernisation et l’optimisation de sa plateforme web. Résultat : une page clé cinq fois plus rapide et une stack entièrement modernisée.

✅ 100 % des tickets livrés dans les délais

✅ Des profils expérimentés, prêts à produire dès les premières semaines.

Le client et son besoin

Le client édite une solution SaaS qui diagnostique les batteries de véhicules électriques et délivre un certificat d’état. Son application web (React en frontend, PHP en backend) traite de gros volumes de données de diagnostic.

Quand iRok est intervenu, la plateforme souffrait de lenteurs importantes et reposait sur une stack vieillissante. L’équipe interne manquait d’expertise JavaScript/React pour moderniser l’application et optimiser ses performances.

Pellenc

Ce que l’équipe iRok a livré

Optimisation de la page Certificats

la plus sollicitée de l’application : Web Workers pour déporter les calculs lourds, IndexedDB pour conserver les données côté navigateur, virtualisation React pour afficher de grands volumes sans ralentissement, et streaming des données pour réduire le temps de chargement initial.

Migration de la stack de build

de CRACO/Webpack 4 vers Vite et React 18, avec refactoring des composants class en function components.

Responsive design

sur les pages principales, avec adaptation tablette et desktop et tests multi-navigateurs.

Résultats

Les utilisateurs accèdent désormais à leurs certificats en quelques secondes, même sur de gros volumes de diagnostics. Toutes les évolutions ont été mises en production et la recette a été validée par le client.

La stack modernisée réduit aussi la dette technique : le client peut faire évoluer son produit plus vite et plus sûrement.

Pellenc

Organisation de la mission

L’équipe iRok s’est intégrée directement dans les outils et les process du client, avec des échanges quotidiens sur Slack.

  • Team lead (client) : priorise et assigne les tickets, valide les PR, met en production.
  • Développeur fullstack (iRok) : développe les fonctionnalités et optimisations, soumet les PR.
  • Staff technique (iRok) : propose les choix d’architecture, appuie le développeur sur les décisions techniques.
  • Coordination (iRok) : suit la mission et assure le lien avec le client.
Pellenc