Noa Climate: Building a Sustainable Future Through Digital Innovation
I spearheaded the development of a new digital platform for Noa Climate, a Germany-based company committed to promoting eco-friendly products and sustainable solutions that make a positive impact on the environment. Noa Climate’s mission is not just about selling products but driving real change by fostering harmony between society and nature. With this vision at the forefront, I worked to design a highly functional and visually engaging platform that would showcase their offerings and mission.
One of the core aspects of the project was building a custom CMS powered by Sanity, which allowed for greater flexibility and control. A unique color design system was created specifically for the platform, enabling seamless transitions and dynamic color changes throughout various sections. This provided Noa Climate with a visually distinct identity that resonates with their sustainability message.
The platform features sophisticated animated elements that required deep technical work to ensure smooth performance and fast loading times, even with heavy visual content. These animations, designed to enhance the user experience, are entirely CMS-powered, offering Noa Climate the ability to manage and adapt them easily.
A key focus was also placed on developing a custom FAQ section with a filtering and category system that can be easily expanded. This was critical in helping users find relevant information about Noa Climate’s innovative products and projects quickly.
In addition, the project involved improving the platform’s preview system. Initially starting with a basic preview setup, we realized the need for a more powerful and flexible system that would allow Noa Climate to fully leverage the platform’s composable architecture. We integrated Sanity’s new “preview-kit,” which dramatically enhanced the content editing experience, providing real-time, responsive previews for smoother management of site updates.
The result is a dynamic, scalable platform that captures the essence of Noa Climate’s mission—supporting both their business goals and their commitment to environmental sustainability.
Tech Stack:
CMS: Sanity
Frontend: Next.JS, Custom animations with Framer Motion, Lottie, and SVG transitions
Backend: Vercel, Serverless Functions, Hubspot, Mux for optimized videos
This project stands as a testament to how creativity, cutting-edge design, and thoughtful technology can come together to drive forward a company’s vision for a sustainable future.
