Legrand - Mon interrupteur
Le Groupe Legrand nous a confié la conception et le développement de leur configurateur d’appareillage multi-gamme et multi-marques. Cette aventure qui dure depuis plusieurs années, nous a permis d’adapter le configurateur dans le temps en fonction des évolutions techniques, ergonomiques et comportementales.
Une technologie adaptée au développement d'un configurateur
Au travers de cette WebApplication, les internautes configurent leurs interrupteurs et prises grâce à une une interface simplifiée. Ce configurateur est également conçu pour être facilement intégré (plug and play) dans tous types de boutiques en ligne ou de sites partenaires (distributeurs). Le choix de la technologie a tenu compte de toute ces contraintes afin de proposer une solution tout-terrain, compatible avec tous les navigateurs et tous types de périphériques (mobile, tablette, ordinateur).
Nous avons développé cette interface avec le framework front vue.js, une partie back-end (non exposée) permet de générer des fichiers statifiés pour constituer les pages et les jeux de données. Ainsi les équipes Legrand disposent d’une interface d’administration leur permettant de mettre à jour les contours d’offres. Le configurateur est également relié à des APIs afin de garantir la synchronicité des données avec d’autres systèmes d’information Legrand.
Les défis techniques en évolution constante
DES RÈGLES MÉTIER À ASSIMILER
Ce configurateur est multi gamme et même si un interrupteur paraît être un objet simple, il dispose de règles propres pour sa composition. Une des problématiques a été d’assimiler ces règles sans contraindre la navigation.
Ce configurateur est multi gamme et même si un interrupteur paraît être un objet simple, il dispose de règles propres pour sa composition. Une des problématiques a été d’assimiler ces règles sans contraindre la navigation.
UN MOTEUR ÉVOLUTIF
Nous avons programmé le moteur du site de façon à pouvoir faire évoluer l’outil avec d’autres gammes d’appareillage et dans d’autres langues. Le moteur JavaScript s’adapte aisément aux contraintes des autres marques du Groupe.
Nous avons programmé le moteur du site de façon à pouvoir faire évoluer l’outil avec d’autres gammes d’appareillage et dans d’autres langues. Le moteur JavaScript s’adapte aisément aux contraintes des autres marques du Groupe.
DES PERFORMANCES OPTIMALES
Le gros volume de données nous a demandé une attention particulière pour l’optimisation du poids des fichiers. En effet tous les calculs se font côté utilisateur, ce qui permet une utilisation en local de l’application.
Le gros volume de données nous a demandé une attention particulière pour l’optimisation du poids des fichiers. En effet tous les calculs se font côté utilisateur, ce qui permet une utilisation en local de l’application.
Les dernières évolutions ergonomiques
La nouvelle ergonomie du configurateur le rend très convivial, notamment grâce à une interface intuitive et interactive qui s'adapte parfaitement à une utilisation mobile (avec la fonction tactile et glisser). Son fonctionnement utilise des codes intuitifs similaires à ceux d'un site de commerce en ligne. Un travail de story-board a été effectué afin de déceler les points sensibles et de proposer les meilleures solutions.
La réalité augmentée sur tablette et mobile
Grâce à l’outil de réalité augmentée disponible sur le configurateur mon-interrupteur.fr, l’utilisateur peut visualiser ses compositions (interrupteurs, prises, etc.) directement sur son mur depuis un smartphone ou une tablette. Ainsi, il peut valider son choix en s’assurant qu’il s'intègre parfaitement à sa décoration intérieure.
Site internet : www.mon-interrupteur.fr
Ces projets peuvent vous intéresser
Envie de travailler avec nous ?
Contactez-nous