It is necessary to create a modern and smooth animation of the illustration located at the top of the landing page (hero section). The illustration represents a diagram of how the platform for creating no-code AI agents works. The principle of the platform is that the user communicates with the platform's AI chat, where the assistant performs actions to create the AI agent during the conversation (an autonomous AI system that makes decisions, uses necessary tools, executes instructions, and independently performs complex tasks).
The user communicates by voice or text. That is, it is like a setup master - the assistant does everything for the user, and the user only needs to adjust and confirm.
How I envision the animation (we will discuss in more detail at the meeting)
Chat animation:
Next to the main workspace window for creating the agent, there is a chat (assistant). It should be shown that the user can communicate with the agent by voice or text.
The chat demonstrates the process of discussing the task, after which a button appears for the client's agreement to perform the task. After the assistant understands what needs to be done.
After pressing the agreement button (“Apply”), the actions discussed in the chat begin to animate in the main window, gradually forming the blocks and actions of the AI agent.
Animation requirements:
The animation should be smooth, concise, highlighting the structure and functionality of the AI agent.
The elements (“Brain”, “Memory”, “Knowledge”, “Instructions”) should appear sequentially, preferably with a soft fade-in effect and a slight movement from bottom to top.
Each element (“Brain”, “Memory”, “Knowledge”, “Instructions”) should visually demonstrate the possibility of customization (for example, a brief appearance of an icon or a small animation with the appearance of a settings menu). It may also be necessary to show small explanations - what this block is.
The blocks “Acting” and interactions with clients (VAPI Call to client) should animate in a sequential chain principle, demonstrating step-by-step execution of actions.
The animation should be looped, not distracting the user's attention, but organically complementing the main content of the site.
Format for submission:
The final work is provided in the form of a ready-made file in Lottie JSON format or another format suitable for embedding on the site (to be agreed upon in advance).
Please provide links to your work examples and specify the deadlines for completing the task. Thank you