Most personal websites are portfolios. Mine became something else — a living system, a creative engine, and a place where technology and storytelling meet. When I began building vladimirkuljak.com, I didn’t want a static résumé on a screen. I wanted a space that felt alive, responsive, and unmistakably mine.
This is the story of how it came together.
—
Starting With Identity, Not Code
Before a single line of HTML existed, I started with a question:
What does a Vladimir Kuljak experience feel like?
Clean. Direct. Modern.
A little mythic. A little technical.
A blend of engineering precision and creative expression.
That identity became the foundation for every design choice — from the typography to the neon accent color #c9f31d, which now threads through the site like a signature.
—
Building the Structure: Simple, Fast, Intentional
The site is built on a lightweight, hand‑crafted foundation:
- HTML for structure
- CSS for styling and motion
- JavaScript for interactivity
- Zero bloat — no heavy frameworks, no unnecessary plugins
This keeps the site fast, responsive, and fully under my control. Every element is intentional, not inherited from a template.
—
Designing the Interactive Layer
The site’s personality comes from the small touches — the things you don’t consciously notice but feel.
The Floating Share Button
A compact, neon button that appears only while scrolling.
It’s subtle, modern, and behaves like a living UI element.
The Scroll Progress Bar
A thin line of energy at the top of the page that tracks your movement.
It gives the site a sense of motion and direction.
Hover Micro‑Animations
Buttons lift slightly.
Text responds.
Elements breathe.
These micro‑interactions make the site feel responsive and crafted, not static.
—
The Interactive Page: A Playground for Ideas
The interactive.html page is where the site becomes more than a portfolio.
It’s a space for experiments — stories, systems, prototypes, and mythic concepts.
This page evolves constantly. It’s where I test new ideas, new visuals, and new ways of blending narrative with technology.
—
Aesthetic Consistency: The VK Signature
Across the site, you’ll notice a few recurring themes:
- Neon yellow accents
- Rounded, modern buttons
- Minimalist spacing
- Clean typography
- A balance of dark and light elements
These aren’t random choices. They’re part of a visual language that reflects who I am — a mix of precision, creativity, and forward momentum.
—
Performance and Accessibility
Behind the scenes, the site is optimized for:
- Fast load times
- Mobile responsiveness
- Clean semantic structure
- Accessible contrast and sizing
A site should be beautiful, but it should also be usable by everyone.
—
Why I Built It This Way
Because a personal website shouldn’t just show what you’ve done — it should show how you think.
vladimirkuljak.com is:
- A portfolio
- A creative lab
- A professional presence
- A mythic narrative space
- A technical playground
It’s a reflection of the way I build systems, tell stories, and design experiences.
—
What’s Next
The site will continue to evolve. Upcoming additions include:
- A full dark‑mode toggle
- A command palette (press / to open)
- More interactive stories
- A VK‑style footer
- Additional micro‑animations
- A refined blog section
This isn’t a finished product — it’s a living project.
Discover more from Vladimir Kuljak
Subscribe to get the latest posts sent to your email.