Din Golan AI Service: reel (on white)
The 2 delivered Lottie animations one after another, rendered from the files on this page.
Skip to page content and links
Work
Din Golan AI Service Webflow Animation
Two Lottie scenes for an AI sales-intelligence website: a hero of relationship cards and a Risk/Opportunity graph, each in two versions, built in After Effects for a Webflow site.
Client: Din Golan
Din Golan / AI service website / 2024
Relationships, drawn as they connect.
My role: Motion design and Lottie animation for a Webflow site
Delivered: A hero animation and a graph animation, each in two versions, as Lottie JSON with HTML previews
Tools: After Effects, Lottie, Webflow
The brief
Din Golan, a direct client, needed animations for a Webflow website promoting an AI service (project folder dated 26 June 2024).
The build
The hero is an 850 by 620 pixel scene, 15 seconds at 60 fps, of contact cards tagged with relationship labels such as Champion, Active customer, New opp, Worked with and Moved to a new company. The second piece is a 1280 by 770 graph, 5 seconds long, plotting contacts on a Risk and Opportunity axis against a Warm and Cold axis, with the roles Admin, Decision-Maker, Executive and Champion as labelled points. Both went through two versions. I designed the pieces in After Effects and exported them as Lottie for the Webflow build.
The delivered experience
The four Lottie files and their HTML previews are in the project folder. I have no link to the live site or any client feedback.
Project media
Graph Animation
Din Golan Webflow · Animations · Graph Animation
Hero Animation
Din Golan Webflow · Animations · Hero Animation
Din Golan Webflow Demo
Din Golan Webflow · Screenshots · Din Golan Webflow Demo
Have a project in mind?
Explore motion design and interactive animation services, or get in touch about your project.