Calculateur de système Pestalozzi Technique de l'acier

Planification simple et efficace grâce au calculateur en ligne
Grâce au calculateur basé sur le web, les utilisateurs de Pestalozzi Technique de l'acier peuvent composer eux-mêmes des produits sélectionnés, comme des portes coupe-feu, et obtenir immédiatement un premier calcul du prix.
Client
Pestalozzi AG
Depuis
2023
Liens
Configuration d'une porte avec le calculateur du système

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.

Brochure Aide au calcul dans la construction métallique de l'Union Suisse du Métal
Page dans Aide au calcul pour portes coupe-feu

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)

Aperçu des positions créées dans le calculateur du système en vue carreau
Aperçu des postes créés dans le système Calculateur en vue de liste
Création d'un nouveau poste dans le calculateur du système
  • 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.

Sélection du système souhaité
Sélection du produit souhaité
Configuration du modèle souhaité
Indication de la dimension requise
Choix de la serrure de porte
Sélection de la poignée de porte souhaitée
Sélection de rubans
Sélection des boulons de sécurité
Sélection du verrouillage
  • 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.

Aperçu et calcul du prix de la porte coupe-feu personnalisée

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.  

Aperçu de l'atelier d'une entreprise de construction métallique

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. 

Davide Abbamonte

«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.

Architecture du système Pestalozzi Stahlechnik System Kalkulator
Esquisse de l'architecture du système
Vers l'aperçu
Roman Hofer
Roman Hofer
Co-Head of Project Management
Il a toujours un sourire sur son visage et un dicton sur ses lèvres, mais quand c'est sérieux, vous pouvez compter sur lui comme personne. S'il n'est pas à l'air libre, téléphone à l'oreille, on le trouvera certainement sur une piste de VTT.
Kim Jeker
Kim Jeker
Web Development
Il rêve des concepts backend, frontend, API et CMS les plus fous et lorsque vous lui demandez s'ils sont réalisables, sa réponse est un simple "oui". Pas étonnant avec un tel trésor d'expérience !
Kajetan Som
Kajetan Som
Web Development
Könnte sein Geld easy mit Photoshop-Kunstwerken verdienen, zu unserer Freude setzt er aber auch gerne Webprojekte um. Mit Ausbildungen in Informatik und visueller Kommunikation bringt er dafür den perfekten Skill-Mix mit. Und dank dem Google Meet Hintergrund-Feature kommen wir trotzdem in den Genuss von seinem Faible für Grafik, Typografie und skurrile Bildkompositionen.
Nick Gerber
Nick Gerber
Concept & Design
Il connaît chaque raccourci et chaque easteregg, aucun outil logiciel qu'il n'ait pas déjà testé et maudit. Le vainqueur incontesté : Notion. Il travaille ainsi de manière si structurée qu'à côté de la conception, du design et du développement de sites web, il lui reste du temps pour se poser les questions vraiment importantes de la vie. Par exemple, qui est en tête des statistiques de buts contre son camp au football de table.
Milena Rutz
Milena Rutz
Head of User- and Innovation Research
Grâce à des méthodes scientifiques, elle arrive à identifier le moment charnière où se décide un hit ou un flop. Il vaut mieux l’écouter et faire exactement ce qu’elle dit: son savoir-faire vaut de l’or.
Rémy Böhler
Rémy Böhler
Head of Web Development
S’il le voulait, il pourrait programmer un site web avec son petit orteil et les yeux fermés, mais il n’en a pas envie. C’est un crack sans égal dans le développement web.
le logo de la société Opinov8 sur fond blanc
Opinov8
Développement web & app
Nous venons de remarquer que vous surfez avec Internet Explorer. Malheureusement, notre site web n'est pas aussi agréable avec ce navigateur.

Vous voulez savoir pourquoi ?
Nous avons écrit à ce sujet.

Vers le blog

Vous avez besoin d'aide pour le passage à l'euro ?
Contactez-nous. Nous serons heureux de vous aider.

Contact

Installer un nouveau navigateur ?
Il y a un choix à faire.

Browser