Webflow Development & AI chatbot for SaaS AI-native OS | Frame

Frame's product is an AI work OS, and the hard part of the brief was proving that to visitors. So instead of showing screenshots of the product, I put a working version of it on the marketing site: two live AI demos anyone could use right on the page.

I built the whole website in Webflow, replacing the old static waitlist with a site that actually shows what the product does. A lot of the feel comes from motion: GSAP on the hover states and an animated footer logo, plus Lottie animations I made in Jitter that put the product's core features in action. I kept the animation on small details, so it stays smooth and never gets in the way of reading.

The first demo is a preview of Frame's personal-agent feature, running on the OpenAI API. I built it in early 2024, back when ChatGPT was still basic chat and "AI agents" weren't a category anyone was selling yet. The second covers the "AI employee" use cases: I wired the product's integrations to an agent so a visitor could watch it carry out real tasks live. Webflow is frontend-only and can't call OpenAI directly, so I built a proxy server between the site and the API to handle the requests and CORS. That backend is what let the demos run in production, and it's the part most Webflow developers can't build.

Frame came in as a static waitlist page with nothing to show. I launched a site that runs the product live. Webflow, GSAP, OpenAI API, custom proxy server, Lottie (Jitter), After Effects

https://frame-preview.webflow.io/