document.addEventListener('DOMContentLoaded', function () { // Najdeme vsetky obrazky vo widgetoch s class js-case-image const widgets = document.querySelectorAll('.js-case-image img, img.js-case-image'); if (!widgets.length) return; // Vytvorime overlay len raz const overlay = document.createElement('div'); overlay.className = 'case-overlay'; const overlayImg = document.createElement('img'); overlayImg.className = 'case-overlay__image'; overlay.appendChild(overlayImg); const closeBtn = document.createElement('button'); closeBtn.className = 'case-overlay__close'; closeBtn.innerHTML = '×'; overlay.appendChild(closeBtn); document.body.appendChild(overlay); let isAnimating = false; function openFromThumb(img) { if (isAnimating) return; isAnimating = true; const rect = img.getBoundingClientRect(); const scrollY = window.scrollY || window.pageYOffset; const scrollX = window.scrollX || window.pageXOffset; // Nastavime rovnaky src overlayImg.src = img.src; // Zaciatocna pozicia - presne kde je thumbnail overlayImg.style.top = rect.top + scrollY + 'px'; overlayImg.style.left = rect.left + scrollX + 'px'; overlayImg.style.width = rect.width + 'px'; overlayImg.style.height = rect.height + 'px'; // Zobrazime overlay overlay.style.display = 'block'; // Pockame jeden frame aby browser precital start poziciu requestAnimationFrame(function () { overlay.classList.add('is-active'); // Cielova pozicia = full screen const vw = window.innerWidth; const vh = window.innerHeight; overlayImg.style.top = scrollY + 'px'; overlayImg.style.left = scrollX + 'px'; overlayImg.style.width = vw + 'px'; overlayImg.style.height = vh + 'px'; setTimeout(function () { isAnimating = false; }, 500); }); } function closeOverlay() { if (isAnimating) return; isAnimating = true; overlay.classList.remove('is-active'); // Po fade-out len skryjeme overlay (nerobime shrink-back animaciu) setTimeout(function () { overlay.style.display = 'none'; isAnimating = false; }, 350); } // klik na kazdy thumbnail widgets.forEach(function (img) { img.addEventListener('click', function (e) { e.preventDefault(); openFromThumb(img); }); }); // zavretie na Xko closeBtn.addEventListener('click', function (e) { e.stopPropagation(); closeOverlay(); }); // zavretie klikom mimo obrazku overlay.addEventListener('click', function (e) { if (e.target === overlay) { closeOverlay(); } }); });

Portfólio

Ukážky našich kreatívnych diel

Prezentujeme vybrané projekty, ktoré reflektujú našu kreativitu, dizajnérsku odbornosť a silný marketingový prístup.

Rebranding pre modernú značku

Rebranding

Kampaň na sociálnych sieťach

Sociálna kampaň

Webdizajn pre e-commerce

E-shop dizajn

Vizuálna identita podujatia

Identita podujatia

Tvorba firemnej grafiky

Firemná grafika

Marketingová stratégia pre startup

Digitálny marketing

Prehľad služieb

Prezentujeme jedinečné dizajnové riešenia a marketingové stratégie, ktoré prinášajú merateľné výsledky a zvyšujú hodnotu vašej značky.

Objavte viac

Inovatívny dizajn

Vytvárame vizuálne pútavé a funkčné návrhy, ktoré vystihujú identitu klienta a oslovujú cieľové publikum.

Strategický marketing

Návrh a implementácia efektívnych kampaní, ktoré maximalizujú dosah a podporujú rast značky na trhu.

Digitálna podpora

Poskytujeme komplexné online riešenia vrátane správy sociálnych sietí a optimalizácie webu pre lepšiu interakciu so zákazníkmi.

Kreatívne riešenia, ktoré fungujú

Prečítajte si, čo o nás hovoria klienti, ktorí ocenili našu kreativitu a profesionalitu.

Spokojnosť klientov potvrdzuje kvalitu a efektívnosť našich služieb.

Mária Novaková

Marketingová manažérka

Spolupráca s tímom weareforma priniesla skvelé výsledky a príjemný priebeh projektu.

Peter Kováč

Riaditeľ značky

Profesionálny prístup a prvotriedna kvalita práce nás úplne presvedčili.

Lucia Švecová

Vedúca projektového tímu

S výsledkami agentúry sme veľmi spokojní, ich práca predčila naše očakávania.

Ján Horváth

Brandový konzultant