Volodymyr O.🇺🇦

Sr. Product Designer.
Fluent in design.
Conversational in code.
Native in the space between.

[Volodymyr O.🇺🇦 @vdigitaldesign]

I wanted my personal site to feel alive — but never noisy.

So I treated it like a product:
structured on the surface, layered underneath, with easter eggs, subtle sound, careful motion, and respect for accessibility. Thread🧵

[Volodymyr O.🇺🇦 @vdigitaldesign]

@mattstromawn I like the argument for designing closer to the live product. But I’d push back on the architect frame.

Good architects don’t design from the outside only. They work with structure, materials, constraints, and how people inhabit the space.

The issue is blueprint-only thinking.

[Noomo Agency @NoomoAgency]

So many things to show… Here’s one more experiment from our upcoming project.

#gsap #webgl #threejs #shader #3dwebsite

[Volodymyr O.🇺🇦 @vdigitaldesign]

@schmittdev The content-visibility: auto property has a significant impact on how animations behave, primarily by controlling when the browser executes the rendering work necessary for those animations to run.

[Volodymyr O.🇺🇦 @vdigitaldesign]

@jsngr This hit close.
Really miss those days.

[Volodymyr O.🇺🇦 @vdigitaldesign]

@Una Yeah — for in-page, this works great.
Here’s a cross-page example using VT on my site https://t.co/jKLUVOkHyb

[Volodymyr O.🇺🇦 @vdigitaldesign]

Things rarely break inside a discipline. They break in the handoffs.

That’s where products lose coherence:
between design, engineering, and product — when each sees the system differently.

I wrote about why that happens:
https://t.co/6AiFdstjqX

[Next.js @nextjs]

New guide: implement each animation from the video with React <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> in Next.js.
https://t.co/wg2tvWOqNh

[Next.js @nextjs]

New agent skill: 𝚛𝚎𝚊𝚌𝚝-𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜

Add React <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> animations to any React app. Also covers how Next.js can natively integrate them.

• Animate elements across navigations
• Slide pages forward and back
• Smooth loading transitions
• Composition and accessibility handled

[Volodymyr O.🇺🇦 @vdigitaldesign]

Part One was about how an engineering path led me toward design.
Part Two is about what happened next.

What changes when you already know how things are built — and start designing them instead.

https://t.co/aYbOi9bp57

[Volodymyr O.🇺🇦 @vdigitaldesign]

@ipwanciu @BDoma You can add this attribute to the body for the same result, but I find the console way more useful.

[joshpuckett @joshpuckett]

InterfaceKit is a design tool to make real time visual edits to your app then copy a prompt for your agent to ship the changes.

Just pushed the alpha to Interface Craft members; available to everyone soon.

Fun to jam with @willdphan on this one ���

[Volodymyr O.🇺🇦 @vdigitaldesign]

Before product design, there was construction engineering.

Different materials, same obsession: how things are built, how systems hold together, and how ideas on paper survive reality.

That mindset still shapes how I design.

https://t.co/EbLvKZS3uE

[Volodymyr O.🇺🇦 @vdigitaldesign]

@smailelazizi @buffer @pqoqubbw Love this.
I’ve been using lucide-animated on my site — motion really changes how icons feel in an interface.

Being able to visually tweak timing and easing without touching the code — that’s the missing piece.

[Volodymyr O.🇺🇦 @vdigitaldesign]

If you want to take a look:
https://t.co/dPtaBwmyA4

And I’m curious:
what’s one detail on someone’s site or product that instantly tells you they really cared?

[Volodymyr O.🇺🇦 @vdigitaldesign]

I wanted my personal site to feel alive — but never noisy.

So I treated it like a product:
structured on the surface, layered underneath, with easter eggs, subtle sound, careful motion, and respect for accessibility. Thread🧵

[Volodymyr O.🇺🇦 @vdigitaldesign]

In the end, the site is less about “look what I made” and more about “this is how I work.”

I care about systems.
I care about implementation.
I care about accessibility.
And I care about details people may not consciously notice, but still feel.