Juicebox - Figma to Framer build

Juicebox helps teams scale outbound campaigns with AI-powered prospecting tools like PeopleGPT, Outreach, and Agent.

They were launching a new marketing site and needed a fast, responsive build in Framer to match their new visual direction. The design was entirely handled by the talented team at Airfoil Studio, while I led the Framer development.

Working closely with the design team, I was responsible for:

Building the site in Framer, converting 9 static pages and 2 CMS collections from Figma with a pixel-perfect, responsive setup.

Developing custom components and code overrides, including the interactive hero search bar that, on submit, sends user input directly to Juicebox’s platform pre-filled.

Implementing animations like the full-screen purple scroll section on the homepage, the cycling integrations showcase, and the dynamic hero for the /agent page.

Making sure the site followed SEO, performance, and accessibility best practices.

Collaborating with Wes Ambler near the end of the project to add microanimations for the “features” section, footer, and heroes on /peoplegpt and /outreach.

The project lasted around 6 weeks and is now live at 👉🏻 https://juicebox.ai/

Here's some project highlights, tho I strongly suggest you visit the live site for the full experience.