Chicago Pneumatic

Refonte d'un sélecteur de produits industriels complexes

1 janv. 2022

Contexte du projet

Chicago Pneumatic Tools est une entreprise internationale spécialisée dans la conception et la vente d'outils pneumatiques et électriques destinés aux secteurs de l'industrie, de la maintenance automobile et de la construction/démolition. Leur objectif principal est de fournir un service et une assistance de qualité à leurs clients dans ces secteurs industriels. Forts de nombreuses années d'expérience, ils sont en mesure de proposer des solutions adaptées aux besoins de leurs clients.

Dans le cadre de ce projet, la tâche était de refondre et moderniser un sélecteur de produits industriels complexes. La modernisation impliquait la récupération du cœur de l'application existante, en réutilisant les algorithmes déjà développés et en les réimplémentant dans la nouvelle application. L'ancienne application nécessitait un reverse-engineering, car elle était initialement écrite dans une seule langue, en suédois, que ce soit pour le code ou les commentaires. Il a été nécessaire de traduire le code, de comprendre le code métier et les formules mathématiques utilisées pour les calculs et les tracés de courbes.

La partie la plus complexe de ce projet était de comprendre le fonctionnement de l'ancienne application. Une fois le code extrait, le développement de la nouvelle application a pu commencer. Pour cela, des outils solides et éprouvés ont été utilisés, combinant React et Chakra-UI. Le nouveau sélecteur a été rapidement mis en ligne grâce à un hébergement sur Render.com. Le déploiement automatique a permis d'appliquer rapidement les corrections et améliorations demandées par Chicago Pneumatic Tools, qui ont pu être mises en ligne et validées rapidement.

Le besoin

Chicago Pneumatic Tools, spécialisée dans la vente de produits techniques, a cherché à améliorer l'expérience de ses clients en mettant en place un sélecteur visuel. Sachant que le choix de produits complexes peut être un défi, l'entreprise a pris la décision de moderniser l'un de ses sélecteurs de produits en ligne.

Le principal objectif de cette initiative était de simplifier le processus de sélection des produits pour les clients de Chicago Pneumatic Tools. Dans cette optique, l'entreprise visait à créer une nouvelle interface intuitive et didactique. L'objectif était de rendre l'expérience d'achat fluide, même pour les utilisateurs ne disposant pas de connaissances techniques approfondies.

Une caractéristique distinctive du nouveau sélecteur de produits était sa capacité à accompagner les utilisateurs au-delà de la simple sélection d'un produit. Chicago Pneumatic Tools souhaitait que cette plateforme devienne une ressource complète pour les utilisateurs, en fonction de leurs besoins et de leurs profils. Par exemple, un vendeur pourrait partager les résultats de la sélection avec un client, un ingénieur aurait accès aux plans techniques et aux consignes de réglage, tandis qu'un client pourrait directement passer commande.

De l’idée à la réalité

L’équipe constituée pour ce projet comprenait un product manager, un designer ainsi qu’un développeur.

Lors de la phase de design, les enjeux étaient :

  1. Mieux accompagner l’utilisateur dans le choix du sélecteur

En guidant les utilisateurs étape par étape et en faisant preuve de pédagogie, les outils sont désormais accompagnés d'une phrase explicative mettant en avant leurs points forts,comme par exemple “Robust and low energy consumption”.

  1. Des simulations plus fines lors de la recherche d'un produit

Cela permet à l'utilisateur d'interagir de manière plus précise avec les courbes de performance du moteur pneumatique. Les modélisations sous forme de courbes interactives aident l'utilisateur à mieux comprendre les variations entre les différents produits.

  1. Pouvoir répliquer simplement le système

Cette initiative a permis de poser les bases d'une expérience que l'on pourra reproduire dans d'autres contextes professionnels, par exemple, pour la sélection d'autres outils et solutions de la même marque.

L'impact du projet

Aujourd'hui, l'outil est devenu incontournable et est largement utilisé, que ce soit en interne ou en externe. Sa simplicité et sa clarté d'interface constituent son principal atout pour attirer les utilisateurs.

Depuis son lancement, le sélecteur a été utilisé plus de 5000 fois par des utilisateurs en ligne. Il a considérablement amélioré la réactivité des vendeurs sur le terrain, leur permettant de répondre quasiment seuls à la plupart des demandes des clients.

De plus, il a réduit le besoin de formations spécifiques pour les équipes internes. Le mode didactique permet une prise en main aisée du sélecteur, tout en offrant les connaissances de base nécessaires pour comprendre le fonctionnement du produit sélectionné.

Contexte du projet

Chicago Pneumatic Tools est une entreprise internationale spécialisée dans la conception et la vente d'outils pneumatiques et électriques destinés aux secteurs de l'industrie, de la maintenance automobile et de la construction/démolition. Leur objectif principal est de fournir un service et une assistance de qualité à leurs clients dans ces secteurs industriels. Forts de nombreuses années d'expérience, ils sont en mesure de proposer des solutions adaptées aux besoins de leurs clients.

Dans le cadre de ce projet, la tâche était de refondre et moderniser un sélecteur de produits industriels complexes. La modernisation impliquait la récupération du cœur de l'application existante, en réutilisant les algorithmes déjà développés et en les réimplémentant dans la nouvelle application. L'ancienne application nécessitait un reverse-engineering, car elle était initialement écrite dans une seule langue, en suédois, que ce soit pour le code ou les commentaires. Il a été nécessaire de traduire le code, de comprendre le code métier et les formules mathématiques utilisées pour les calculs et les tracés de courbes.

La partie la plus complexe de ce projet était de comprendre le fonctionnement de l'ancienne application. Une fois le code extrait, le développement de la nouvelle application a pu commencer. Pour cela, des outils solides et éprouvés ont été utilisés, combinant React et Chakra-UI. Le nouveau sélecteur a été rapidement mis en ligne grâce à un hébergement sur Render.com. Le déploiement automatique a permis d'appliquer rapidement les corrections et améliorations demandées par Chicago Pneumatic Tools, qui ont pu être mises en ligne et validées rapidement.

Le besoin

Chicago Pneumatic Tools, spécialisée dans la vente de produits techniques, a cherché à améliorer l'expérience de ses clients en mettant en place un sélecteur visuel. Sachant que le choix de produits complexes peut être un défi, l'entreprise a pris la décision de moderniser l'un de ses sélecteurs de produits en ligne.

Le principal objectif de cette initiative était de simplifier le processus de sélection des produits pour les clients de Chicago Pneumatic Tools. Dans cette optique, l'entreprise visait à créer une nouvelle interface intuitive et didactique. L'objectif était de rendre l'expérience d'achat fluide, même pour les utilisateurs ne disposant pas de connaissances techniques approfondies.

Une caractéristique distinctive du nouveau sélecteur de produits était sa capacité à accompagner les utilisateurs au-delà de la simple sélection d'un produit. Chicago Pneumatic Tools souhaitait que cette plateforme devienne une ressource complète pour les utilisateurs, en fonction de leurs besoins et de leurs profils. Par exemple, un vendeur pourrait partager les résultats de la sélection avec un client, un ingénieur aurait accès aux plans techniques et aux consignes de réglage, tandis qu'un client pourrait directement passer commande.

De l’idée à la réalité

L’équipe constituée pour ce projet comprenait un product manager, un designer ainsi qu’un développeur.

Lors de la phase de design, les enjeux étaient :

  1. Mieux accompagner l’utilisateur dans le choix du sélecteur

En guidant les utilisateurs étape par étape et en faisant preuve de pédagogie, les outils sont désormais accompagnés d'une phrase explicative mettant en avant leurs points forts,comme par exemple “Robust and low energy consumption”.

  1. Des simulations plus fines lors de la recherche d'un produit

Cela permet à l'utilisateur d'interagir de manière plus précise avec les courbes de performance du moteur pneumatique. Les modélisations sous forme de courbes interactives aident l'utilisateur à mieux comprendre les variations entre les différents produits.

  1. Pouvoir répliquer simplement le système

Cette initiative a permis de poser les bases d'une expérience que l'on pourra reproduire dans d'autres contextes professionnels, par exemple, pour la sélection d'autres outils et solutions de la même marque.

L'impact du projet

Aujourd'hui, l'outil est devenu incontournable et est largement utilisé, que ce soit en interne ou en externe. Sa simplicité et sa clarté d'interface constituent son principal atout pour attirer les utilisateurs.

Depuis son lancement, le sélecteur a été utilisé plus de 5000 fois par des utilisateurs en ligne. Il a considérablement amélioré la réactivité des vendeurs sur le terrain, leur permettant de répondre quasiment seuls à la plupart des demandes des clients.

De plus, il a réduit le besoin de formations spécifiques pour les équipes internes. Le mode didactique permet une prise en main aisée du sélecteur, tout en offrant les connaissances de base nécessaires pour comprendre le fonctionnement du produit sélectionné.

Contexte du projet

Chicago Pneumatic Tools est une entreprise internationale spécialisée dans la conception et la vente d'outils pneumatiques et électriques destinés aux secteurs de l'industrie, de la maintenance automobile et de la construction/démolition. Leur objectif principal est de fournir un service et une assistance de qualité à leurs clients dans ces secteurs industriels. Forts de nombreuses années d'expérience, ils sont en mesure de proposer des solutions adaptées aux besoins de leurs clients.

Dans le cadre de ce projet, la tâche était de refondre et moderniser un sélecteur de produits industriels complexes. La modernisation impliquait la récupération du cœur de l'application existante, en réutilisant les algorithmes déjà développés et en les réimplémentant dans la nouvelle application. L'ancienne application nécessitait un reverse-engineering, car elle était initialement écrite dans une seule langue, en suédois, que ce soit pour le code ou les commentaires. Il a été nécessaire de traduire le code, de comprendre le code métier et les formules mathématiques utilisées pour les calculs et les tracés de courbes.

La partie la plus complexe de ce projet était de comprendre le fonctionnement de l'ancienne application. Une fois le code extrait, le développement de la nouvelle application a pu commencer. Pour cela, des outils solides et éprouvés ont été utilisés, combinant React et Chakra-UI. Le nouveau sélecteur a été rapidement mis en ligne grâce à un hébergement sur Render.com. Le déploiement automatique a permis d'appliquer rapidement les corrections et améliorations demandées par Chicago Pneumatic Tools, qui ont pu être mises en ligne et validées rapidement.

Le besoin

Chicago Pneumatic Tools, spécialisée dans la vente de produits techniques, a cherché à améliorer l'expérience de ses clients en mettant en place un sélecteur visuel. Sachant que le choix de produits complexes peut être un défi, l'entreprise a pris la décision de moderniser l'un de ses sélecteurs de produits en ligne.

Le principal objectif de cette initiative était de simplifier le processus de sélection des produits pour les clients de Chicago Pneumatic Tools. Dans cette optique, l'entreprise visait à créer une nouvelle interface intuitive et didactique. L'objectif était de rendre l'expérience d'achat fluide, même pour les utilisateurs ne disposant pas de connaissances techniques approfondies.

Une caractéristique distinctive du nouveau sélecteur de produits était sa capacité à accompagner les utilisateurs au-delà de la simple sélection d'un produit. Chicago Pneumatic Tools souhaitait que cette plateforme devienne une ressource complète pour les utilisateurs, en fonction de leurs besoins et de leurs profils. Par exemple, un vendeur pourrait partager les résultats de la sélection avec un client, un ingénieur aurait accès aux plans techniques et aux consignes de réglage, tandis qu'un client pourrait directement passer commande.

De l’idée à la réalité

L’équipe constituée pour ce projet comprenait un product manager, un designer ainsi qu’un développeur.

Lors de la phase de design, les enjeux étaient :

  1. Mieux accompagner l’utilisateur dans le choix du sélecteur

En guidant les utilisateurs étape par étape et en faisant preuve de pédagogie, les outils sont désormais accompagnés d'une phrase explicative mettant en avant leurs points forts,comme par exemple “Robust and low energy consumption”.

  1. Des simulations plus fines lors de la recherche d'un produit

Cela permet à l'utilisateur d'interagir de manière plus précise avec les courbes de performance du moteur pneumatique. Les modélisations sous forme de courbes interactives aident l'utilisateur à mieux comprendre les variations entre les différents produits.

  1. Pouvoir répliquer simplement le système

Cette initiative a permis de poser les bases d'une expérience que l'on pourra reproduire dans d'autres contextes professionnels, par exemple, pour la sélection d'autres outils et solutions de la même marque.

L'impact du projet

Aujourd'hui, l'outil est devenu incontournable et est largement utilisé, que ce soit en interne ou en externe. Sa simplicité et sa clarté d'interface constituent son principal atout pour attirer les utilisateurs.

Depuis son lancement, le sélecteur a été utilisé plus de 5000 fois par des utilisateurs en ligne. Il a considérablement amélioré la réactivité des vendeurs sur le terrain, leur permettant de répondre quasiment seuls à la plupart des demandes des clients.

De plus, il a réduit le besoin de formations spécifiques pour les équipes internes. Le mode didactique permet une prise en main aisée du sélecteur, tout en offrant les connaissances de base nécessaires pour comprendre le fonctionnement du produit sélectionné.

Contexte du projet

Chicago Pneumatic Tools est une entreprise internationale spécialisée dans la conception et la vente d'outils pneumatiques et électriques destinés aux secteurs de l'industrie, de la maintenance automobile et de la construction/démolition. Leur objectif principal est de fournir un service et une assistance de qualité à leurs clients dans ces secteurs industriels. Forts de nombreuses années d'expérience, ils sont en mesure de proposer des solutions adaptées aux besoins de leurs clients.

Dans le cadre de ce projet, la tâche était de refondre et moderniser un sélecteur de produits industriels complexes. La modernisation impliquait la récupération du cœur de l'application existante, en réutilisant les algorithmes déjà développés et en les réimplémentant dans la nouvelle application. L'ancienne application nécessitait un reverse-engineering, car elle était initialement écrite dans une seule langue, en suédois, que ce soit pour le code ou les commentaires. Il a été nécessaire de traduire le code, de comprendre le code métier et les formules mathématiques utilisées pour les calculs et les tracés de courbes.

La partie la plus complexe de ce projet était de comprendre le fonctionnement de l'ancienne application. Une fois le code extrait, le développement de la nouvelle application a pu commencer. Pour cela, des outils solides et éprouvés ont été utilisés, combinant React et Chakra-UI. Le nouveau sélecteur a été rapidement mis en ligne grâce à un hébergement sur Render.com. Le déploiement automatique a permis d'appliquer rapidement les corrections et améliorations demandées par Chicago Pneumatic Tools, qui ont pu être mises en ligne et validées rapidement.

Le besoin

Chicago Pneumatic Tools, spécialisée dans la vente de produits techniques, a cherché à améliorer l'expérience de ses clients en mettant en place un sélecteur visuel. Sachant que le choix de produits complexes peut être un défi, l'entreprise a pris la décision de moderniser l'un de ses sélecteurs de produits en ligne.

Le principal objectif de cette initiative était de simplifier le processus de sélection des produits pour les clients de Chicago Pneumatic Tools. Dans cette optique, l'entreprise visait à créer une nouvelle interface intuitive et didactique. L'objectif était de rendre l'expérience d'achat fluide, même pour les utilisateurs ne disposant pas de connaissances techniques approfondies.

Une caractéristique distinctive du nouveau sélecteur de produits était sa capacité à accompagner les utilisateurs au-delà de la simple sélection d'un produit. Chicago Pneumatic Tools souhaitait que cette plateforme devienne une ressource complète pour les utilisateurs, en fonction de leurs besoins et de leurs profils. Par exemple, un vendeur pourrait partager les résultats de la sélection avec un client, un ingénieur aurait accès aux plans techniques et aux consignes de réglage, tandis qu'un client pourrait directement passer commande.

De l’idée à la réalité

L’équipe constituée pour ce projet comprenait un product manager, un designer ainsi qu’un développeur.

Lors de la phase de design, les enjeux étaient :

  1. Mieux accompagner l’utilisateur dans le choix du sélecteur

En guidant les utilisateurs étape par étape et en faisant preuve de pédagogie, les outils sont désormais accompagnés d'une phrase explicative mettant en avant leurs points forts,comme par exemple “Robust and low energy consumption”.

  1. Des simulations plus fines lors de la recherche d'un produit

Cela permet à l'utilisateur d'interagir de manière plus précise avec les courbes de performance du moteur pneumatique. Les modélisations sous forme de courbes interactives aident l'utilisateur à mieux comprendre les variations entre les différents produits.

  1. Pouvoir répliquer simplement le système

Cette initiative a permis de poser les bases d'une expérience que l'on pourra reproduire dans d'autres contextes professionnels, par exemple, pour la sélection d'autres outils et solutions de la même marque.

L'impact du projet

Aujourd'hui, l'outil est devenu incontournable et est largement utilisé, que ce soit en interne ou en externe. Sa simplicité et sa clarté d'interface constituent son principal atout pour attirer les utilisateurs.

Depuis son lancement, le sélecteur a été utilisé plus de 5000 fois par des utilisateurs en ligne. Il a considérablement amélioré la réactivité des vendeurs sur le terrain, leur permettant de répondre quasiment seuls à la plupart des demandes des clients.

De plus, il a réduit le besoin de formations spécifiques pour les équipes internes. Le mode didactique permet une prise en main aisée du sélecteur, tout en offrant les connaissances de base nécessaires pour comprendre le fonctionnement du produit sélectionné.

Contexte du projet

Chicago Pneumatic Tools est une entreprise internationale spécialisée dans la conception et la vente d'outils pneumatiques et électriques destinés aux secteurs de l'industrie, de la maintenance automobile et de la construction/démolition. Leur objectif principal est de fournir un service et une assistance de qualité à leurs clients dans ces secteurs industriels. Forts de nombreuses années d'expérience, ils sont en mesure de proposer des solutions adaptées aux besoins de leurs clients.

Dans le cadre de ce projet, la tâche était de refondre et moderniser un sélecteur de produits industriels complexes. La modernisation impliquait la récupération du cœur de l'application existante, en réutilisant les algorithmes déjà développés et en les réimplémentant dans la nouvelle application. L'ancienne application nécessitait un reverse-engineering, car elle était initialement écrite dans une seule langue, en suédois, que ce soit pour le code ou les commentaires. Il a été nécessaire de traduire le code, de comprendre le code métier et les formules mathématiques utilisées pour les calculs et les tracés de courbes.

La partie la plus complexe de ce projet était de comprendre le fonctionnement de l'ancienne application. Une fois le code extrait, le développement de la nouvelle application a pu commencer. Pour cela, des outils solides et éprouvés ont été utilisés, combinant React et Chakra-UI. Le nouveau sélecteur a été rapidement mis en ligne grâce à un hébergement sur Render.com. Le déploiement automatique a permis d'appliquer rapidement les corrections et améliorations demandées par Chicago Pneumatic Tools, qui ont pu être mises en ligne et validées rapidement.

Le besoin

Chicago Pneumatic Tools, spécialisée dans la vente de produits techniques, a cherché à améliorer l'expérience de ses clients en mettant en place un sélecteur visuel. Sachant que le choix de produits complexes peut être un défi, l'entreprise a pris la décision de moderniser l'un de ses sélecteurs de produits en ligne.

Le principal objectif de cette initiative était de simplifier le processus de sélection des produits pour les clients de Chicago Pneumatic Tools. Dans cette optique, l'entreprise visait à créer une nouvelle interface intuitive et didactique. L'objectif était de rendre l'expérience d'achat fluide, même pour les utilisateurs ne disposant pas de connaissances techniques approfondies.

Une caractéristique distinctive du nouveau sélecteur de produits était sa capacité à accompagner les utilisateurs au-delà de la simple sélection d'un produit. Chicago Pneumatic Tools souhaitait que cette plateforme devienne une ressource complète pour les utilisateurs, en fonction de leurs besoins et de leurs profils. Par exemple, un vendeur pourrait partager les résultats de la sélection avec un client, un ingénieur aurait accès aux plans techniques et aux consignes de réglage, tandis qu'un client pourrait directement passer commande.

De l’idée à la réalité

L’équipe constituée pour ce projet comprenait un product manager, un designer ainsi qu’un développeur.

Lors de la phase de design, les enjeux étaient :

  1. Mieux accompagner l’utilisateur dans le choix du sélecteur

En guidant les utilisateurs étape par étape et en faisant preuve de pédagogie, les outils sont désormais accompagnés d'une phrase explicative mettant en avant leurs points forts,comme par exemple “Robust and low energy consumption”.

  1. Des simulations plus fines lors de la recherche d'un produit

Cela permet à l'utilisateur d'interagir de manière plus précise avec les courbes de performance du moteur pneumatique. Les modélisations sous forme de courbes interactives aident l'utilisateur à mieux comprendre les variations entre les différents produits.

  1. Pouvoir répliquer simplement le système

Cette initiative a permis de poser les bases d'une expérience que l'on pourra reproduire dans d'autres contextes professionnels, par exemple, pour la sélection d'autres outils et solutions de la même marque.

L'impact du projet

Aujourd'hui, l'outil est devenu incontournable et est largement utilisé, que ce soit en interne ou en externe. Sa simplicité et sa clarté d'interface constituent son principal atout pour attirer les utilisateurs.

Depuis son lancement, le sélecteur a été utilisé plus de 5000 fois par des utilisateurs en ligne. Il a considérablement amélioré la réactivité des vendeurs sur le terrain, leur permettant de répondre quasiment seuls à la plupart des demandes des clients.

De plus, il a réduit le besoin de formations spécifiques pour les équipes internes. Le mode didactique permet une prise en main aisée du sélecteur, tout en offrant les connaissances de base nécessaires pour comprendre le fonctionnement du produit sélectionné.