Freelance Creative Director & Designer
Freelance Creative Director & Designer
Versatile Art Director, Brand Designer
Versatile Art Director, Brand Designer
Web Designer & Developer | Interactive Webflow Expert
Web Designer & Developer | Interactive Webflow Expert
Portals, AI workflows, sites and films for small businesses
New to Contra
Portals, AI workflows, sites and films for small businesses
Interactive Websites & Full-Stack SaaS Builds
Most sites tell you they're premium. Almost none of them make you feel it.
I spent the last stretch building thirteen concept sites chasing that
difference, and the thing that kept proving itself is that the feeling comes
from motion you control, not motion you watch.
Four are real-time 3D in the browser. A crystalline brand hero turning under
studio lighting, a perfume landing lit entirely by a real HDRI environment, a
neural field of instanced particles for an AI product, an architectural
monolith that reveals itself out of near-black. The other nine are
scroll-scrubbed video, where you drag a whiskey pour or open a box or drive
into a sunrise at whatever pace you want. The visitor is the animator, which
is a very different thing from watching an autoplay loop.
I design it, build it, and ship it myself, so there's no handoff where the
feeling leaks out between the mockup and the browser.
Two things I learned that I'd want someone else to know.
If you light a translucent material without a real environment map, your
scene renders black. Lighting is not polish you add at the end, it's a design
decision you make first, before you have anything to look at.
And if you want video to scrub frame for frame off scroll position with no
stutter, re-encode it all keyframe. Every frame becomes a seek target. Most
people fight that stutter in JavaScript when the fix lives in the encode.
Who it actually serves is anyone selling on craft rather than spec. Fragrance,
architecture, spirits, dev tools. The interaction buys a few more seconds of
attention right where the headline and the call to action live, and those
seconds are usually the whole game.
All thirteen are live and interactive, and labeled as concepts because that's
what they are.
Still chewing on one thing. Where's the line where motion stops serving the
brand and becomes the thing people remember instead of the brand?
https://xkaii.studio/ui-ux-designs/
12
21
674
An update on the red-team loop from my last post.
I turned it from a one-off script into a real harness I run with one command against the whole stack. It attacks the backend, replays out-of-order Stripe events to prove a cancelled plan can't come back, and it screenshots the site and fails if the page renders as a flat white frame. That last one is a real bug I hit: the old checks passed because there were no console errors, but the entire hero was painting white on certain GPUs.
I also added a tripwire that fails the build if I ever delete something already built and verified, or reintroduce a mistake I already fixed. Iterating on a live 3D site, the hard part is not breaking the thing that already worked.
It runs in CI now, so every push gets checked.
Live: xkaii.studio
(http://xkaii.studio)Security: xkaii.studio/security
1
249