<?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/hr/case-study-tag/digitalization/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.esmartarena.com/hrVeza
	<description>Sve obuke na jednom mjestu.</description>
	<lastBuildDate>Thu, 28 May 2026 07:01:22 +0000</lastBuildDate>
	<language>čovjek</language>
	<sy:updateperiod>
	po satu	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=7.0</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/hrVeza
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Kako je Luka Koper skalirala postupak uvođenja za 400 novih zaposlenika</title>
		<link>https://www.esmartarena.com/hr/studija-slucaja/kako-je-luka-koper-automatizirala-proces-prijema-plovila/Veza
		
		<dc:creator><![CDATA[Guest Blogger]]></dc:creator>
		<pubDate>Fri, 08 May 2026 09:14:54 +0000</pubDate>
				<guid ispermalink="false">https://www.esmartarena.com/?post_type=case-study&#038;p=14641</guid>

					<description><![CDATA[Otkrijte kako je Luka Koper digitalizirala uvođenje novih zaposlenika s više od 120 automatizacija, čime je svom HR timu vratila vrijeme za ljude, a ne za papirologiju.]]></description>
										<content:encoded><![CDATA[<!-- GATED VIDEO (SAVES TO WP + EMAIL) -->
<div id="elementor-custom-video-player-wrapper"
     data-gate-id="matej-osenar-skk-portoroz"
     data-video-url="https://www.esmartarena.com/wp-content/uploads/2026/05/SmartArena-predavanje-Matej-Osenar-SKK-Portoroz-ENGLISH-100MB.mp4"
     data-video-url-sl="https://www.esmartarena.com/wp-content/uploads/2026/05/SmartArena-predavanje-Matej-Osenar-SKK-Portoroz-SLOVENIAN-100MB.mp4"
     data-ajax-url="/wp-admin/admin-ajax.php">
 
  <!-- Gate -->
  <div class="video-gate" aria-hidden="false">
    <div class="gate-card">
      <div class="gate-title">Pogledajte cijeli video</div>
      <div class="gate-subtitle">Dopustite nam da vas upoznamo, navedite svoje ime.</div>
 
      <form id="video-access-form" novalidate action="">
        <div class="gate-row">
          <label>Prijezime i prezime</label>
          <input type="text" name="full_name" required />
        </div>
        <div class="gate-row">
          <label>E-pošta</label>
          <input type="email" name="email" required />
        </div>
        <div class="gate-row">
          <label>Naziv tvrtke</label>
          <input type="text" name="company_name" required />
        </div>
        <div class="gate-row">
          <label>Veličina tvrtke</label>
          <select name="company_size" required>
            <option value="">Odaberi…</option>
            <option>1–10</option>
            <option>11–50</option>
            <option>51–200</option>
            <option>201–500</option>
            <option>501+</option>
          </select>
        </div>
        <div class="gate-row">
          <label>Država</label>
          <input type="text" name="country" required />
        </div>
 
        <button type="submit" class="gate-submit">Otključaj video</button>
        <div class="gate-msg" role="status" aria-live="polite"></div>
      <input type="hidden" name="trp-form-language" value="hr"/></form>
    </div>
  </div>
 
  <div class="custom-video-player">
    <video 
      id="custom-player" 
      poster="https://www.esmartarena.com/wp-content/uploads/2026/05/Screenshot-2026-05-07-at-14.12.21.webp"
      playsinline
 preload="metadata"
      controlslist="nodownload noplaybackrate"
      oncontextmenu="return false;"
    ></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>
  #elementor-custom-video-player-wrapper { width: 100%; font-family: 'Montserrat', sans-serif; position: relative; margin-bottom: 40px; }
  #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; inset: 0; opacity: 0; transition: opacity .3s; 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: #fff; border: 0; 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 .3s cubic-bezier(.25,1,.5,1); }
  #elementor-custom-video-player-wrapper .player-button .icon { width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; background: #fff; 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; fill: #fff; 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; }
  #elementor-custom-video-player-wrapper .mute-unmute-button .label-hidden { max-width: 0; opacity: 0; white-space: nowrap; transition: max-width .3s, opacity .2s, margin .3s; 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 .progress-bar-container { width: 100%; height: 5px; background: #fff; cursor: pointer; border-radius: 15px; pointer-events: auto; box-shadow: 0 0 10px rgba(0,0,0,.1); }
  #elementor-custom-video-player-wrapper .progress-bar { height: 100%; width: 0%; background: #437dff; border-radius: 15px; }
 
  /* Gate */
  #elementor-custom-video-player-wrapper .video-gate{ position:absolute; inset:0; z-index: 30; display:flex; justify-content: center; align-items: center; background: rgba(0,0,0,.55); backdrop-filter: blur(2px); border-radius: 13px; }
  #elementor-custom-video-player-wrapper .gate-card{ width:min(560px,92vw); background:#fff; border-radius:14px; padding:22px; box-shadow: 0 10px 40px rgba(16,24,40,.2); }
  #elementor-custom-video-player-wrapper .gate-card div.gate-title{ margin:0 0 0 0; font-size:22px !important; font-weight:700; }
  #elementor-custom-video-player-wrapper .gate-card div.gate-subtitle{ margin:0 0 6px 0; font-size: 16px !important; color:#475467; }
  #elementor-custom-video-player-wrapper .video-gate form#video-access-form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
  #elementor-custom-video-player-wrapper .gate-row{ margin-bottom:12px; width: 49%; }
  #elementor-custom-video-player-wrapper .gate-row:nth-child(3){ width: 100% !important; }
  #elementor-custom-video-player-wrapper .gate-row label{ display:block; font-size:14px; margin-bottom:6px; }
  #elementor-custom-video-player-wrapper .gate-row input[type="text"],
  #elementor-custom-video-player-wrapper .gate-row input[type="email"],
  #elementor-custom-video-player-wrapper .gate-row select{ width:100%; height:38px; padding:6px 12px; border-radius:8px; border:1px solid #e6eaf4; font-size:15px; background:#fff; }
  #elementor-custom-video-player-wrapper .gate-submit{ width:100%; padding:12px 16px; border-radius:10px; border:0; cursor:pointer; background:#000; color:#fff; font-weight:600; }
  #elementor-custom-video-player-wrapper .gate-msg{ margin-top:10px; font-size:13px; color:#dc2626; }
  #elementor-custom-video-player-wrapper .video-gate.hidden{ display:none; }
</style>
 
<script>
(function () {
  const container = document.querySelector('#elementor-custom-video-player-wrapper');
  if (!container) return;
 
  // Detect Slovenian page — works with TranslatePress regardless of URL structure
  const htmlLang = (document.documentElement.lang || '').toLowerCase();
  const path = window.location.pathname;
  const search = window.location.search;
  const isSlovenian = htmlLang.startsWith('sl')
                   || path.includes('/sl/')
                   || path.endsWith('/sl')
                   || path === '/sl'
                   || /[?&]lang=sl(\b|&)/.test(search)
                   || /[?&]trp-edit-translation=sl/.test(search);
 
  const VIDEO_URL = isSlovenian 
    ? container.getAttribute('data-video-url-sl') 
    : container.getAttribute('data-video-url');
  const ajaxURL   = container.getAttribute('data-ajax-url') || '/wp-admin/admin-ajax.php';
 
  const gateEl = container.querySelector('.video-gate');
  const form   = container.querySelector('#video-access-form');
  const msg    = container.querySelector('.gate-msg');
 
  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;
  let unlocked = false;
 
  // --- Unlock persistence config ---
  const UNLOCK_DAYS = 30; // how long to keep the unlock in this browser
  const GATE_ID = container.getAttribute('data-gate-id') || VIDEO_URL;
  const KEY = `saVideoGate::${GATE_ID}`;
 
  // Migrate any old per-URL unlock keys to the shared gate key (one-time)
  try {
    const oldKeys = [
      `saVideoGate::${container.getAttribute('data-video-url')}`,
      `saVideoGate::${container.getAttribute('data-video-url-sl')}`
    ];
    if (!localStorage.getItem(KEY)) {
      for (const ok of oldKeys) {
        const v = localStorage.getItem(ok);
        if (v) { localStorage.setItem(KEY, v); break; }
      }
    }
  } catch(e) {}
 
  function setCookie(name, value, days) {
    const d = new Date();
    d.setTime(d.getTime() + (days*24*60*60*1000));
    document.cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; expires=${d.toUTCString()}; path=/; SameSite=Lax`;
  }
  function getCookie(name) {
    const n = encodeURIComponent(name) + '=';
    const parts = document.cookie.split(';');
    for (let p of parts) {
      while (p.charAt(0) === ' ') p = p.substring(1);
      if (p.indexOf(n) === 0) return decodeURIComponent(p.substring(n.length, p.length));
    }
    return null;
  }
 
  function saveUnlock(payload) {
    const data = {
      ...payload,                  // { full_name, email, company_name, company_size, country }
      ts: Date.now(),
      ttl: UNLOCK_DAYS
    };
    try { localStorage.setItem(KEY, JSON.stringify(data)); } catch(e) {}
    setCookie(KEY, '1', UNLOCK_DAYS); // simple cookie marker as fallback
  }
 
  function getUnlock() {
    try {
      const raw = localStorage.getItem(KEY);
      if (raw) {
        const obj = JSON.parse(raw);
        if (obj && obj.ts && obj.ttl) {
          const ageMs = Date.now() - obj.ts;
          if (ageMs <= obj.ttl * 24*60*60*1000) return obj;
        }
      }
    } catch(e) {}
    // fallback cookie (no details, just presence)
    if (getCookie(KEY) === '1') {
      return { ts: Date.now(), ttl: UNLOCK_DAYS };
    }
    return null;
  }
 
  function unlockPlayer(autoplay = true) {
    unlocked = true;
    gateEl?.classList.add('hidden');
    // set source and optionally play
    if (video.getAttribute('src') !== VIDEO_URL) video.src = VIDEO_URL;
    video.muted = false;
    if (autoplay) { video.play().catch(() => {}); }
  }
 
  // Try to auto-unlock on load
  const prior = getUnlock();
  if (prior) {
    unlockPlayer(false); // don’t auto-play on refresh to avoid browser autoplay issues
  }
 
  // --- Icons (unchanged visuals) ---
  const playIcon  = `<svg class="play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#0D0F2C" d="M8 5v14l11-7z"/></svg>`;
  const pauseIcon = `<svg class="pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#0D0F2C" d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>`;
  const muteIcon  = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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" viewBox="0 0 24 24"><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 el = container.querySelector('.play-pause-button .icon');
    if (el) el.innerHTML = (video.paused ? playIcon : pauseIcon);
  };
  const updateMuteUnmuteIcon = () => {
    const el = container.querySelector('.mute-unmute-button .icon');
    const label = container.querySelector('.mute-unmute-button .label-hidden');
    if (!el || !label) return;
    if (video.muted || video.volume === 0) { el.innerHTML = muteIcon; label.textContent = 'Unmute'; }
    else { el.innerHTML = unmuteIcon; label.textContent = 'Mute'; }
  };
  const togglePlay = () => { if (!unlocked) return; video.paused ? video.play() : video.pause(); };
 
  container.addEventListener('contextmenu', e => e.preventDefault());
 
  // Submit: save to WP (AJAX) -> persist unlock -> unlock & play
  form.addEventListener('submit', async (e) => {
    e.preventDefault(); msg.textContent = '';
    const fd = new FormData(form);
    const email = String(fd.get('email') || '').trim();
 
    if (!fd.get('full_name') || !email || !fd.get('company_name') || !fd.get('company_size') || !fd.get('country')) {
      msg.textContent = 'Prosimo, izpolnite vsa polja.'; return;
    }
    if (!/^\S+@\S+\.\S+$/.test(email)) {
      msg.textContent = 'Vnesite veljaven e-poštni naslov.'; return;
    }
 
    // Save to WordPress
    try {
      const res = await fetch(ajaxURL, {
        method: 'POST',
        headers: { 'Accept': 'application/json' },
        credentials: 'same-origin',
        body: new URLSearchParams({
          action: 'save_video_gate',
          full_name: fd.get('full_name'),
          email: fd.get('email'),
          company_name: fd.get('company_name'),
          company_size: fd.get('company_size'),
          country: fd.get('country')
        })
      });
      const json = await res.json();
      if (!res.ok || !json?.success) throw new Error(json?.message || 'Napaka pri shranjevanju.');
    } catch (err) {
      msg.textContent = 'Shranjevanje ni uspelo. Poskusite znova.'; 
      return;
    }
// Send data to Make webhook
try {
  await fetch('https://hook.eu2.make.com/vtxuvdrfd9evgnwemwb2i542iy4e2dl9', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      full_name: fd.get('full_name'),
      email: fd.get('email'),
      company_name: fd.get('company_name'),
      company_size: fd.get('company_size'),
      country: fd.get('country'),
      source_url: window.location.href,
      timestamp: new Date().toISOString()
    })
  });
} catch (err) {
  console.warn('Webhook send failed:', err);
}
 
    // Persist unlock for this browser/device
    saveUnlock({
      full_name: fd.get('full_name'),
      email: fd.get('email'),
      company_name: fd.get('company_name'),
      company_size: fd.get('company_size'),
      country: fd.get('country')
    });
 
    // Unlock now
    unlockPlayer(true);
  });
 
  // Player behavior (kept as you had it)
  container.querySelector('.play-pause-button')?.addEventListener('click', togglePlay);
  video.addEventListener('click', togglePlay);
  container.querySelector('.mute-unmute-button')?.addEventListener('click', () => { video.muted = !video.muted; });
 
  video.addEventListener('play', () => {
    updatePlayPauseIcon();
    container.classList.add('video-started');
    if (overlay) overlay.style.opacity = 1;
    if (centralPlay) centralPlay.style.display = 'none';
    clearTimeout(hideControlsTimeout);
    hideControlsTimeout = setTimeout(() => { if (overlay) overlay.style.opacity = 0; }, 2000);
  });
  video.addEventListener('pause', () => { updatePlayPauseIcon(); clearTimeout(hideControlsTimeout); if (overlay) overlay.style.opacity = 1; });
  video.addEventListener('ended', () => {
    // keep unlocked after end and across refresh
    // if you want to force the gate again after end, uncomment below:
    // unlocked = false; localStorage.removeItem(KEY); setCookie(KEY, '', -1);
    video.removeAttribute('src'); video.load();
    container.classList.remove('video-started');
    if (overlay) overlay.style.opacity = 0;
    if (centralPlay) centralPlay.style.display = 'flex';
  });
  video.addEventListener('volumechange', updateMuteUnmuteIcon);
  video.addEventListener('timeupdate', () => {
    if (!video.duration) return;
    const pct = (video.currentTime / video.duration) * 100;
    progressBar && (progressBar.style.width = pct + '%');
  });
  progressBarContainer?.addEventListener('click', (e) => {
    if (!video.duration) return;
    const r = progressBarContainer.getBoundingClientRect();
    video.currentTime = ((e.clientX - r.left) / r.width) * video.duration;
  });
  centralPlay?.addEventListener('click', () => { if (unlocked) video.play(); });
 
  video.muted = false;
  updatePlayPauseIcon();
  updateMuteUnmuteIcon();
})();
</script>



<h2 class="wp-block-heading">&nbsp;</h2>



<h2 class="wp-block-heading">Izazov</h2>



<div class="paragraph is-rich-chat-ui normal ng-star-inserted" data-start-index="174">Prije uvođenja Smart Arene, proces uvođenja novih zaposlenika u Luku Koper uvelike se oslanjao na fizičku papirologiju i ručnu koordinaciju. Upravljanje lukom koja radi 24 sata dnevno, sedam dana u tjednu, na 12 specijaliziranih terminala stvorilo je “matricu složenosti”. Odjel za ljudske resurse morao je ručno zakazivati četverosatne treninge uživo za svakog novog zaposlenika i ručno unositi svaki zapis o prisustvu, rezultat testa i potpis u svoj centralni SAP sustav, što je rezultiralo ozbiljnim administrativnim zastojima.</div>



<div class="paragraph is-rich-chat-ui normal ng-star-inserted" data-start-index="654">&nbsp;</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">“<span class="ng-star-inserted" data-start-index="654">Više od 120 automatizacija danas pouzdano obavlja poslove za koje je nekada bilo potrebno tisuće sati administrativnog truda. Naša najveća pobjeda je jasna: naši timovi za ljudske resurse i sigurnost dobivaju svoje vrijeme natrag za ljude, a ne za papir.</span>“<br>— <em>Matej Osenar, direktor ljudskih resursa, Luka Koper</em></p>
</blockquote>



<h2 class="wp-block-heading">Rješenje: skalabilna automatizacija s dubokom integracijom SAP-a</h2>



<p class="wp-block-paragraph">Luka Koper iskoristila je platformu Smart Arena kako bi u potpunosti digitalizirala i automatizirala i svoje opće uvođenje novih zaposlenika u rad te obuku za strogo pridržavanje propisa o zaštiti na radu (VZD). <span class="ng-star-inserted" data-start-index="1129">Uspostavljanjem besprijekorne dvosmjerne integracije sa SAP-om, sustav odmah prepoznaje ulogu, jedinicu i lokaciju novozaposlenika te mu automatski dodjeljuje visoko personaliziranu putanju učenja.</span></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">“Teme koje su ranije zahtijevale četverosatno predavanje uživo sada zaposlenici dovršavaju za sat vremena — izravno na svojim telefonima, tijekom smjene.”</p>
</blockquote>



<h2 class="wp-block-heading">Zašto to funkcionira?</h2>



<ul class="wp-block-list">
<li><b class="ng-star-inserted" data-start-index="1510">120+ automatiziranih radnih tokova:</b><span class="ng-star-inserted" data-start-index="1535"> Sustav trenutačno navigira složenom matricom obuke, isporučujući savršeno personalizirane tečajeve bez ikakve intervencije ljudskih resursa.</span><span class="ng-star-inserted" data-start-index="1665">.</span></li>



<li><b class="ng-star-inserted" data-start-index="1666">Nulteni ručni unos podataka:</b><span class="ng-star-inserted" data-start-index="1689"> Zahvaljujući dvosmjernoj SAP integraciji, svi završeci tečajeva, vremena i digitalni potpisi automatski se sinkroniziraju natrag u središnji sustav.</span><span class="ng-star-inserted" data-start-index="1834">.</span></li>



<li><b class="ng-star-inserted" data-start-index="1835">Pristup usmjeren na mobilne uređaje:</b><span class="ng-star-inserted" data-start-index="1855"> Zaposlenici bez namjenskih uredskih stolova mogu pristupiti svojoj obuci putem mobilne aplikacije Capsula ili terminalskih stanica te fleksibilno dovršavati module unutar 30-dnevnog razdoblja.</span></li>



<li><b class="ng-star-inserted" data-start-index="2027">Automatska usklađenost sa sigurnosnim propisima (VZD):</b><span class="ng-star-inserted" data-start-index="2061"> Sustav automatski upravlja ciklusima usklađenosti s propisima izračunavanjem datuma obnove i ponovnom upisivanjem zaposlenika tri mjeseca prije isteka njihovih certifikata o sigurnosti.</span></li>



<li><b class="ng-star-inserted" data-start-index="2223">Optimizacija resursa:</b><span class="ng-star-inserted" data-start-index="2245"> Interni stručnjaci su u potpunosti oslobođeni ponovljenog držanja istih predavanja uživo, što im omogućuje da se usredotoče na visoko kvalificirane operativne poslove.</span></li>
</ul>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">“Ova optimizacija nam je omogućila da uspješno dovršimo više od 480 digitalnih onboardinga tijekom brzog rasta prošle godine, potpuno bez dodatnog administrativnog opterećenja za naš tim i sa točno 0 ručnih unosa.”</p>
</blockquote>



<p class="wp-block-paragraph"></p>]]></content:encoded>
					
		
		
		<media:content url="https://www.esmartarena.com/wp-content/uploads/2026/05/SmartArena-predavanje-Matej-Osenar-SKK-Portoroz-SLOVENIAN-100MB.mp4" medium="video" width="1920" height="1080">
			<media:player url="https://www.esmartarena.com/wp-content/uploads/2026/05/SmartArena-predavanje-Matej-Osenar-SKK-Portoroz-SLOVENIAN-100MB.mp4" />
			<media:title type="plain">Digitalizacija arhiva - Smart Arena</media:title>
			<media:thumbnail url="https://www.esmartarena.com/wp-content/uploads/2026/05/EN_LUKA-KOPER-deck_SKK-.webp" />
			<media:rating scheme="urn:simple">neodrasli</media:rating>
		</media:content>
	</item>
		<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">Digitalizacija arhiva - 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>