Define the visual motion direction in Figma
Case / G
İTMİM
Giving a technology institution's website a coherent layer of purposeful motion.
Giving a technology institution's website a coherent layer of purposeful motion.
Project gallery
Work, ready
to be shown.
These slots preserve the final case-study composition until approved project mockups, prototypes, and process images are added.
Add a still or recording of the approved Rive hero animation.
Show selected supporting container animations.
Add the Figma direction or Rive state-machine view.
Show the approved ambient animation in website context.
The problem
Start with what
needed to change.
The website needed motion that could reinforce its technology-focused identity across several parts of the experience without turning the interface into a collection of disconnected effects.
Role in the workAli designed the animation direction in Figma and created the production animation assets in Rive: one hero sequence, six smaller container animations, and one ambient background animation.
The process
Design a shared animation language
Build eight animation assets in Rive
Prepare the files for website integration
The solution
What the work
made possible.
A connected motion system spanning the main hero, supporting content containers, and background atmosphere, created as lightweight interactive animation assets.
Verified outcomeEight website animations were created and delivered for the İTMİM website. No engagement or performance uplift is claimed without supporting analytics.
Hero-section animation
Confirmed as part of the documented engagement.
Six container animations
Confirmed as part of the documented engagement.
Background animation
Confirmed as part of the documented engagement.
Figma and Rive production assets
Confirmed as part of the documented engagement.