Skip to content
get in touch.

Frame.

A pre-seed productivity startup with a waitlist page that couldn't show what the product did. We built the site, the motion, and two working AI demos running on the page itself.

Services
Webflow development · Motion · AI demos
Year
2024
Country
United States
Site
frame-preview.webflow.io

Frame had a waitlist site: no motion, no interaction, and no way to feel what the product actually was.A screenshot can't demo an agent.So the demos went on the page, live.

Two of them: a preview of the personal agent on the OpenAI API, and the AI-employee use cases wired to the product's real integrations. Webflow is frontend-only, so a proxy server sat between the site and the API, taking the requests, handling CORS and relaying them on.

  • Motion where it counts. Built in Webflow with GSAP, keeping movement on small interactions (hover states, a draw-on footer logo) rather than decorating every section.
  • Feature animation. Lottie sequences built in Jitter to show the product's main features moving, which static UI shots could never do.
  • The agent demo. A preview of the personal-agent feature running live on the OpenAI API, built when ChatGPT was still basic chat and 'agents' weren't a category yet.
  • The proxy. Webflow is frontend-only, so a proxy server sat between the site and OpenAI: it took the front-end requests, handled CORS, and relayed them to the API.
  1. The Frame home page on a laptop, Meet the Intelligent Workspace

  2. Brief

    An AI product with nothing on the page you could try.

    Frame had a waitlist site: no motion, no interaction, and no way to tell what the product actually did. You cannot screenshot an agent, so we put two working ones on the page.

    The site is Webflow with GSAP, and the motion stays on the small interactions. Hover states, a footer logo that draws itself. Nothing moves that is not carrying something.

    The features that could not be photographed became Lottie sequences built in Jitter. A static UI shot cannot show a product working.

  3. A laptop showing Frame searching across a hundred connected apps
    The Frame mobile site, The AI-native Work OS, with its ten app tiles
  4. Two product cards: Auto Document Enrichments and AI Powered Content
    Ollie, the personal-agent demo, running live in the browser
  5. The pricing page open on a laptop, Find the Right Plans for Your Needs
    The AI-employee use-case demo running on the page

  6. Outcome

    Both demos shipped, running on the live site.

    Both demos shipped. Visitors get the personal agent running live on the OpenAI API, and the AI-employee use cases wired to the product's real integrations.

    The agent demo was built when ChatGPT was still a chat box and nobody was calling anything an agent yet.

    Webflow is frontend only, so a proxy server sits between the site and OpenAI. It takes the requests from the page, handles CORS, and relays them on. That is what lets a Webflow site talk to an API at all.

  7. Explore AI employees use cases, wired to the product's real integrations

Next case

Portfolio Ventures.

Branding · 2025

More projects

View all

I need

I need