Problem
Engineering teams use many tools, but important context like incidents, decisions,
and customer cases
often gets scattered. Users need a quick way to understand how the platform
connects all this information.

Goal
Create a landing section that clearly explains the product value while making
the experience feel active, intelligent, and AI-driven.

Solution
Designed a hero section with two animated product cards:

Left Card — Chat Animation
A chat-style interaction shows the system “thinking” and responding
before code changes happen. This helps users understand
that the platform gives context at the right moment.

Right Card — Moving Icons
Tool icons move inside a grid to show how different apps and data
sources connect into one shared
memory system.

UX Impact
The animations make the product easier to understand, improve visual engagement,
and communicate the core idea: capturing
and surfacing context automatically.

Tools Used: Figma, Framer Motion, Prototyping

Animated Context Platform

Animated Context Platform