harshaA personal website should communicate personality. Animation can help, but moving text and a shifting portrait can make the page harder to use precisely when someone is trying to learn about the person behind it.
This site's motion direction is intentionally restrained: the reading surface stays still, while small project diagrams can show a process. The distinction gives motion a job.
Keep the reading surface stable
A heading should not need to finish an entrance effect before it becomes legible. A photograph should not drift while someone studies it. A card should not blur its text as the pointer moves.
These effects may look striking in a short recording, but the website is primarily a reading experience. Stability helps the visitor scan, compare projects, and decide where to go next.
Color, spacing, typography, and composition can carry much of the visual identity without requiring constant movement.
Give each animation a meaning
A retrieval diagram can suggest evidence moving toward an answer. A streaming diagram can show events passing through stages. A compiler diagram can show source becoming structure.
The animation should stay inside the illustration rather than moving the surrounding layout. It should be slow enough to understand, limited in scope, and easy to pause.
A shared animation applied to every project may create consistency while communicating nothing about the projects. A small, distinct diagram can explain more with less motion.
Respect the visitor's control
Reduced-motion preferences should change the experience meaningfully. MDN documents the prefers-reduced-motion media feature for detecting that preference. Its reference explains the browser signal.
A visible pause control is also useful for visitors who want to stop a diagram temporarily. Offscreen animation can pause because it is not helping anyone understand the page at that moment.
I want the site to feel considered rather than restless. The best motion contributes to a question the visitor is already asking: what does this project do? When an effect cannot answer that question or improve feedback, a still composition is often the stronger design choice.