Une plateforme de e-commerce intégrée B2B et B2C à l'épreuve du temps

La plateforme en ligne Orakel, spécialisée en évènements, avait besoin d'une révision complète. Alors qu'auparavant, la boutique et le site de contenu étaient complètement séparés, nous avons opté pour une solution intégrée qui optimise à la fois l'expérience du client et la gestion de la plateforme.
girl smiling

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.

Sites web obsolètes et cloisonnés

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.

Une révélation 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.

Gestion de la qualité des produits

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.

Gestion simple du site web

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.

Avantages SEO du SSR dans le front-end

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.

Configurateur de produits intégré

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.

people party selfie

Un ensemble bien intégré

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

Articles sur le même sujet