Project Overview
M&P IP Protectors, an IP law firm based in India, needed to replace their outdated website with a modern, interactive version that supported detailed animations and gave them full control over their content.
To build a fast, flexible front-end, we used Next.js, which allowed us to implement dynamic animations and optimize load performance through static generation and code splitting. For content management, we chose Directus, which gave the client a clean, no-code interface to manage content and media without requiring development support.
Key Challenges
The client requested custom animations across the site—including a shield graphic that responds to scroll behavior. We needed to implement this without slowing down the site or introducing layout instability across screen sizes.
Our Solution
We used an SVG line animation approach for the shield and tied it to scroll events using custom JavaScript. This let us keep the animation lightweight and performant. We validated the implementation across devices to ensure consistency.
What We Brought to the Table
Our team applied advanced front-end animation skills—using tools like React Spring and direct SVG manipulation—to translate the client’s visual ideas into smooth, reliable motion design. The result was a responsive, content-driven website with tailored interactions that reinforce the brand's identity.