KDKLV
Work
Play
About

About

Ljubljana-based UI/UX designer specializing in embedded and product interfaces.

With a background in motion design and creative coding, I create interactive systems and real-time behaviors for physical products — spanning UI/UX, web, motion, and 3D.

I use code as a core prototyping tool to turn complex logic into clear, responsive, production-ready interfaces that deliver intuitive usability and meaningful feedback in real-world contexts.

CV available upon request
UI/UX Embedded Interfaces Interaction Design Motion Systems Prototyping Real-Time Creative Coding 3D
Contact

Contact

Kristjan Dekleva 🇸🇮/🇪🇺

WCKD Nation

WCKD Nation Music Visualisers

WCKD Nation Vizs

Context: Wckd Nation blends jazz and pop into modern neo-soul. Calm vocals echo r'n'b patterns, layered over an instrumental mix drawing from jazz, pop, hip hop, and funk, creating a fresh yet familiar sound that bridges genres naturally.

Objective: Enhance audience engagement for a genre-fluid music project through adaptive visual storytelling.

Approach: Developed an audio-reactive visualization system using Touch Designer, dynamically mapping to song structure. This system generated album art, lyric videos, and social assets, ensuring visual consistency across platforms and amplifying the project's unique sound.

Swan King Counting Days
Skills Art Direction Motion Graphics Generative Art Touch Designer
Deliverables Album Covers Video Covers Videos / Audio Visualizers
Danfoss ICAD-B

Danfoss ICAD-B launch Campaign visuals

Icad-B

Context: The Danfoss ICAD-B actuator is an IoT-enabled device transforming industrial automation with precision and connectivity. As a new Danfoss product, it needed a launch video to showcase its advanced features to a global audience, blending technical clarity with compelling visuals.

Objective: Communicate technical IoT product features to a global, non-specialist audience.

Approach: Collaborated with engineering teams to identify key user pain points, addressing the challenge of understanding complex connectivity. A narrative-driven explainer video was produced using 3D modeling and motion design, effectively visualizing abstract concepts like precision and scalability for a broader understanding.

Made at Studio Signum

Video Product page
Skills Motion Design Campaign Art Direction Texturing 3D Modeling + Rendering Storyboarding
Deliverables Videos Stills Social Media Exports
KD Business Card

Katarina Dekleva Web Business Card

Katarina Dekleva

Context: Reimagining a simple business card as a interactive single-page website, pushing boundaries with minimal design, over-engineering, and immersive 3D elements for maximum impact.

Objective: Refine digital networking through tactile interaction.

Approach: Designed a Three.js-based spatial interface simulating physical manipulation, allowing users to control rotation through scrolling or swiping. This approach minimized cognitive load while maximizing memorability through intuitive micro-interactions, delivering a tangible experience in a digital format.

Visit
Skills UI/UX Graphic Design Three.js
Deliverables Business Card HTML/CSS/JS
Kersnikova Web

Kersnikova Art insitute

Kersnikova Institute

Context: Kersnikova Institute, a non-profit cultural hub, supports three unique venues: Kapelica Gallery, a global name in investigative arts; Rampa, a hackerspace rethinking society, science, and tech; and BioTehna, a lab for artistic living-system research. It's a space where art, science, and tech collide, driven by diverse, unconventional minds.

Objective: Create a navigational system reflecting a multidisciplinary institution's ethos.

Approach: Interviews and UX research to map content relationships, resulting in a node-based information architecture with fluid transitions. This design reduced cognitive friction during cross-disciplinary exploration, effectively reflecting the institution's diverse and interconnected nature.

Made with Luka Grcar

Visit
Skills UX Research Wireframing UI/UX Design Motion Design Typeface Design
Deliverables Wireframes Style guide Interface design High-Fidelity prototypes UI Animation mockups
Physarum polycephalum

Physarum polycephalum

Slime

Objective: To explore the potential of biological algorithms in user interface design by simulating the emergent behaviors of Physarum polycephalum.

Approach: Developed an interactive canvas utilizing the Gray-Scott reaction-diffusion model, allowing users to directly influence and observe the growth patterns, mirroring biological diffusion. This approach aimed to create a visually engaging experience that highlights the principles of adaptive systems.

Interaction: Draw on the canvas to inoculate the substrate and watch the simulation evolve. (Double-click to reset.)

Skills WebGL Computational Biology Reaction-Diffusion Simulation Design
Iskra HA8

Iskra HA8 analog clock

Iskra HA8

Objective: To reinterpret and modernize the iconic 1970s Iskra HA8 analog clock, focusing on the intersection of heritage design and interactive fidelity.

Approach: Recreated the clock in Blender using detailed blueprints, then implemented it in Three.js with accurate textures, mechanical logic, and Web Audio API integration. This process aimed to explore how digital reconstruction can enhance user engagement through nostalgia and realistic simulation.

Interaction: Double-click to alter the clock's material and experience its dynamic transformation.

Skills 3d Three.js WebAudio API Clock logic
Refraction

Experiments with refraction

Refraction

Objective: To investigate and refine advanced refraction and transparency effects, aiming to produce realistic glass-like visual illusions for enhanced digital interfaces.

Approach: Developed a custom Three.js shader utilizing multiple primitives and manipulating geometry, textures, and lighting to simulate physical refraction. Interactive sliders were implemented to allow users to dynamically adjust parameters, exploring the nuanced visual outcomes.

Interaction: Adjust the sliders in the upper left corner to see how varying parameters affect the refraction effect.

Skills Three.js Physically-Based Rendering WebGl-DOM interaction
Orbital travel

Orbital travel through the solar system

Orbital

Objective: To simulate an interactive, stylized solar system, exploring orbital mechanics and procedural animation to create an engaging and informative user experience.

Approach: Engineered elliptical orbital paths using Three.js and sine/cosine functions, with a dynamic camera system to track a selected planet. Custom shaders and visual effects were employed to create a high-contrast, immersive space environment.

Interaction: Pan around to follow the planet's journey through the solar system.

Skills Procedural Animation Three.js Camera Tracking Simulation Design Space Logic

Controls

Space - Reshuffle

- Next Node

N - Night Vision