Coffee Concepts is a scroll-driven portfolio piece shaped like a café path. As you move down the page, five brew stops come alive with GSAP and Rive art — grind, jar, drop, pour, mix — and an AI chat cup sits ready to talk about the stop you are on.

Process

• Started from pencil sketches of the cup, then colored frames, then Rive moods (Idle, TalkSmile, TalkAngry).
• Built one café path with five equally spaced brew stops, each with its own Rive artboard and copy.
• Split motion into two jobs: the path stays simple, the wiggle lives on the thing that moves — opposite speeds so the page feels alive without noise.
• Added an in-page AI chat that knows which stop you are on, with streaming replies and a cup avatar that reacts.

Technology Stack