Après avoir pu développer l'application mobile Haustech pour Pestalozzi Haustechnik, nous avons pu soutenir la division Technique de l'acier.
Pestalozzi Technique de l'acier - L'acier et le métal depuis 1763
Pestalozzi Technique de l'acier, l'un des secteurs d'activité de Pestalozzi AG, est spécialiste lorsqu'il s'agit d'acier, de métal et de services sur mesure pour l'industrie et la construction métallique. Pour ses clients, Pestalozzi Technique de l'acier propose une gamme complète de produits et de services.
Produits configurés de manière individuelle
Certains produits (comme les portes coupe-feu) nécessitent une planification et une configuration individuelles, ce qui se traduit par des prix individuels. Grâce au calculateur de système, les clients de Pestalozzi peuvent désormais configurer eux-mêmes les produits et obtenir ainsi rapidement et facilement un premier calcul de prix.
La version initiale du calculateur de système comprend pour le moment des systèmes pour portes coupe-feu de Forster et Jansen. À l'avenir, le calculateur sera étendu à d'autres fabricants et catégories de produits. Pour ce faire, nous avons construit un système flexible en collaboration avec Pestalozzi Technique de l'acier.
Pourquoi un configurateur et un calculateur sur le web ?
L'introduction d'un configurateur basé sur le web présente des avantages à la fois pour les clients de Pestalozzi et pour l'entreprise elle-même.
Du point de vue de la clientèle
Le processus de planification et de création d'offres de produits dans le domaine de la construction métallique est encore souvent lié à un travail analogique important.
L'exemple des portes coupe-feu illustre bien ce point. Celles-ci doivent être configurées différemment selon l'objet de construction et leur planification est complexe, car il faut tenir compte des réglementations.
Lors de la planification, les constructeurs métalliques se basent souvent sur des projets déjà réalisés et sur les prix indicatifs, les catalogues et les fiches de détermination mis à disposition par AM Suisse pour plus de sécurité. Souvent, ils utilisent aussi leurs propres listes de contrôle pour rassembler tous les faits et éléments pertinents. La mise à jour de ces listes demande beaucoup de travail et les prix des matériaux ne sont pas toujours pris en compte.
La configuration et l'établissement d'offres sont donc non seulement sujets à des erreurs, mais prennent aussi beaucoup de temps, ce qui n'est pas optimal dans un contexte de forte pression sur les prix et d'importance croissante accordée à la précision des prix. Le calcul efficace et sûr des prix est donc un besoin.
Le calculateur de système permet de s'assurer qu'aucun point important n'est oublié lors de la planification et que les aspects de sécurité et les prix actuels des matériaux sont pris en compte. Il fournit un calcul des prix pour le système souhaité, qui peut servir de base pour l'établissement d'une offre.
Du point de vue des entreprises
Pour Pestalozzi Technique de l'acier, le calculateur de système offre une possibilité d'augmenter l'efficacité du processus de vente. Grâce à la solution numérique, les besoins des clients peuvent être adressés de manière ciblée. En même temps, l'équipe de vente de Pestalozzi peut aider ses clients à trouver les bons produits et les bonnes configurations de manière plus ciblée et sur la base de données, grâce à la demande visible dans le calculateur.
Pestalozzi se positionne donc aussi comme une entreprise techniquement compétente et moderne, à l'écoute des besoins de ses clients.
Les fonctions du configurateur: ce que l'outil peut faire aujourd'hui
Login avec le login existant de l'e-shop
Dashboard avec un aperçu de tous les objets et positions, soit sous forme de tuiles, soit dans une vue en liste
Création de nouveaux objets (projets de construction, comme par exemple une maison) et positions (par exemple un système de porte)
Configuration pas à pas du produit souhaité. Ce faisant, nous nous assurons que les configurations sont techniquement valables et réalisables.
Un calcul de prix indicatif immédiatement visible ainsi qu'un aperçu de tous les composants et traitements sont générés. Les indications sont fournies de manière suffisamment détaillée pour pouvoir être intégrées 1:1 dans les offres.
Téléchargement du calcul sous forme de fichier PDF ou Excel.
Avis en cas de mise à jour des prix des produits respectifs (générés automatiquement par le backend) ou de messages marketing qui peuvent être saisis et envoyés dans le CMS.
Accès facile aux documentations de produits respectives des fabricants.
Ce processus de validation multiple de l'étendue des prestations et du concept a aidé à mieux comprendre les différents groupes cibles et à prendre en compte leurs besoins dans la mise en œuvre. Ceci afin de créer une solution qui génère réellement des valeurs ajoutées dans le contexte des utilisateurs. En outre, il a déjà été possible de recueillir des inspirations pour le développement continu.

«Apps with love nous a accompagnés tout au long du processus avec beaucoup de savoir-faire - des premières discussions sur la situation de départ, en passant par la réalisation et l'évaluation des tests, l'élaboration des spécifications jusqu'à la mise en œuvre technique. Apps with love nous a accompagnés avec beaucoup de cœur et a été à nos côtés pour nous conseiller et nous aider».
Davide Abbamonte, Directeur de la division Technique de l'acier
Moins c'est plus
Dès le début, Pestalozzi a décidé de lancer le calculateur avec «seulement» un type de produit, à savoir les portes coupe-feu des fabricants Forster et Jansen. On a délibérément choisi de maintenir une petite gamme de produits au début et de construire le système de manière à ce qu'il soit évolutif à l'avenir, qu'il réponde aux besoins des utilisateurs et qu'il travaille avec une bonne base de données. Cela a permis de garantir la création d'une base solide pour les développements ultérieurs.
La mise en pratique
Le calculateur de système a été réalisé en fonction des besoins d'utilisation pour les ordinateurs de bureau et les tablettes. Afin de garantir l'extensibilité, nous avons créé un design basé sur des composants, ce qui a également simplifié la mise en œuvre. L'étroite collaboration avec l'équipe de données de Pestalozzi et l'informatique de Pestalozzi en général a également été importante pour une mise en œuvre efficace. Cela a permis de créer une bonne expérience utilisateur pour les clients : Avec le login de la boutique en ligne Pestalozzi, ils peuvent également se connecter au calculateur du système. Une interface avec la base de données existante et bien structurée permet d'avoir des contenus toujours actuels et corrects dans le calculateur du système.
Sur le plan technique, nous avons réalisé le front-end avec Next.js, React et TypeScript comme base, ainsi qu'avec la pile PHP/Laravel/Statamic pour le back-end.
Comment nous sommes-nous assurés que les bonnes fonctionnalités ont été mises en œuvre dans une interface facile à utiliser?
Pour commencer, des entretiens ont été menés avec les clients de Pestalozzi afin de déterminer comment les processus de configuration se déroulent actuellement, quelles sont les difficultés rencontrées et quels sont les besoins des clients en matière de configuration de portes coupe-feu. Par exemple, il est apparu clairement que le prix est l'un des critères les plus importants et qu'il est donc utile de connaître le plus rapidement possible le prix indicatif d'un système de porte.
Sur la base des conclusions de ces entretiens, un prototype cliquable basé sur des wireframes a été construit. Celui-ci illustrait l'étendue de la solution. À l'aide de ce prototype, un test interne a été réalisé avec les collaborateurs de Pestalozzi Technique de l'acier. Les premiers feedbacks et les modifications qui en ont résulté ont été intégrés dans le prototype.
Les wireframes validés et optimisés en interne ont ensuite été présentés à des clients sélectionnés. Les résultats de cette recherche qualitative auprès des utilisateurs et des tests avec le prototype ont ensuite été intégrés dans la phase de conception et de mise en œuvre.
Par exemple, il a été constaté que la taille des caractères devrait être adaptée pour une meilleure lisibilité, que les termes anglais devraient être évités ou que les personnes testées souhaitent pouvoir copier des objets ou des positions.