How I Built vladimirkuljak.com: A Digital Space With a Pulse

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.