Built with Framer

Website enhancement for Dean Kroker.

Dinkar ☀️

Overview
So, Dean had an issue with SVG tracing animation in his portfolio. I suggested improving the interactions and font since they didn’t match the minimal vibe. He liked the changes, and he got a lot of compliments from his friends! 😊

✍🏻 Changes

Issues Dean had.

SVG tracing animation
Overlay's Alignment & responsiveness
Adding Venn diagram with his skills.

Things i suggested

Change font to Satoshi from Figree
Interaction improvements(he loved it) 😮‍💨
Alignment Changes UX 😁

🤝 Here's how i solved it

SVG Tracing animation

It was easy to make it, but there was a catch the animation was good but need minimal logo and single svgs path to animate. (still we have 3).
Solve: he had little complex logo so i traced it manually in Figma and built moved to Framer and animated with [this] component.

Overlay Alignment & Responsiveness

Improved Media card layout & responsiveness and appear animation.

Venn diagram

So he wanted a VENN diagram, as he mentioned i added one exactly what he had in mind (he was little unsure).
Like this project
0

Posted Mar 9, 2025

Get coffee with Dean Kroker. Talk product strategy, software engineering, and interface design.