<?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>Digitalization &#8211; Smart Arena</title>
	<atom:link href="https://www.esmartarena.com/case-study-tag/digitalization/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.esmartarena.com</link>
	<description>All trainings in one place.</description>
	<lastBuildDate>Thu, 05 Mar 2026 11:40:09 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</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>Digitalization &#8211; Smart Arena</title>
	<link>https://www.esmartarena.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>From in-person training to scalable digital learning</title>
		<link>https://www.esmartarena.com/case-study/cinkarna-celje-case-study/</link>
		
		<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[Before Smart Arena, Cinkarna conducted most training in person—using PowerPoints, PDFs and classroom sessions. While effective in the past, this approach became difficult to scale. Discover how they digitized learning. 

]]></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">
            Your browser does not support the video tag.
        </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>Challenge</h2>
<p data-start="912" data-end="1092">Before Smart Arena, Cinkarna conducted most training in person—using PowerPoints, PDFs and classroom sessions. While effective in the past, this approach became difficult to scale:</p>
<ul data-start="1094" data-end="1496">
<li data-start="1094" data-end="1152">
<p data-start="1096" data-end="1152">Training was <strong data-start="1109" data-end="1150">inflexible, time-consuming and costly</strong></p>
</li>
<li data-start="1153" data-end="1212">
<p data-start="1155" data-end="1212">Onboarding took too long and required repeated sessions</p>
</li>
<li data-start="1213" data-end="1294">
<p data-start="1215" data-end="1294">Content creation relied on <strong data-start="1242" data-end="1264">manual preparation</strong> and took significant effort</p>
</li>
<li data-start="1295" data-end="1379">
<p data-start="1297" data-end="1379">No unified digital solution existed for internal seminars or compliance training</p>
</li>
<li data-start="1380" data-end="1449">
<p data-start="1382" data-end="1449">Employees could not access materials anytime or from any location</p>
</li>
<li data-start="1450" data-end="1496">
<p data-start="1452" data-end="1496">Reporting and learning insights were limited</p>
</li>
</ul>
<blockquote>
<p>»Before, we relied on traditional in-person training, which was inflexible, costly, and hard to scale. PowerPoints and PDFs didn’t support modern learning.«<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 needed a digital learning solution that would allow them to quickly transform internal know-how into e-learning and support their broader digital-transformation goals.</p>
<h2>Solution: Fast and modern training with Smart Arena</h2>
<p data-start="1944" data-end="2239">With Smart Arena, Cinkarna gained an easy-to-use platform that enabled them to <strong data-start="2023" data-end="2095">turn internal expertise into engaging digital content within minutes</strong>. The HR team began converting existing materials—policies, safety procedures, internal seminars—into interactive courses without external help.</p>
<p>Key improvements included:</p>
<ol>
<li data-start="2269" data-end="2305"><strong data-start="2273" data-end="2305">Instant content digitization: </strong>Using existing documents (PowerPoints, PDFs, organizational directives) and transforming them into e-learning saved weeks of manual work.</li>
<li data-start="2445" data-end="2493"><strong data-start="2449" data-end="2493">Support for large-scale, fast onboarding: </strong>New employees now receive structured, consistent training that is always up to date.</li>
<li data-start="2580" data-end="2615"><strong data-start="2584" data-end="2615">Integration with IT systems: </strong>Smart Arena aligned with Cinkarna’s internal systems, ensuring secure access, data accuracy and compliance.</li>
<li data-start="2725" data-end="2777"><strong data-start="2729" data-end="2777">Modern learning experience for all employees: </strong>Training is now accessible anytime and anywhere, making learning flexible for both office and production teams.</li>
</ol>
<blockquote data-start="2891" data-end="3049">
<p data-start="2893" data-end="3049">“Smart Arena helped us turn dry material—like policies and compliance docs—into interactive, engaging content available anywhere.”<br data-start="3023" data-end="3026" />— <strong data-start="3030" data-end="3049">Mateja Avberšek</strong></p>
</blockquote>
<h2>Key results</h2>
<ol>
<li data-start="3205" data-end="3250"><strong data-start="3209" data-end="3250">Internal seminars delivered digitally: </strong>Internal expert knowledge can now be shared across the company much faster, without repeating the same training multiple times.</li>
<li data-start="3499" data-end="3543"><strong data-start="3503" data-end="3543">Training available anytime, anywhere: </strong>Employees can access learning materials when it suits their schedule—improving participation and completion.</li>
<li data-start="3654" data-end="3687"><strong data-start="3658" data-end="3687">Better compliance support: </strong>Policies and mandatory trainings are structured, tracked and stored in one place.</li>
</ol>
<h2>Why does it work?</h2>
<ul>
<li><b> Easy content creation: </b> Turn PowerPoints, PDFs and internal documents into interactive courses in minutes.</li>
<li><b>Everything in one place: </b> All internal seminars, onboarding modules and compliance content stored centrally.</li>
<li><b>Better experience for employees:</b> Engaging, flexible learning increases motivation and knowledge retention.</li>
</ul>
<blockquote>
<p>»It’s great that we can take existing materials, such as organisational directives and regulations, and turn them into content users actually enjoy.«</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">Digitalization Archives - 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">nonadult</media:rating>
		</media:content>
	</item>
	</channel>
</rss>
