04 — Studio & Brand — 2026
Planthesia
Planthesia is a modern digital agency site built with Next.js, TypeScript, and Framer Motion. It acts as a live showcase of bold frontend craft, fast page loads, high Lighthouse scores, and smooth spring physics.
Planthesia Case Study & Architecture
The Planthesia Challenge
Most agency websites look identical and feel stiff. The goal was to build a site that proves frontend craft through silky animations and great design rather than empty marketing text.
Engineering Approach for Planthesia
I treated the website itself as a live demo. Every section uses scroll reveals, interactive SVG blueprints, and tactile hover states. The code is modular, uses Next.js server components, and runs at a locked 60 frames per second.
Core Highlights & Architecture
Built interactive studio sections that showcase custom animations and layout craft.
Created smooth scroll effects and SVG drawings with Framer Motion springs.
Cut bundle weight and tuned CSS so pages open fast and look sharp on phones.
Planthesia Tech Stack & Tools
Case-study pages, inquiry routing, and more polished motion states.