Next.js
Typescript
builder.io
tailwind css
Denmark
SaaS
Migration to headless
1 year, ongoing
PLANDAY
Planday is an enterprise SaaS company that offers an innovative global workforce management application. Planday’s solution helps build an employee schedule faster by taking into account staff vacation, availability, payroll costs, and more.
CHALLENGES
Planday’s marketing team was constrained by an outdated WordPress implementation, which required significant maintenance and stifled innovation. The site relied on numerous plugins and extensions that often conflicted, complicating updates and version upgrades. Each update required developer intervention and took about 15 minutes to deploy, making the marketing team dependent on the in-house software development team.
Unstructured content and data duplicates
The website's content was scattered and lacked coherence, making navigation difficult for users. Redundant data entries caused confusion and inconsistent information architecture. Multiple versions of the same components led to site-wide inconsistencies.
Localization and translation issues
As a global organization, Planday's website supported multiple languages. However, the localization plugin's limitations resulted in separate versions of the site for each language, complicating maintenance. The site often switched between language locales, confusing users and hindering the marketing team's ability to analyze website traffic data.
Poor performance and security vulnerabilities
The website was plagued by bugs, causing delays in implementing changes and frequent crashes that prevented updates. Slow load times and laggy interactions hurt user experience, leading to a low Core Web Vitals score. Insecure IP/location verification methods also exposed the site to serious security risks.
SOLUTIONS
Planday’s marketing team was constrained by an outdated WordPress implementation, which required significant maintenance and stifled innovation. The site relied on numerous plugins and extensions that often conflicted, complicating updates and version upgrades. Each update required developer intervention and took about 15 minutes to deploy, making the marketing team dependent on the in-house software development team.
Comprehensive Audit to better plan
The Blazity team began with a comprehensive audit of the current solution's functionality and the entire content creation process through workshops and interviews with key stakeholders. They decided to redesign the data architecture and develop a new front end using a new technology stack. The team recommended migrating to a headless architecture with Next.js for the front end and Builder.io as the content management system (CMS).
Empowering Planday’s marketing team with the freedom to create
A crucial part of the transformation was adopting Builder.io as a content management system (CMS). Builder.io is a headless CMS known for its advanced visual editor, allowing marketing teams to create and manage content without needing developers. It also supports advanced content personalization and A/B testing. Additionally, Builder.io enabled the team to merge all language versions into a single application, reducing maintenance costs and improving UX consistency.
Building a highly performant front end with Next.js
To ensure the website’s performance, Blazity experts rebuilt it using Next.js, a framework trusted by companies like the Washington Post, Uber, and Netflix for its fast loading times and excellent technical SEO. They merged duplicate UI components and removed obsolete modules, greatly improving overall performance. Implementing an automatic update policy also reduced deployment time, as it no longer required rebuilding the entire site after content changes.
Seamless integration with third-party systems and advanced analytics
A key priority was integrating the website with third-party systems like Hubspot CRM, Dreamdata, and Calendly. Blazity’s team used server-side implementations for core integrations, ensuring precise data transmission and quality, and complying with GDPR and CCPA by reducing frontend JavaScript and making the site ad-block resistant. They also set up GA4 analytics, adjusted for headless architecture, to accurately capture conversions and events.
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
TRUSTED BY
