<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>Automation &#8211; Smart Arena</title>
	<atom:link href="https://www.esmartarena.com/hr/case-study-tag/automation/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.esmartarena.com/hrVeza
	<description>Sve obuke na jednom mjestu.</description>
	<lastbuilddate>Thu, 05 Mar 2026 11:40:09 +0000</lastbuilddate>
	<language>čovjek</language>
	<sy:updateperiod>
	po satu	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.esmartarena.com/wp-content/uploads/2023/05/SA-SYMBOL-FAV-150x150.webp</url>
	<title>Automation &#8211; Smart Arena</title>
	<link>https://www.esmartarena.com/hrVeza
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Od obuke uživo do skalabilnog digitalnog učenja</title>
		<link>https://www.esmartarena.com/hr/studija-slucaja/studija-slucaja-cinkarne-celje/Veza
		
		<dc:creator><![CDATA[Apollo SEO]]></dc:creator>
		<pubdate>Tue, 25 Nov 2025 11:06:52 +0000</pubdate>
				<guid ispermalink="false">https://www.esmartarena.com/?post_type=case-study&#038;p=13005</guid>

					<description><![CDATA[Prije Smart Arene, Cinkarna je većinu obuka provodila uživo—koristeći PowerPoint prezentacije, PDF-ove i predavanja u učionici. Iako je u prošlosti bio učinkovit, ovaj je pristup postao teško skalirati. Saznajte kako su digitalizirali učenje.]]></description>
										<content:encoded><![CDATA[<div id="elementor-custom-video-player-wrapper">

    <div class="custom-video-player">
        <video 
            id="custom-player" 
            poster="https://www.esmartarena.com/wp-content/uploads/2025/11/building-a-continuous-learning-c.webp"
            muted="false"
            playsinline
 preload="auto"
        >
            <source src="https://www.esmartarena.com/wp-content/uploads/2025/11/MatejaAvbersekPOP-1-1.mp4">
            Vaš preglednik ne podržava video oznaku.
        </video>

        <!-- Central Play Button -->
        <div class="central-play-button" style="            position: absolute;            top: 50%;            left: 50%;            transform: translate(-50%, -50%);            z-index: 20;            display: flex;            justify-content: center;            align-items: center;            background: rgba(255,255,255,0.9);            width: 60px;            height: 60px;            border-radius: 50%;            cursor: pointer;            box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;        ">
            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 24 24" fill="#0D0F2C"><path d="M8 5v14l11-7z"/></svg>
        </div>

        <button class="player-button mute-unmute-button">
            <div class="icon"></div>
            <span class="label-hidden">Mute</span>
        </button>

        <div class="player-controls-overlay" style="opacity: 0;">
            <div class="bottom-controls">
                <button class="player-button play-pause-button">
                    <div class="icon"></div>
                </button>
                <div class="progress-bar-container">
                    <div class="progress-bar"></div>
                </div>
            </div>
        </div>
    </div>

</div>

<style>
    /* Scoped styles to prevent conflicts with your theme */
    #elementor-custom-video-player-wrapper {
        width: 100%;
        font-family: 'Montserrat', sans-serif;
    }

    #elementor-custom-video-player-wrapper .custom-video-player {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 13px;
    }

    #elementor-custom-video-player-wrapper .custom-video-player video {
        width: 100%;
        display: block; 
    }

    #elementor-custom-video-player-wrapper .player-controls-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none; 
    }

    #elementor-custom-video-player-wrapper .custom-video-player:hover .player-controls-overlay {
        opacity: 1;
    }

    #elementor-custom-video-player-wrapper .player-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;
        border-radius: 50px;
        background: rgba(255, 255, 255, 1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: none;
        cursor: pointer;
        pointer-events: auto;
    }
    
    #elementor-custom-video-player-wrapper .play-pause-button {
        width: 40px;
        height: 40px;
        padding: 0;
        flex-shrink: 0;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 10;
        padding: 4px;
        overflow: hidden;
        transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }

    #elementor-custom-video-player-wrapper .player-button .icon {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-radius: 50px;
        box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;
        flex-shrink: 0;
    }

    #elementor-custom-video-player-wrapper .player-button svg {
        height: 20px;
        width: 20px;
        stroke: #437dff;
        stroke-width: 1.5;
    }
    
    #elementor-custom-video-player-wrapper .player-button.play-pause-button svg {
        height: 23px;
        width: 23px;
        fill: #437dff;
        stroke: none;
        stroke-width: 0;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button .label-hidden {
        max-width: 0;
        opacity: 0;
        white-space: nowrap;
        transition: max-width 0.3s ease, opacity 0.2s ease, margin 0.3s ease;
        color: #000;
        font-size: 15px;
        font-weight: 500;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button:hover {
        width: auto;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button:hover .label-hidden {
        max-width: 100px;
        margin: 0 16px 0 12px;
        opacity: 1;
    }
    
    #elementor-custom-video-player-wrapper .bottom-controls {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    
    #elementor-custom-video-player-wrapper .play-pause-button .icon svg.play-svg {
        margin-left: 0px;
    }

    #elementor-custom-video-player-wrapper .progress-bar-container {
        width: 100%;
        height: 5px;
        background: rgba(255, 255, 255, 1);
        cursor: pointer;
        border-radius: 15px;
        pointer-events: auto;
        box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
    }
    
    #elementor-custom-video-player-wrapper .progress-bar {
        height: 100%;
        width: 0%; 
        background: #437dff;
        border-radius: 15px;
    }
    
    #elementor-custom-video-player-wrapper .custom-video-player:hover .player-controls-overlay {
    opacity: 1;
}
</style>


<script>
(function () {
    const container = document.querySelector('#elementor-custom-video-player-wrapper');
    if (!container) return;

    const video = container.querySelector('#custom-player');
    const playPauseBtn = container.querySelector('.play-pause-button');
    const muteUnmuteBtn = container.querySelector('.mute-unmute-button');
    const progressBar = container.querySelector('.progress-bar');
    const progressBarContainer = container.querySelector('.progress-bar-container');
    const overlay = container.querySelector('.player-controls-overlay');
    const centralPlay = container.querySelector('.central-play-button');

    let hideControlsTimeout;

    const playIcon = `<svg class="play-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0D0F2C"><path d="M8 5v14l11-7z"/></svg>`;
    const pauseIcon = `<svg class="pause-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0D0F2C"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>`;
    const muteIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><line x1="23" y1="9" x2="17" y2="15"></line><line x1="17" y1="9" x2="23" y2="15"></line></svg>`;
    const unmuteIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>`;

    const updatePlayPauseIcon = () => {
        const iconContainer = playPauseBtn.querySelector('.icon');
        iconContainer.innerHTML = video.paused ? playIcon : pauseIcon;
    };

    const updateMuteUnmuteIcon = () => {
        const iconContainer = muteUnmuteBtn.querySelector('.icon');
        const label = muteUnmuteBtn.querySelector('.label-hidden');
        if (video.muted || video.volume === 0) {
            iconContainer.innerHTML = muteIcon;
            label.textContent = 'Unmute';
        } else {
            iconContainer.innerHTML = unmuteIcon;
            label.textContent = 'Mute';
        }
    };

    const togglePlay = () => {
        if (video.paused) {
            video.play();
        } else {
            video.pause();
        }
    };

    playPauseBtn.addEventListener('click', togglePlay);
    video.addEventListener('click', togglePlay);

    muteUnmuteBtn.addEventListener('click', () => {
        video.muted = !video.muted;
    });

    video.addEventListener('play', () => {
        updatePlayPauseIcon();
        container.classList.add('video-started');
        overlay.style.opacity = 1;
        centralPlay.style.display = 'none';

        // Hide controls after 2 seconds
        clearTimeout(hideControlsTimeout);
        hideControlsTimeout = setTimeout(() => {
            overlay.style.opacity = 0;
        }, 2000);
    });

    video.addEventListener('pause', () => {
        updatePlayPauseIcon();
        clearTimeout(hideControlsTimeout);
        overlay.style.opacity = 1;
    });

    video.addEventListener('ended', () => {
        // Reset video and show thumbnail
        video.load(); // resets video and shows poster
        container.classList.remove('video-started');
        overlay.style.opacity = 0;
        centralPlay.style.display = 'flex';
        video.currentTime = 0;
    });

    video.addEventListener('volumechange', updateMuteUnmuteIcon);

    video.addEventListener('timeupdate', () => {
        if (video.duration) {
            const progressPercent = (video.currentTime / video.duration) * 100;
            progressBar.style.width = `${progressPercent}%`;
        }
    });

    progressBarContainer.addEventListener('click', (e) => {
        const rect = progressBarContainer.getBoundingClientRect();
        const clickX = e.clientX - rect.left;
        const width = progressBarContainer.clientWidth;
        if (video.duration) {
            video.currentTime = (clickX / width) * video.duration;
        }
    });

    // Show central play on load
    centralPlay.addEventListener('click', () => {
        video.play();
    });

    // Initial states
    video.muted = false;
    updatePlayPauseIcon();
    updateMuteUnmuteIcon();
})();
</script>


<h2> </h2>
<h2>Izazov</h2>
<p data-start="912" data-end="1092">Prije Smart Arene, Cinkarna je većinu obuka provodila uživo—koristeći PowerPoint prezentacije, PDF-ove i predavanja u učionici. Iako je u prošlosti bio učinkovit, ovaj je pristup postao teško skalirati:</p>
<ul data-start="1094" data-end="1496">
<li data-start="1094" data-end="1152">
<p data-start="1096" data-end="1152">Trening je bio <strong data-start="1109" data-end="1150">nefleksibilno, dugotrajno i skupo</strong></p>
</li>
<li data-start="1153" data-end="1212">
<p data-start="1155" data-end="1212">Uvođenje u posao trajalo je predugo i zahtijevalo je ponovljene sesije.</p>
</li>
<li data-start="1213" data-end="1294">
<p data-start="1215" data-end="1294">Stvaranje sadržaja ovisilo je o <strong data-start="1242" data-end="1264">ručna priprema</strong> i zahtijevao je znatan trud</p>
</li>
<li data-start="1295" data-end="1379">
<p data-start="1297" data-end="1379">Nije postojalo jedinstveno digitalno rješenje za interne seminare ili obuku o usklađenosti.</p>
</li>
<li data-start="1380" data-end="1449">
<p data-start="1382" data-end="1449">Zaposlenici nisu mogli pristupiti materijalima ni u bilo koje vrijeme ni s bilo kojeg mjesta.</p>
</li>
<li data-start="1450" data-end="1496">
<p data-start="1452" data-end="1496">Izvještavanje i uvidi u učenje bili su ograničeni.</p>
</li>
</ul>
<blockquote>
<p>»Prije smo se oslanjali na tradicionalnu obuku uživo, koja je bila neelastična, skupa i teško je skalirati. PowerPoint prezentacije i PDF-ovi nisu podržavali moderno učenje.«<br data-start="1656" data-end="1659" /><strong data-start="1659" data-end="1700">— Mateja Avberšek, HR, Cinkarna Celje</strong>«</p>
</blockquote>
<p>Cinkarna je trebala digitalno rješenje za učenje koje bi im omogućilo brzu pretvorbu internog znanja u e-učenje i podržalo njihove šire ciljeve digitalne transformacije.</p>
<h2>Rješenje: Brza i moderna obuka sa Smart Arenom</h2>
<p data-start="1944" data-end="2239">Sa Smart Arenom, Cinkarna je dobila jednostavnu platformu za korištenje koja im je omogućila da <strong data-start="2023" data-end="2095">pretvorite internu stručnost u zanimljiv digitalni sadržaj u roku od nekoliko minuta</strong>. Tim za ljudske resurse počeo je pretvarati postojeće materijale—politike, sigurnosne procedure, interne seminare—u interaktivne tečajeve bez vanjske pomoći.</p>
<p>Ključna poboljšanja uključivala su:</p>
<ol>
<li data-start="2269" data-end="2305"><strong data-start="2273" data-end="2305">Instantna digitalizacija sadržaja: </strong>Korištenjem postojećih dokumenata (PowerPoint prezentacija, PDF-ova, organizacijskih direktiva) i njihovom pretvorbom u e-učenje uštedjelo se tjednima ručnog rada.</li>
<li data-start="2445" data-end="2493"><strong data-start="2449" data-end="2493">Podrška za masovno i brzo uključivanje: </strong>Novi zaposlenici sada dobivaju strukturiranu, dosljednu obuku koja je uvijek ažurna.</li>
<li data-start="2580" data-end="2615"><strong data-start="2584" data-end="2615">Integracija s IT sustavima: </strong>Smart Arena je usklađena s internim sustavima Cinkarne, osiguravajući siguran pristup, točnost podataka i usklađenost.</li>
<li data-start="2725" data-end="2777"><strong data-start="2729" data-end="2777">Moderno iskustvo učenja za sve zaposlenike: </strong>Obuka je sada dostupna u bilo kojem trenutku i na bilo kojem mjestu, što učenje čini fleksibilnim za uredske i proizvodne timove.</li>
</ol>
<blockquote data-start="2891" data-end="3049">
<p data-start="2893" data-end="3049">“Smart Arena nam je pomogla pretvoriti suhoparne materijale—poput politika i dokumenata o usklađenosti—u interaktivni, zanimljiv sadržaj dostupan bilo gdje.”<br data-start="3023" data-end="3026" />— <strong data-start="3030" data-end="3049">Mateja Avberšek</strong></p>
</blockquote>
<h2>Ključni rezultati</h2>
<ol>
<li data-start="3205" data-end="3250"><strong data-start="3209" data-end="3250">Interni seminari održani digitalno: </strong>Interno stručno znanje sada se može puno brže dijeliti unutar tvrtke, bez ponavljanja iste obuke više puta.</li>
<li data-start="3499" data-end="3543"><strong data-start="3503" data-end="3543">Obuka dostupna bilo kada, bilo gdje: </strong>Zaposlenici mogu pristupiti materijalima za učenje kad god im to odgovara—čime se poboljšava sudjelovanje i završetak.</li>
<li data-start="3654" data-end="3687"><strong data-start="3658" data-end="3687">Bolja podrška usklađenosti: </strong>Politike i obavezne obuke su strukturirane, praćene i pohranjene na jednom mjestu.</li>
</ol>
<h2>Zašto to funkcionira?</h2>
<ul>
<li><b> Jednostavno stvaranje sadržaja: </b> Pretvorite PowerPoint prezentacije, PDF-ove i interne dokumente u interaktivne tečajeve u nekoliko minuta.</li>
<li><b>Sve na jednom mjestu: </b> Svi interni seminari, moduli za uvođenje novih zaposlenika i sadržaj o usklađenosti pohranjeni su centralno.</li>
<li><b>Bolje iskustvo za zaposlenike:</b> Angažirano i fleksibilno učenje povećava motivaciju i zadržavanje znanja.</li>
</ul>
<blockquote>
<p>»Sjajno je što možemo uzeti postojeće materijale, poput organizacijskih direktiva i propisa, i pretvoriti ih u sadržaj u kojem korisnici zaista uživaju.«</p>
</blockquote>]]></content:encoded>
					
		
		
		<media:content url="https://www.esmartarena.com/wp-content/uploads/2025/11/MatejaAvbersekPOP-1-1.mp4" medium="video" width="1920" height="1080">
			<media:player url="https://www.esmartarena.com/wp-content/uploads/2025/11/MatejaAvbersekPOP-1-1.mp4" />
			<media:title type="plain">Arhiva automatizacije - Smart Arena</media:title>
			<media:thumbnail url="https://www.esmartarena.com/wp-content/uploads/2025/11/pexels-jakub-pabis-147246622-15970032-scaled.webp" />
			<media:rating scheme="urn:simple">neodrasli</media:rating>
		</media:content>
	</item>
	</channel>
</rss>