Digital transformation for an enterprise SaaS
Next.js
TypeScript
Builder.io
Tailwind CSS
Section
Planday
Planday is an enterprise SaaS company offering an innovative global workforce management application.
Its solution helps create employee schedules faster by factoring in staff vacations, availability, payroll costs, and more.
Industry
SaaS
Market
Denmark
Time
2 years, ongoing
Key Outcomes
Planday now boasts a website that not only offers a superior user experience but also simplifies backend processes for the team.
Reduction in reliance on in-house development teams
By implementing Builder.io, a headless CMS with a visual editor, Planday's marketing team gained the ability to create and manage content independently, reducing their dependence on internal developers.
5x increase in website’s performance
Rebuilding the website using Next.js and optimizing the frontend architecture significantly improved loading times and overall performance.
Centralized and simplified localization process
Transitioning to a single-application model with Builder.io streamlined the management of multiple language versions, simplifying localization and maintenance.
Significantly reduced deployment time
Adopting a headless architecture with automated deployment processes minimized the time and effort required for site updates.
Business need
Remove Bottlenecks and Unleash Marketing Agility
Reduce Developer Dependency
The marketing team needed the ability to manage and update content without relying on in-house developers for every change.
Streamline Website Maintenance
Frequent plugin conflicts and a fragmented setup made updates risky and time-consuming, requiring a more stable and maintainable system.
Speed Up Deployment
Each content update took up to 15 minutes to deploy, slowing down marketing operations and campaign execution.
Enable Faster Innovation
The outdated WordPress infrastructure limited flexibility and blocked the marketing team from experimenting and iterating quickly.
Challenge
Suboptimal Infrastructure Slowing Down Marketing Efforts
Unstructured content and data duplicates
Disorganized content, redundant data entries and duplicated components led to poor navigation and inconsistent user experience.
Localization and translation issues
Each language version ran as a separate site due to localization plugin limits, making updates complex and analytics unreliable.
Poor performance and security vulnerabilities
Bugs, slow load times, and unstable infrastructure blocked updates and damaged performance, while weak IP verification posed security risks.
Work done
Empowering Planday’s Marketing Team with the Freedom to Create
To help Planday overcome the limitations of their legacy WordPress setup, we led a complete rebuild of their marketing website. Our goal was to give their marketing team full control over the website's content. Additionally, performance, localization, and deployment time required some important tweaks
How did it go?
Comprehensive Audit to better plan
We started with a comprehensive audit of the existing solution and the entire content creation process, conducted through workshops and interviews with key stakeholders.
Based on our findings, we redesigned the data architecture and planned a new frontend built on a modern tech stack.
We also recommended migrating to a headless setup using Next.js for the frontend and Builder.io as the content management system (CMS).
adopting and optimizing builder.io as a cms
A key part of the transformation was adopting Builder.io as the content management system. Its advanced visual editor allowed the marketing team to create and manage content without developer support while also enabling content personalization and A/B testing.
Builder.io also enabled the consolidation of all language versions into a single application, reducing maintenance costs and ensuring a consistent user experience.
Building a highly performant frontend with Next.js
To improve performance, our team rebuilt the website using Next.js, a framework known for fast loading times and strong technical SEO. We merged duplicated UI components, removed outdated modules and introduced an automatic update policy.
This sped up deployments by eliminating the need for full-site rebuilds after content changes.
Seamless integration with third-party systems and advanced analytics
A key priority was integrating the website with third-party tools, such as HubSpot CRM, Dreamdata, and Calendly. Our team used server-side implementations to ensure accurate data transmission and compliance with GDPR and CCPA, while reducing frontend JavaScript and improving resistance to ad blockers.
We also configured GA4 analytics to work with the headless setup and accurately track conversions and events.
Results
A visually engaging platform for mobile engagement
The migration from the outdated WordPress platform to the modern headless stack was a resounding success.
This strategic move has positioned the company for greater success in the digital realm, ensuring it remains at the forefront of its industry.
Reduction in reliance on in-house developer teams
5x increase in website’s performance
Centralized and simplified localization process
Significantly reduced deployment time
Case Studies
Partners for your long-term success
Get a quote
Look no further!
“We are very happy with the outcomes and look forward to continuing to work with them on larger initiatives.”
Brian Grafola
CTO at Vibes
