
Press
How do you build a future-proof e-commerce platform for B2B and B2C?
Client
Orakel
Challenge
Improving user experience and optimising platform management
Solution
Integration of the webshop and website, a PIM system, SSR and a product configurator
Orakel's webshop and website were set up as two separate sites. This was not beneficial for the general user experience of both sites and also made managing the sites difficult. On top of that, Orakel's webshop urgently needed a functional overhaul as well.
Therefore, Orakel decided to team up with iO to completely change its digital course. Together, we developed an integrated platform that connects the webshop and website and optimised the user experience.
To overhaul the Orakel webshop and website, we used Drupal and Symfony, two open-source software solutions. To integrate the webshop and website, we opted for a headless CMS. This allowed us to centralise content management of the webshop and website and improve the performance of the Orakel platform.
To enable qualitative and centralised product management in the webshop, we built a custom PIM (Product Information Management) system in Symfony. This PIM system contains all product data and is linked to Orakel's SAP system.
The link between the PIM and SAP system is a queue in which the PIM system puts the necessary items and info for Orakel’s SAP partner to pick up. Conversely, Orakel's SAP partner can use certain endpoints in the PIM system to modify and create product data itself.
To completely mould the (headless) CMS to Orakel's needs, we used a JSON API with a custom module. In addition, we also linked the CMS to the PIM system, allowing Orakel's webmaster to easily build product overview pages based on the right product data.
Since we opted for a headless CMS, we still had to develop the front-end for the Orakel platform separately. To do this, we used Nuxt.js, a framework based on Javascript.
One of the main reasons we chose Nuxt.js was the added value of SSR (server-side rendering). This ensures that the pages of the Orakel webshop and website are rendered on the server and best presented to visitors and search engines. Furthermore, SSR also increases the chances of optimal indexation of pages in search engines.
Last but not least, we built a separate product configurator for the Orakel webshop, which allows customers to personalise the printing on their chosen products. The configurator is neatly integrated into both the front-end and the management module of the PIM.
Orakel's new platform ticks all boxes and lives up to all expectations set in the beginning of the project.
The outdated, separate system gave way to a nicely integrated whole, offering an optimal user experience for both visitors and administrators. Thanks to the headless CMS, Orakel will be able to more easily display its content on other platforms in the future and meet the changing expectations of (potential) customers.
Press
Press
Blog
Case
Case
Press
Case
Press
Press
Blog
Blog
Blog
Blog
Blog
Blog
Blog
White paper
White paper
Case
Case
Case
Blog
Blog
What we do
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
What we do
Dossier
What we do
What we do
What we do
What we do
What we do
Case
Case
Case
Blog
Case
Case
Case
Page
Page
Page
White paper
Case
What we do
Case
Case
White paper
Press
Press
Press
White paper
Video
Video
Video
Press
Blog
Blog
Blog
Case
Blog
Blog
Blog
Case
Press
Case
Case
White paper
Blog
Blog
Dossier
Blog
Press
Blog
Press
Stack
Stack
Stack
Blog
Blog
Press
Press
Press
Blog
Case
Webinar
Press
Industry
Webinar
Dossier
Dossier
White paper
Blog
White paper
White paper
Webinar
Blog
Blog
Press
Press
White paper
White paper
Blog
Blog
Press
Dossier
Blog
Blog
Stack
Webinar
Blog
Blog
Webinar
Case
Blog
Webinar
White paper
Webinar
Dossier
Dossier
Blog
Webinar
Case
Webinar
Blog
Event