Le défi
Un catalogue de plus de 30 000 composants industriels, comprenant des vannes, des pompes, des instruments de mesure, des composants d'intégration et des composants d'automatisation et électriques, exige bien plus qu'un PDF ou une liste statique.
Tetra Pak avait besoin d'une expérience de catalogue numérique permettant aux ingénieurs et aux équipes d'approvisionnement de naviguer dans des hiérarchies de produits complexes, d'explorer les spécifications techniques en détail, de rechercher par plusieurs paramètres, de demander des devis et d'accéder au catalogue depuis n'importe quel appareil, en plusieurs langues. Le système devait également être entièrement gérable par l'équipe interne de Tetra Pak sans dépendance envers les développeurs.
Ce que nous avons fait
Brand New Edge a conçu et développé le catalogue Plant Components de Tetra Pak de zéro en utilisant la méthodologie Design Thinking : comprendre comment différents profils d'utilisateurs, des ingénieurs de terrain aux gestionnaires des approvisionnements, interagiraient avec le système et ce dont ils ont besoin à chaque étape du processus de décision. Des flux et des prototypes ont été créés dans Photoshop, Illustrator et Adobe XD avant qu'une seule ligne de code ne soit écrite.
La navigation dans le catalogue permettait aux utilisateurs de parcourir cinq catégories principales, chaque produit affichant des spécifications techniques détaillées (dénomination, dimensions, état du commutateur multi-plage, sortie de température, numéro de pièce) ainsi que des photos haute résolution et un zoom sur les dessins techniques avec la fiche technique complète accessible en ligne.
L'outil de recherche donnait aux utilisateurs la possibilité de filtrer les produits par plusieurs paramètres simultanément : type de vanne, modèle, mode de débit, modèle d'extrémité, ville, taille, poignée ou actionneur, permettant de trouver le bon composant parmi des dizaines de milliers d'articles.
Les demandes de devis étaient traitées directement dans le catalogue : les utilisateurs pouvaient constituer une liste de produits sur plusieurs articles et soumettre une demande avec leurs coordonnées en un seul formulaire.
Les pages partenaires offrait un espace dédié à chaque fournisseur (Lanner, WIKA, Danfoss, Endress+Hauser, Grundfos, Netzsch, APS et Samson) avec des descriptions et des liens directs.
Le panneau d'administration donnait aux propres employés de Tetra Pak un contrôle complet sur le catalogue sans intervention des développeurs : ajout, modification et suppression de produits, gestion des rubriques et des catégories.
Le support multilingue était intégré dès le départ, avec l'interface disponible en anglais et en portugais.
La conception responsive garantissait que l'expérience complète fonctionnait sur toutes les tailles d'écran, des postes de travail de bureau aux appareils mobiles sur le terrain.
Comment nous avons travaillé
La communication tout au long du projet était gérée via Zoom, Skype, Slack et Jira, avec des réunions hebdomadaires pour aligner le statut et les tâches à chaque étape.
Le catalogue a été développé avec plusieurs modules en Laravel et JavaScript, structuré autour d'une cascade de catégories de produits avec un indicateur de page à chaque niveau montrant aux utilisateurs où ils se trouvaient dans la taxonomie complète.