Headless for the Future

More and more organizations have been making the shift towards headless, and recently, OneShoe has added legendary Dutch furniture brand Pode to the list of organizations by creating a new website using a stack containing Storyblok and Next.js.

Pode got started in 2008 as part of the Dutch design furniture brand, Leolux Furniture Group. For Pode, their perspective on design revolves around a lot more than just designing home furniture - Pode offers mutually compatible furniture all across the home, providing complete harmony and synchronization across your sanctuary.

Pode’s goal with OneShoe was to transform this ideology into their online presence. To create a harmonious, cohesive journey for their consumers, giving them the same inspiration through an online experience. As a furniture design brand, Pode felt it was vital to translate the brand experience, authenticity, and feel digitally to the online consumer. From the very first briefing, Pode was clear that they wanted the online visitor to get the same experience as being in the physical showroom.

Storyblok
CMS
Next.js
Framework
Prolocation
Host

Headless Flexibility

As OneShoe began to brainstorm and figure out their plan to revitalize Pode’s online presence, they realized that when it comes to traditional CMS’s, you are limited by what you can do on the front-end, due to the fact that the front-end interaction is directly tied to the backend, which is not the case for Headless CMS’s - which are untethered from the backend, leaving the front end to load through API’s. So in that regard, OneShoe had a very clear ideology to follow the Headless CMS methodology to have the freedom, creativity and flexibility to proceed with this project, as it was necessary to display data from multiple sources, such as the materials and colors of the furnishings to achieve the cohesive digital brand experience they required.

Although many headless CMS options offered rigid, restrictive systems, OneShoe opted for Storyblok as their headless CMS of choice, due to its flexibility, easy implementation, and freedom to create bespoke work. Storyblok also provided heavy advantages for the content editors as well. The ability to see the changes they make in the CMS in the front end in real time meant the focus was always on the user experience.

Screenshot from Pode's website

With the decision made to use Storyblok as the headless CMS, One now had to consider the choices for a frontend framework. While React was considered initially, a website built with React has to download, construct and generate the codebase every time the site is opened. This took React out of the running, as OneShoe didn’t want to compromise on the performance of the site. They then opted for Next.js, a framework that was developed based on React, with which you can build fast websites with great SEO findability. It also provided the ability to add plug-ins easily, which is exactly what they needed to build the perfect brand experience for Pode.

A Perfect Combination

By combining Storyblok with Next.js, OneShoe manages to create exactly what they had envisioned for this project. Achieving this dream was made easier by the fact that Storyblok and Next.js are highly compatible. Due to Storyblok’s headless structure, OneShoe could really focus on the frontend, which was reinforced by Storyblok’s SaaS properties. This pairing allowed OneShoe to bring to life a renewed Pode experience built just as they’d imagined.