Loading...
Embedded with the AI Buddy team and shipped a Three.js marketing site to production — a custom component library, a Ghost CMS blog, and a conversion-focused flow for visitors.
Most 3D sites pay for the spectacle in load time. This one doesn't. I built the animation system and tuned the performance budget so it stays fast.
AI Buddy needed a landing page that felt as advanced as the product — without the load-time penalty that usually comes with 3D. I embedded, scoped it, and shipped these systems to production.
Shipped a Three.js animation layer to prod — interactive 3D elements and particle sequences that stay smooth on real devices.
Wired a headless Ghost CMS into the app with server-side rendering and static generation so the team publishes without touching code.
Built a from-scratch component library — canvas reveals, 3D cards, aurora backgrounds — instead of reaching for an off-the-shelf template.
Tuned the Next.js 15 App Router build — code splitting, lazy loading, animation budgeting — to stay fast despite the 3D weight.
Deployed scroll-aware navigation, tracing-beam progress, and typewriter reveals that guide visitors through the page.
Embedded a Calendly booking integration into the conversion path so qualified visitors turn into booked calls in one click.
The production toolchain behind the 3D system, the Ghost CMS blog, and the performance tuning.
No template. Each of these was hand-built to carry the brand and stay inside the performance budget.
Animated gradient backgrounds with complex CSS animations and 60-second loop cycles creating mesmerizing visual effects.
Interactive canvas-based animations that reveal content on hover with particle systems and dynamic color schemes.
Direction-aware 3D cards with mouse tracking, perspective transforms, and realistic lighting effects.
Visual progress indicators with animated SVG paths, gradient effects, and scroll-based animations.
Scroll-responsive navigation with smooth transitions, blur effects, and context-aware visibility.
Typewriter-style animations with blur filters, staggered timing, and customizable speed controls.
An FDE deployment is judged on results, not features. Here is what the shipped build delivered.
A guided 3D narrative and clear conversion path help visitors move from landing to booking without friction.
A heavy 3D landing page that still loads fast — speed and spectacle in the same build, no trade-off.
The Ghost CMS blog lets the team ship content and SEO pages on their own, with no engineering ticket in the loop.
Strategic CTAs and an embedded Calendly flow turn the landing page into a booking funnel instead of a brochure.
Stood up a reusable Three.js and Framer Motion layer — canvas reveals, aurora gradients, 3D cards — with a frame budget baked in so it holds 60fps on real phones instead of only on a demo laptop.
Deployed Ghost CMS with server-side rendering and static generation, plus fallback paths for reliability — so marketing publishes posts and SEO pages without filing an engineering ticket.
Code splitting, lazy loading, image optimization, and animation budgeting kept the build fast — the proof that spectacle and speed do not have to trade off.
I embed in the problem, ship production code fast, and stand behind the outcome — like the performance-tuned 3D build and conversion flow on this one.