Retour d'expérience : le configurateur 3D d'emballages pour Raja

Étude de cas : création d’une offre web BtoB de personnalisation de cartons

Une collaboration réussie pour un projet réussi. C'est ce que nous voulons mettre en avant dans ce retour d'expérience : l'alliance de l'expérience métier acquise par Raja et de l'ingénierie technique apportée par Wanadev.

Le groupe Raja : leader européen de l’emballage

Présent dans plus de 17 pays et fort de 60 ans d’expérience, le groupe propose à plus de 700 000 clients européens la plus large gamme de produits en emballage.

Comment développer un outil performant permettant la création d’emballages sur mesure et intégrable facilement dans un site e-commerce ?

Configurateur 3D d'emballages :
le contexte du projet

configurateur-3d-nuancier

Le Groupe Raja souhaitait disposer d’une solution web pour la configuration et la personnalisation de leurs produits de caisses et boîtes en carton.

Historiquement, les utilisateurs pouvaient contacter l’entreprise afin d’obtenir un devis personnalisé pour des emballages sur mesure. Le développement d’un outil online devait permettre aux utilisateurs de créer eux-même un emballage adapté à leurs besoins et à l’effigie de leur entreprise.

Afin de proposer une expérience numérique aux utilisateurs de leur site web et d’améliorer le taux de conversion des clients, Raja souhaitait un outil interactif, capable de mettre en valeur leur produit en 3D et facilement intégrable à leur site e-commerce.

Configurateur 3D d'emballages : de l'idée à la réalisation

Le Groupe Raja disposait d’ores et déjà d’une idée précise qu’ils ont parfaitement illustrée à travers une maquette et un cahier des charges précis. L’agence Wanadev est intervenue en tant que prestataire technique dans le cadre de la réalisation de ce projet en l’accompagnant dans ses choix techniques.

Agence experte en développement web

Solution mise en place
en collaboration avec Raja

Une réponse technique adaptée aux exigences

La volonté de Raja était de proposer des modèles prédéfinis (achetables en ligne) et aussi des modèles sur-mesure pour répondre à l’ensemble des besoins. Wanadev a intégré ce besoin à l’outil en permettant à l’utilisateur d’acheter un modèle prédéfini (intégration dans le site e-commerce) ou de faire une demande de devis à RajaPack Italie. Quand l’utilisateur reçoit la réponse à son devis, il peut visualiser sur le site son modèle personnalisé et l’acheter.

L’ergonomie de l’outil devait comporter une interface compréhensible, esthétique et aisée d’utilisation pour l’utilisateur. L’utilisation de la technologie WebGL permettant d’afficher des objets 3D en temps réel, ainsi les utilisateurs peuvent visualiser facilement chacune des faces de leur carton, les faire pivoter et ainsi se rendre compte facilement du produit final.

Un gain de temps considérable à la fois pour l’entreprise et pour l’utilisateur, clarifiant et facilitant ainsi le processus d’achat en ligne.

configuration-3D-emballage

En toute transparence, le déroulement agile du développement du projet

Le cahier des charges complet nous a été fourni par la société Raja sous forme de cartes sur l’outil “storiesonboard”. Une maquette interactive en HTML/CSS a été fournie sur l’outil “Axure”.

Des allers-retours ont été effectués pour clarifier certains points techniques du cahier des charges, jusqu’à une parfaite compréhension du besoin.

Le projet a ensuite été découpé en sprints d’une semaine, embarquant un certain nombre de fonctionnalités avec des points téléphoniques réguliers. En somme, un développement agile.

Toutes les tâches ont été découpées et créées sous forme de tickets dans notre outil de suivi interne : Gitlab. La société Raja avait ainsi en permanence un aperçu de l’avancement du projet et la possibilité d’interagir avec nous sur les différents tickets.

Le projet a également été déployé sur notre serveur de développement, en intégration continue : toutes les nouvelles features ont donc été disponibles au fil de l’eau sur cet URL de test permettant ainsi au client de tester les avancées et de faire ses retours au fur et à mesure.

Fonctionnalités développées par Wanadev

  • Choix des dimensions
  • Choix de la couleur
  • Choix de la composition
  • Choix du type de cannelure
  • Ajout de texte/image/icônes
  • Import et gestion de fichiers images .jpeg/.png/.ai/.eps/.pdf
  • Possibilité de personnaliser le texte (police, taille, couleur etc.)
  • Affichage temps réel de l’objet configuré
  • Caméra 360° autour de l’objet configuré
  • Affichage des caractéristiques, quantités et prix en temps réel
  • Ajout au panier -ou- Envoi d’une demande de devis
  • Et évolutions à venir...
configuration-3D-emballage gif

Résultats et ROI
de ce configurateur 3D d'emballage

Une réponse technique adaptée aux exigences

configuration-3D-emballage

Le groupe Raja a su investir dans le développement d’une solution technologique lui assurant un renouvellement de l’expérience utilisateur. En plus d’apporter une aide au développement des ventes, ce projet apporte à l’entreprise numéro une de l’emballage en Europe une image moderne et un renforcement de sa marque numérique.

L’outil développé par l’agence Wanadev a convaincu l’ensemble du Groupe Raja à la suite de son implantation. Aussi, l’entreprise souhaite renouveler l’expérience et poursuivre le développement des configurateurs pour de nouveaux produits en 2018.

Toute l’agence Wanadev remercie sincèrement Raja de sa confiance et de son professionnalisme.

Le groupe Raja en chiffres

Autres exemples de configurateurs 3D

Agence 3D WebGL

Cuisine &
Salle de bain

Votre configurateur 3D de salle de bain et/ou de cuisine en lien direct avec vos stocks, prix et votre gamme de produits. L'application 3D peut s'interfacer avec votre système de panier e-commerce.

Démo : Salle de bain
Agence 3D WebGL

Vêtements &
Chaussures

Présentez vos vêtements, chaussures et accessoires de façon interactive à vos clients grâce un configurateur 3D : rotation, zoom, configuration de la taille, des couleurs, ajout de texte personnalisable...

Démo : Baskets
Agence 3D WebGL

Bijouterie &
Horlogerie

Vos clients vont pouvoir visualiser et personnaliser vos bijoux et montres facilement grâce à des rendus photoréalistes qualitatifs permettant de se projeter facilement et favorisant l'acte d'achat.

Démo : Bague
Agence 3D WebGL

Voiture &
Moto

Personnalisation 3D de véhicules : configuration des portes, sièges, roues, de la peinture...Faites en sorte que vos clients se sentent réellement au volant de leur voiture grâce au réalisme des scènes 3D.

Démo : Casque de moto
Agence 3D WebGL

Sport &
Loisir

Personnalisation en 3D de tous vos équipements sportifs & loisirs : Raquette de tennis, club de golf, manette de jeux vidéo...Tout votre univers ludique peut devenir configurable en 3D !

Démo : Raquette de tennis
Agence 3D WebGL

Configurateur 3D
Sur mesure

Réfléchissons ensemble à votre configurateur 3D idéal, celui qui vous aidera dans votre métier et qui répondra aux problématiques qui vous sont propres : Robotique, industrie, ameublement...

Demander un devis