Personio's transition to a headless architecture with Vercel + Next.js enhanced their website's UX.
As Europe's leading all-in-one HR solution for small and midsized organizations, Personio is committed to the highest standards of both user experience and application security.
By migrating their site from a monolithic WordPress implementation to a composable stack of Vercel, Next.js, and Contentful, they were able to significantly boost site performance while ensuring uptime and reliability.
Link to headingFrom WordPress to composable
Despite their web team's agility and quick turnaround time, limited developer resources and budget constraints impacted Personio's ability to innovate on their WordPress site for six years. The need for a more flexible stack was clear.
Through a selective evaluation process, Personio’s ultimate decision was simple: Contentful for their flexible CMS, and Next.js and Vercel as the powerful framework and platform behind it.
Link to headingIncreased performance and traffic gains
Over time, Personio accumulated massive tech debt and extra code by continuously building on and adding to their original WordPress theme. Though the team was still quick to deploy, site speed took a hit.
Mobile performance was particularly affected by persistent issues with Cumulative Layout Shift (CLS). The switch to Vercel quickly addressed these problems and more.
After launching their Italian website in 2022, Personio saw a rapid increase in traffic. Their Core Web Vitals—and especially CLS—experienced a significant boost, consistently seeing improvements of more than 90%.
These enhancements were also observed across Personio’s five other domains. The team now benefits from real data on Core Web Vitals, offering a more effective, data-driven approach to their optimization strategy. Specifically on mobile, there was a 29% improvement in their Largest Contentful Paint (LCP) score.
Since migrating their site to Vercel, Personio has received top marks and reviews for the increased speed and improved user experience. The platform's seamless background operation allows Personio's developers to concentrate on critical projects without the burden of managing infrastructure concerns.
We have full confidence in our site on Vercel. We have roughly 100% uptime, and we’ve never experienced any outages. Deployments to production are very robust, and we haven’t seen any problems. Vercel is quite invisible, which is the best case scenario.Peter Rosell Senior Full Stack Engineer
Link to headingSecurity by default
As an HR company, Personio adheres to stringent security protocols. By integrating Next.js, Personio has significantly elevated their site security, with capabilities such as server-side rendering and static generation reducing exposure to vulnerabilities that client-rendered sites might face.
Additionally, Vercel's hosting environment enhances Personio's security with features like automatic HTTPS, end-to-end encryption for data in transit, and robust DDoS protection via global Edge Network.
This shift towards a more controlled and internally managed security framework allows Personio to tailor its security measures more closely to the unique requirements and risks of the HR industry. It marks a strategic move away from dependency on third-party security solutions, offering Personio increased agility in implementing and updating security protocols.
This not only strengthens their defense against potential cybersecurity threats, but also builds trust among users and clients who rely on Personio for the safe handling of their HR processes and data.
Link to headingA better developer experience
The transition to Vercel has also upgraded the developer experience within the team, streamlining internal processes and fostering a more collaborative environment. With Vercel Preview Deployments and commenting functionality, developers can engage in real-time feedback and discussions directly in preview environments, ensuring a more integrated and efficient review process.
Furthermore, the headless architecture enabled by Vercel provides the development team with the flexibility to rapidly implement new features and updates. This move supports a more agile development strategy, allowing Personio to quickly adapt and innovate in the fast-evolving HR tech landscape, keeping their platform dynamic and on the cutting edge.
Upgrade your workflow today
Reach out to learn more about how you can improve your frontend workflow and empower your team to ship better web experiences with Vercel.
Contact Us