
Presse
Une plateforme de e-commerce intégrée B2B et B2C à l'épreuve du temps
Client
Orakel
Challenge
Améliorer l'expérience utilisateur des visiteurs du site web, optimiser la gestion de la plateforme.
Solution
Intégration de la boutique en ligne et du site web, du système PIM, du SSR et du configurateur de produits.
La boutique en ligne et le site web (de contenu) d’Orakel ont été configurés comme deux sites web distincts. Cela ne profitait pas à l'expérience des utilisateurs et rendait également difficile la gestion des deux sites web. La boutique en ligne d'Orakel avait également un besoin urgent de transformation fonctionnelle.
Orakel a donc décidé de s'associer à iO pour changer complètement son parcours digital. La nouvelle direction ? Une boutique en ligne et un site web intégrés et une expérience utilisateur en ligne optimisée. Comment ? Avec des logiciels open source.
Pour remanier la boutique en ligne et le site web d'Orakel, nous avons choisi Drupal et Symfony, deux solutions logicielles open source. Pour intégrer la boutique en ligne et le site web, nous avons opté pour un système headless CMS. Cela nous a permis de centraliser la gestion du contenu de la boutique en ligne et du site web et d'améliorer les performances de la plateforme Orakel.
Pour permettre une gestion qualitative et centralisée des produits dans la boutique en ligne, nous avons construit un système PIM (Product Information Management) personnalisé dans Symfony. Ce système PIM contient toutes les données relatives aux produits et est relié au système SAP d'Orakel.
Le lien entre le système PIM et SAP se fait via une file d'attente. Dans cette file d'attente, le système PIM place les articles nécessaires prêts à être enlevés par le partenaire SAP d'Orakel. À l'inverse, le partenaire SAP peut utiliser certains points de terminaison du système PIM pour modifier et créer lui-même des données sur les produits.
Pour adapter pleinement le (headless) CMS aux besoins d'Orakel, nous avons utilisé un JSON API avec un module personnalisé. En outre, nous avons également relié le CMS au système PIM, ce qui a permis au webmaster d'Orakel de créer facilement des pages de présentation des produits à partir des bonnes données sur les produits.
Comme nous avons opté pour un headless CMS, nous avons dû développer séparément le front-end pour la plateforme Orakel. Pour ce faire, nous avons utilisé Nuxt.js, un framework basé sur Javascript.
L'une des principales raisons pour lesquelles nous avons choisi Nuxt.js était la valeur ajoutée de SSR (server-side rendering). Cela garantit que les pages de la boutique en ligne et du site web Orakel sont rendues sur le serveur et présentées prêtes à l'emploi aux visiteurs et aux moteurs de recherche. En outre, le SRR augmente également les chances d'une indexation optimale des pages dans les moteurs de recherche.
Enfin, pour le site Web d’Orakel, nous avons construit un configurateur de produits distinct en Vue.js. Le configurateur de produits permet aux clients de personnaliser l'impression des produits de leur choix. Ce configurateur est parfaitement intégré dans le module front-end et dans le module de gestion du PIM.
La nouvelle plateforme d’Orakel est un succès sur toute la ligne.
Le système obsolète et cloisonné a fait place à un ensemble bien intégré, offrant une expérience utilisateur optimale tant aux visiteurs qu'aux administrateurs. Grâce au headless CMS, Orakel pourra à l’avenir plus facilement afficher son contenu sur d'autres plateformes et répondre aux attentes changeantes des clients (potentiels).
Presse
Presse
Blog
Case
Case
Presse
Case
Presse
Presse
Blog
Blog
Blog
Blog
Blog
Blog
Blog
White paper
White paper
Case
Case
Case
Blog
Blog
Nos expertises
Blog
Case
Case
Case
Blog
Case
Case
Case
Blog
Blog
Blog
Case
Case
Blog
Blog
Blog
Blog
White paper
White paper
Case
Stack
Case
Stack
White paper
Blog
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Blog
Case
Case
Case
Case
Case
Case
Case
Case
Blog
Case
Case
Video
Blog
Case
Case
Case
Case
Case
Case
White paper
Case
Case
Case
Dossier
Case
Case
Case
Case
Stack
Blog
Case
Case
Case
Webinar
Webinar
Case
Webinar
Blog
White paper
Blog
Blog
White paper
Case
Blog
Stack
Stack
Stack
Case
Case
Webinar
Blog
Case
Case
Case
Case
Case
Case
Case
Nos expertises
Dossier
Nos expertises
Nos expertises
Nos expertises
Nos expertises
Nos expertises
Case
Case
Case
Blog
Case
Case
Case
Page
Page
Page
White paper
Case
Nos expertises
Case
Case
White paper
Presse
Presse
Presse
White paper
Video
Video
Video
Presse
Blog
Blog
Blog
Case
Blog
Blog
Blog
Case
Presse
Case
Case
White paper
Blog
Blog
Dossier
Blog
Presse
Blog
Presse
Stack
Stack
Stack
Blog
Blog
Presse
Presse
Presse
Blog
Case
Webinar
Presse
Industry
Webinar
Dossier
Dossier
White paper
Blog
White paper
White paper
Webinar
Blog
Blog
Presse
Presse
White paper
White paper
Blog
Blog
Presse
Dossier
Blog
Blog
Stack
Webinar
Blog
Blog
Webinar
Case
Blog
Webinar
White paper
Webinar
Dossier
Dossier
Blog
Webinar
Case
Webinar
Blog
Event