How do you build a future-proof e-commerce platform for B2B and B2C?
Improving user experience and optimising platform management
Integration of the webshop and website, a PIM system, SSR and a product configurator
Old and separated websites
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.
An open source revelation
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.
Qualitative product management
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.
Easy website management
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.
SEO-advantages of SSR in the front-end
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.
Integrated product configurator
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.
A nicely integrated whole
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.
- Traditional CMS systems have been around since the early days of web development. Those platforms were then developed to store and present content - such as text, images, and videos. This approach bundles everything in one big silo: content, HTML, CSS, and so on. This made it impossible to reuse the content in that silo, since it was stuck in specific code snippets. Now that organisations no longer simply post content on web pages, there’s a need for a more flexible solution. Headless is the answer!Read more
Moving The Netherlands’ biggest film festival onlineMoving The Netherlands’ biggest film festival online Converting their website into an interactive streaming platform meant that the Rotterdam International Film Festival could celebrate their 50th anniversary - even when confronted by COVID restrictions.Look at this client story
How do you bring clicks and bricks together in a headless architecture?Case: A seamless user experience thanks to a future-proof headless e-commerce platform.Look at this client story
Upgrade to Drupal 9 with easeDo you want to keep your Drupal website fast and secure? Then it's best to start planning your upgrade to Drupal 9 now. Our Drupal experts will tell you why this is a smart choice, how to go about it, and what benefits the upgrade will bring.Read more
Efficiently manage and publish content with StoryblokThe world is evolving faster than ever. Consumers and stakeholders expect more and more flexibility from companies and organisations. As a result, you need IT solutions that can grow with you.Read more
Take control of your omnichannel customer experience with headless CMSToday, the number of touchpoints and the customer expectations that are associated with them continue to grow unabated. Regardless of the device or the channel, the customer experience should be easy and pleasant, just like in the model omnichannel strategy. The main challenge here is how do you tailor your content across all channels and realise elegant personalisation? This requires flexibility, innovation, and strength – exactly what headless CMS is.Read more
Drupal as a DXP: an engine for your customers’ digital experienceToday consumers expect a consistent and personalised experience with relevant cross channel content. This might be buying suggestions, waiting room screens, personalised playlists and viewing tips. In terms of technology, this is often based on a DXP - digital experience platform. In a DXP, content is stored centrally so that it can be presented from one channel-dependent point, tailor-made and potentially even personalised. Over the last decade Drupal - originally a content management system - has evolved into a digital experience platform (DXP). What can Drupal DXP do for your customers’ digital experience today?Read more
Why is Drupal a safe long-term choice?Are you looking for a CMS that is future-proof? Need a platform that can grow together with your organisation? Drupal is a good choice!Read more