Juicebox

Overview

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

They were launching a new marketing site alongside a refreshed visual direction and needed a fast, responsive Framer build that could support custom interactions, animations, and future iteration.

The design was fully handled by the team at Airfoil Studio. I led the Framer development, working closely with the designers throughout the project.

The challenge

The site needed to feel polished and interactive, without sacrificing performance or maintainability. That meant:

• Translating a strong visual system from Figma into Framer without compromises

• Supporting custom interactions tied directly to Juicebox’s product

• Handling animations and motion-heavy sections while keeping the site fast and accessible

My role

I was responsible for the full Framer implementation and front-end behavior. This included:

• 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 sends user input directly to Juicebox’s platform, pre-filled on submit

• Implementing animations such as the full-screen purple scroll section on the homepage, the cycling integrations showcase, and the dynamic hero on the /agent page

• Ensuring the site followed SEO, performance, and accessibility best practices

• Collaborating with Wes Ambler toward the end of the project to add micro-animations across the features section, footer, and the /peoplegpt and /outreach pages

Outcome

• The site launched smoothly and performs well despite heavy use of animation and interaction

• Custom components allow marketing to showcase product value directly from the homepage

• The build is flexible and easy to iterate on as Juicebox continues to evolve

Timeline: ~6 weeks
Live site: https://juicebox.ai