{"id":8623,"date":"2026-01-14T20:49:24","date_gmt":"2026-01-14T19:49:24","guid":{"rendered":"https:\/\/innovacore.group\/?post_type=portfolio&p=8623"},"modified":"2026-03-17T15:33:33","modified_gmt":"2026-03-17T13:33:33","slug":"shopisan","status":"publish","type":"portfolio","link":"https:\/\/innovacore.group\/hu\/portfolio\/shopisan\/","title":{"rendered":"Shopisan &#8211; Helyi Kiskereskedelem \u00dajra\u00e9leszt\u00e9se"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Shopisan is the first private &#8222;local attention operator&#8221; dedicated to revitalizing city center commerce. By combining physical event management with a digital platform (Live &amp; Replay), they transform passive retail spaces into dynamic, traffic-generating hubs. Their B2B model aligns the interests of merchants, cities, and private partners to create &#8222;Shopisan Weeks&#8221;\u2014industrialized promotional events that boost footfall and sales while digitizing local inventory.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A helyi kiskereskedelem aktiv\u00e1l\u00e1s\u00e1nak eur\u00f3pai szabv\u00e1nya, \u00f6tv\u00f6zve a fizikai esem\u00e9nyeket az \u00e9l\u0151 v\u00e1s\u00e1rl\u00e1ssal.<\/p>\n","protected":false},"featured_media":2369,"parent":0,"template":"","meta":{"inline_featured_image":false,"company_name":"Shopisan","summary":"<span class=\"ic-nycd\">\u00dajra\u00e9leszt\u00e9se<\/span> Helyi Kiskereskedelem","mission":"<p>A helyi kiskereskedelem v\u00e1ls\u00e1g\u00e1nak fenntarthat\u00f3 \u00e9rt\u00e9kk\u00e9 alak\u00edt\u00e1sa. A Shopisan c\u00e9lja, hogy legyen az operat\u00edv kar, amelyet a k\u00f6zint\u00e9zm\u00e9nyek hi\u00e1nyolnak, \u00e9s amely egy kulcsrak\u00e9sz megold\u00e1st ny\u00fajtva visszahozza a tal\u00e1lkoz\u00e1sokat, a digit\u00e1lis l\u00e1that\u00f3s\u00e1got \u00e9s a kereskedelmi dinamizmust a v\u00e1rosk\u00f6zpontokba, el\u0151nyben r\u00e9szes\u00edtve a f\u00fcggetlen keresked\u0151ket \u00e9s a helyi k\u00f6z\u00f6ss\u00e9geket egyar\u00e1nt.<\/p>\n","impact":"<p>A Shopisan megoldja a kiskereskedelmi \u00fcresed\u00e9sek \"csendes v\u00e1ls\u00e1g\u00e1t\" az\u00e1ltal, hogy maximaliz\u00e1lja a megl\u00e9v\u0151 kereskedelmi ingatlanokat, nem pedig \u00faj \u00e9p\u00fcleteket felhaszn\u00e1lva (f\u00f6ldi bel\u00e9p\u00e9s t\u00e1mogat\u00e1sa). A helyi kereskedelem prom\u00f3ci\u00f3j\u00e1nak professzion\u00e1lis\u00edt\u00e1sa r\u00e9v\u00e9n relokaliz\u00e1lj\u00e1k a fogyaszt\u00e1st, t\u00e1mogatj\u00e1k a fenntarthat\u00f3 szegmenseket (haszn\u00e1lt, helyi k\u00e9zm\u0171vesek), \u00e9s \u00fajj\u00e1\u00e9p\u00edtik a t\u00e1rsadalmi k\u00f6teleket a v\u00e1rosi ter\u00fcleteken.<\/p>\n","company_logo":"https:\/\/innovacore.group\/wp-content\/uploads\/shopisan-logo-innov-innovacore-optimized.jpg","website_url":"","linkedin_url":"","location":"P\u00e1rizs, Franciaorsz\u00e1g","founded_year":"2026","key_numbers":{"item-0":{"metric_label":"K+ Forgalmaz\u00e1si Pontok C\u00e9lja","metric_value":"270"},"item-1":{"metric_label":"% B2B &amp; B2C Modell","metric_value":"100"},"item-2":{"metric_label":"% C\u00e9l EBITDA","metric_value":"20"}},"hiring_status":"felv\u00e9tel alatt","sector":"piact\u00e9r","company_type":"indul\u00f3 v\u00e1llalkoz\u00e1s","audience":["b2b_a_b2c"],"geo_scope":["nemzeti"],"business_model":["piact\u00e9r","szolg\u00e1ltat\u00e1sok"],"funding_stage":"folyamatban","partnership_type":"l\u00e9trehoz\u00e1s","logo_animation":"<div id=\"shopisan-particle-root\">\r\n    <canvas id=\"shopisanCanvas\"><\/canvas>\r\n<\/div>\r\n\r\n<style>\r\n    #shopisan-particle-root {\r\n        width: 100%;\r\n        height: 300px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: transparent;\r\n        overflow: hidden;\r\n        cursor: crosshair;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const canvas = document.getElementById('shopisanCanvas');\r\n    const ctx = canvas.getContext('2d', { willReadFrequently: true });\r\n    const root = document.getElementById('shopisan-particle-root');\r\n    \r\n    let width, height;\r\n    let particles = [];\r\n    let mouse = { x: -1000, y: -1000 };\r\n    const particleColor = '#f5f5f5';\r\n    let time = 0;\r\n\r\n    function init() {\r\n        width = root.offsetWidth;\r\n        height = 300;\r\n        \r\n        const dpr = window.devicePixelRatio || 1;\r\n        canvas.width = width * dpr;\r\n        canvas.height = height * dpr;\r\n        canvas.style.width = width + 'px';\r\n        canvas.style.height = height + 'px';\r\n        ctx.scale(dpr, dpr);\r\n\r\n        createLogoParticles();\r\n    }\r\n\r\n    function createLogoParticles() {\r\n        particles = [];\r\n        const cx = width \/ 2;\r\n        const cy = height \/ 2;\r\n        const isMobile = width < 600;\r\n\r\n        \/\/ --- 1. CONFIGURATION ---\r\n        ctx.fillStyle = 'white';\r\n        ctx.strokeStyle = 'white';\r\n        \r\n        const iconSize = isMobile ? 60 : 90;\r\n        const fontSize = isMobile ? 35 : 60;\r\n        const separatorH = isMobile ? 50 : 80;\r\n        const gap = isMobile ? 20 : 35;\r\n\r\n        ctx.font = `bold ${fontSize}px Arial, Helvetica, sans-serif`;\r\n        const textMetrics = ctx.measureText('SHOPISAN');\r\n        const textWidth = textMetrics.width;\r\n\r\n        const totalWidth = iconSize + gap + 2 + gap + textWidth;\r\n        const startX = cx - (totalWidth \/ 2);\r\n\r\n        \/\/ --- 2. DESSIN DU GABARIT (Invisible) ---\r\n        const ix = startX + (iconSize \/ 2);\r\n        const iy = cy - (iconSize * 0.1);\r\n        const radius = iconSize * 0.35;\r\n        \r\n        ctx.lineWidth = iconSize * 0.08;\r\n        ctx.lineCap = 'round';\r\n        ctx.lineJoin = 'round';\r\n\r\n        \/\/ S\r\n        ctx.font = `bold ${iconSize * 0.5}px Arial, sans-serif`;\r\n        ctx.textAlign = 'center';\r\n        ctx.textBaseline = 'middle';\r\n        ctx.fillText('S', ix, iy);\r\n\r\n        \/\/ Arcs\r\n        ctx.beginPath();\r\n        ctx.arc(ix, iy, radius * 0.8, Math.PI, 0); \r\n        ctx.stroke();\r\n        ctx.beginPath();\r\n        ctx.arc(ix, iy, radius * 1.3, Math.PI, 0); \r\n        ctx.stroke();\r\n\r\n        \/\/ Pointe\r\n        ctx.beginPath();\r\n        ctx.moveTo(ix - radius * 0.8, iy + 5);\r\n        ctx.lineTo(ix, iy + iconSize * 0.5);\r\n        ctx.lineTo(ix + radius * 0.8, iy + 5);\r\n        ctx.stroke();\r\n        ctx.beginPath();\r\n        ctx.moveTo(ix - radius * 1.3, iy + 5);\r\n        ctx.lineTo(ix, iy + iconSize * 0.8);\r\n        ctx.lineTo(ix + radius * 1.3, iy + 5);\r\n        ctx.stroke();\r\n\r\n        \/\/ Barre\r\n        const lineX = startX + iconSize + gap;\r\n        ctx.lineWidth = 2;\r\n        ctx.beginPath();\r\n        ctx.moveTo(lineX, cy - separatorH \/ 2);\r\n        ctx.lineTo(lineX, cy + separatorH \/ 2);\r\n        ctx.stroke();\r\n\r\n        \/\/ Texte\r\n        const textX = lineX + gap;\r\n        ctx.textAlign = 'left';\r\n        ctx.fillStyle = 'white';\r\n        ctx.font = `bold ${fontSize}px Arial, Helvetica, sans-serif`;\r\n        ctx.fillText('SHOPISAN', textX, cy);\r\n\r\n        \/\/ --- 3. SCAN ---\r\n        const density = 4;\r\n        const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height).data;\r\n        const dataWidth = canvas.width; \r\n\r\n        for (let y = 0; y < canvas.height; y += density) {\r\n            for (let x = 0; x < canvas.width; x += density) {\r\n                if (imageData[(y * dataWidth + x) * 4 + 3] > 128) {\r\n                    const dpr = window.devicePixelRatio || 1;\r\n                    particles.push({\r\n                        x: x \/ dpr,\r\n                        y: y \/ dpr,\r\n                        originX: x \/ dpr,\r\n                        originY: y \/ dpr,\r\n                        vx: 0, \r\n                        vy: 0,\r\n                        size: Math.random() * 1.5 + 0.5,\r\n                        force: Math.random() \r\n                    });\r\n                }\r\n            }\r\n        }\r\n        ctx.clearRect(0, 0, width, height);\r\n    }\r\n\r\n    function draw() {\r\n        ctx.clearRect(0, 0, width, height);\r\n        \r\n        \/\/ MODIF 1 : Animation de vague sokkal lass\u00fabban\r\n        time += 0.02; \/\/ El\u0151z\u0151: 0.05\r\n\r\n        ctx.fillStyle = particleColor;\r\n        \r\n        particles.forEach(p => {\r\n            \/\/ Vezet\u0151 hull\u00e1m\r\n            const waveX = Math.sin(time * 0.5 + p.y * 0.05) * 2;\r\n            const waveY = Math.cos(time * 0.3 + p.x * 0.05) * 2;\r\n\r\n            const dx = mouse.x - p.x;\r\n            const dy = mouse.y - p.y;\r\n            const dist = Math.sqrt(dx*dx + dy*dy);\r\n            const radius = 80;\r\n\r\n            let repelX = 0;\r\n            let repelY = 0;\r\n\r\n            if (dist < radius) {\r\n                const force = (radius - dist) \/ radius;\r\n                const angle = Math.atan2(dy, dx);\r\n                \r\n                \/\/ MODIF 2 : A kil\u00f6k\u00e9s sokkal l\u00e1gyabb (8 a 20 helyett)\r\n                repelX = -Math.cos(angle) * force * 8;\r\n                repelY = -Math.sin(angle) * force * 8;\r\n            }\r\n\r\n            const targetX = p.originX + waveX;\r\n            const targetY = p.originY + waveY;\r\n\r\n            \/\/ MODIF 3 : Visszat\u00e9r\u00e9s nagyon l\u00e1gyan (0.03 a 0.08 helyett)\r\n            const ax = (targetX - p.x) * 0.03;\r\n            const ay = (targetY - p.y) * 0.03;\r\n\r\n            p.vx += ax;\r\n            p.vy += ay;\r\n            p.vx += repelX * 0.3; \/\/ Kev\u00e9sb\u00e9 hat a ceruza hat\u00e1s a kez\u00e9re\r\n            p.vy += repelY * 0.3;\r\n            \r\n            \/\/ MODIF 4 : Nagyobb s\u00farl\u00f3d\u00e1s, hogy ne cs\u00fasszon annyira (0.90 a 0.85 helyett)\r\n            p.vx *= 0.90; \r\n            p.vy *= 0.90;\r\n\r\n            p.x += p.vx;\r\n            p.y += p.vy;\r\n\r\n            ctx.beginPath();\r\n            ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\r\n            ctx.fill();\r\n        });\r\n\r\n        requestAnimationFrame(draw);\r\n    }\r\n\r\n    const updateMouse = (e) => {\r\n        const r = canvas.getBoundingClientRect();\r\n        const cx = e.touches ? e.touches[0].clientX : e.clientX;\r\n        const cy = e.touches ? e.touches[0].clientY : e.clientY;\r\n        mouse.x = cx - r.left;\r\n        mouse.y = cy - r.top;\r\n    };\r\n\r\n    window.addEventListener('resize', init);\r\n    canvas.addEventListener('mousemove', updateMouse);\r\n    canvas.addEventListener('touchmove', updateMouse, {passive: true});\r\n    canvas.addEventListener('mouseleave', () => { mouse.x = -1000; mouse.y = -1000; });\r\n    canvas.addEventListener('touchend', () => { mouse.x = -1000; mouse.y = -1000; });\r\n\r\n    setTimeout(init, 50);\r\n    draw();\r\n})();\r\n<\/script>"},"pt":[],"pipeline":[],"class_list":["post-8623","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio\/8623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":1,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio\/8623\/revisions"}],"predecessor-version":[{"id":8624,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio\/8623\/revisions\/8624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/media\/2369"}],"wp:attachment":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/media?parent=8623"}],"wp:term":[{"taxonomy":"pt","embeddable":true,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/pt?post=8623"},{"taxonomy":"pipeline","embeddable":true,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/pipeline?post=8623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}