Skip to content
The Key ESG website built with Next.js and Sanity

Key ESG

Key ESG approached us to craft a lightning-fast website, and after careful consultation, we recommended Next.js and Sanity for their scalability, ease-of-use, and rapid content updates.

Sectors
SaaS & AI
Technologies
Next.jsSanityVercel

Project Overview

Using Chakra UI, we quickly established a solid design system, significantly accelerating both development and design processes. The result? A fully customizable, scalable, and intuitive page-builder experience, complete with a tailored SEO component ensuring optimal Meta and Open Graph data.

Recognizing the universal dread of forms, we went beyond expectations by creating an intuitive, fully integrated form-builder within Sanity, connecting cleanly to their CRM with precise labeling. Performance was paramount: every block utilizes Next.js image optimization and Sanity's Imgix rendering, with future-proofing for upcoming Web Worker support to offload analytics scripts, ensuring sustained speed and efficiency.

Common questions

Key ESG project FAQs

What buyers ask us about the Key ESG project, answered from the work itself

Why Next.js and Sanity for this project?
The brief was a lightning-fast website, and after consultation we recommended the pairing for scalability, ease of use and rapid content updates. The Sanity development work gave them a page builder their team controls; Next.js kept the front end fast.
How did you keep the build quick?
Chakra UI gave us a solid design system early, which accelerated both design and development rather than building every component from scratch.
Can marketing manage SEO without us?
Yes. We built a tailored SEO component so Meta and Open Graph data is set correctly on every page, as part of a fully customizable page-builder experience.
What about forms and getting leads into our CRM?
We built a form builder inside Sanity itself, connecting cleanly to their CRM with precise labeling, so forms are created and changed by the people who need them rather than by developers.
How is image performance handled?
Every block uses Next.js image optimization together with Sanity's Imgix rendering, with headroom left for Web Worker support to offload analytics scripts later.

Services

Sanity CMS development agency

Sanity CMS development agency

Sanity CMS development agency for teams shipping content at scale. Preferred Sanity partner, community ambassadors and authors of Turbo Start Sanity. We build studios, migrate from WordPress and Strapi, and tune Sanity so editors actually want to use it.

View service
Next.js app development

Next.js app development

Vercel agency partners building serious Next.js apps: dashboards, AI products, content platforms and hybrid SaaS surfaces.

View service

Get in touch

Tell us what you're building. We reply within one working day. Jono or someone on the team picks up every message personally.

By sending this you agree to our privacy policy. We only use your details to reply.

Next Project

Mortgage Rob

Next.jsSanityVercel
View case study