Book a call

Axonex AI

This was a comprehensive Figma to Framer build for Axonex AI in 2026. As a modern, forward-thinking AI company, they required their complex design concept to be turned into a real, fully animated, and completely responsive website — one that remained strictly faithful to their original design vision while being consistently fast and fluid on every device.

Visit live website

Tell us what you're building

Overview

Axonex is an AI product that needed a launch-ready marketing site translated faithfully from its original Figma source into a live Framer build. The project brief leaned heavily on sophisticated motion, perceived depth, and a confident technical aesthetic, so the rebuild had to preserve all of that high-energy dynamism while staying genuinely performant — looking thoroughly modern and alive without ever feeling heavy, weighed down, or sluggish as users navigated through the content.

Challenge

AI-focused websites live or die on the feeling of being genuinely cutting-edge, which usually necessitates a high volume of complex motion and layered visuals — which are exactly the delicate elements that often become clunky and stuttery when they are ported to the web carelessly. The primary challenge I faced was carrying over the vibrant energy and geometric depth of the original Figma design without bloating the page size or letting the core layout break down on smaller tablet and mobile devices.

Solution

I rebuilt the entire design natively within Framer, carefully recreating the intricate gradients, structural depth, and nuanced interaction cues as real, lightweight programmatic effects rather than relying on heavy, pixelated exported assets. All sections were meticulously structured for clean, stable responsive behavior, and subtle scroll-triggered and hover-state motions were woven in to match the intended interactive feel exactly without inadvertently slowing down the page rendering or overall responsiveness.

Deliverable

Outcome

Axonex launched with a final site that reads as genuinely modern and technically advanced, matches their original design vision with impressive fidelity, and stays smooth across all mobile and desktop devices. The motion adds significant personality and character without ever getting in the way of the core product message or negatively impacting the total page load time — proving that the intentional polish is deeply felt by the user, not paid for in lost performance.

Summary

This was a faithful, motion-rich Figma-to-Framer build that provides an ambitious AI product with the sharp, modern digital presence it needs to stand out in a crowded market — all while strictly adhering to high standards of speed and performance.

More work

Voicery

Website design and build for Voicery · 2026. This was an specialized AI voice product that required a clean, modern, and conversion-ready site—advanced enough to project immediate technical credibility, yet plain-spoken enough to ensure that the core value remains accessible and easy to understand for every user.

Refactoring the Button Component

A behind-the-scenes look at how I reduced Edifire UI's button component from 432 variants to just 32 using parametric logic, slot-based design, and Figma properties. This case study explores the thinking, tooling, and cleanup strategy behind a scalable, token-driven system built solo and made for open source.