{"id":9487,"date":"2026-10-31T23:37:51","date_gmt":"2026-10-31T23:37:51","guid":{"rendered":"https:\/\/smartweb.rs\/?page_id=9487"},"modified":"2026-10-31T23:48:54","modified_gmt":"2026-10-31T23:48:54","slug":"case-study-metalac-market","status":"publish","type":"page","link":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/","title":{"rendered":"Metalac Market: migracija i order management"},"content":{"rendered":"\n<style>.metalac-case{--orange:#ff3e0f;--ink:#242424;--gray:#7c7c7c;--paper:#f7f7f7}\n.metalac-case *{box-sizing:border-box}\n.metalac-case{margin:0;background:var(--paper);font:18px\/1.6 Archivo,Arial,sans-serif;color:var(--ink);overflow-x:hidden}\n.metalac-case a{color:inherit}\n.metalac-case button{font:inherit;cursor:pointer}\n.metalac-case img{max-width:100%;display:block}\n.metalac-case .wrap{width:85%;max-width:1500px;margin:auto}\n.metalac-case .review{background:#eee;color:#777;font-size:11px;letter-spacing:.08em;text-align:center;padding:6px 10px}\n.metalac-case .nav{height:100px;background:linear-gradient(100deg,#050505,#333);display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 5%;gap:30px}\n.metalac-case .wordmark img{width:250px}\n.metalac-case .nav a{text-decoration:none}\n.metalac-case .navlinks{display:flex;gap:40px;align-items:center;font-size:15px}\n.metalac-case .languages{display:flex;gap:8px}\n.metalac-case .languages button{color:#aaa;background:none;border:0;padding:5px;font-size:14px}\n.metalac-case .languages button.active{color:#fff;border-bottom:1px solid var(--orange)}\n.metalac-case .outline{border:1px solid var(--orange);padding:12px 28px;border-radius:40px;font-weight:700}\n.metalac-case .outline:after{content:' \u2192';color:var(--orange);margin-left:20px}\n.metalac-case .hero{position:relative;background:#211b1d;color:#fff;overflow:hidden;min-height:780px;display:flex;align-items:center}\n.metalac-case .hero:before{content:'';position:absolute;inset:0;background-image:url('https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/campaign-fashion.avif');background-size:auto 150%;background-repeat:no-repeat;background-position:right 27%;opacity:.95}\n.metalac-case .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0b 0%,#0b0b0b 42%,#141112a8 58%,#19141720 79%)}\n.metalac-case .hero>.wrap{position:relative;z-index:1}\n.metalac-case .crumb{font-size:13px;position:absolute;top:25px;left:7.5%;z-index:2;color:#ddd}\n.metalac-case .hero-inner{padding:95px 0;max-width:690px}\n.metalac-case .brand{width:260px;max-height:105px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);margin-bottom:45px}\n.metalac-case .eyebrow{font-size:19px;font-weight:700;margin-bottom:20px}\n.metalac-case .hero h1{font-size:clamp(48px,4vw,64px);line-height:1.12;letter-spacing:-.025em;margin:0 0 30px}\n.metalac-case .hero p{font-size:18px;max-width:500px;color:#ccc}\n.metalac-case .hero .year{font-size:23px;color:#fff;font-weight:700;margin:36px 0 0}\n.metalac-case .hero-art,.metalac-case .facts{display:none}\n.metalac-case p{margin:0 0 22px}\n.metalac-case h2{font-size:clamp(36px,3.8vw,58px);line-height:1.15;letter-spacing:-.025em;margin:0 0 30px}\n.metalac-case .label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);font-weight:700;margin-bottom:18px}\n.metalac-case .muted{color:var(--gray)}\n.metalac-case .section{padding:110px 0}\n.metalac-case .intro{display:grid;grid-template-columns:44% 48%;gap:8%;align-items:center}\n.metalac-case .intro img{width:100%;filter:drop-shadow(0 25px 25px #0001)}\n.metalac-case .intro>div{text-align:center}\n.metalac-case .intro h2{font-size:40px;max-width:560px;margin:0 auto 30px}\n.metalac-case .intro .lead{font-size:23px;line-height:1.5;font-weight:700}\n.metalac-case .intro p.muted{font-size:18px;line-height:1.7}\n.metalac-case .intro .label{color:#888}\n.metalac-case .challenge{padding:80px 0;background:url('https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-screens-wall.svg') center\/cover;position:relative}\n.metalac-case .challenge:before{content:'';position:absolute;inset:0;background:#0003}\n.metalac-case .challenge .split{position:relative;width:100%;max-width:none;background:linear-gradient(100deg,#050505ee,#333333f5);padding:65px 15%;display:grid;grid-template-columns:36% 49%;gap:15%;align-items:center}\n.metalac-case .challenge h2{text-align:right;font-size:49px;color:#fff;margin:0}\n.metalac-case .challenge .label{display:none}\n.metalac-case .challenge .split>div>p{display:none}\n.metalac-case .point{margin-bottom:28px}\n.metalac-case .point:last-child{margin:0}\n.metalac-case .point>span{display:none}\n.metalac-case .point h3{font-size:20px;line-height:1.4;color:white;margin:0 0 10px}\n.metalac-case .point p{font-size:17px;color:#c3c3c3;line-height:1.55;margin:0}\n.metalac-case .solutions{padding:100px 0 65px;position:relative;overflow:hidden}\n.metalac-case .word-behind{position:absolute;right:1%;top:10px;font-size:clamp(120px,18vw,280px);line-height:1;font-weight:700;color:#efefef;pointer-events:none}\n.metalac-case .section-head{position:relative;max-width:650px;margin:0 7.5% 45px}\n.metalac-case .section-head h2{font-size:46px}\n.metalac-case .section-head p{font-size:18px}\n.metalac-case .cards{position:relative;display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;padding:0 7.5% 15px}\n.metalac-case .cards::-webkit-scrollbar{display:none}\n.metalac-case .card{flex:0 0 min(610px,43vw);aspect-ratio:819\/499;position:relative;scroll-snap-align:center;background:url('https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-card-bg.svg') center\/100% 100% no-repeat;padding:13% 9%;padding:70px 65px 95px;text-align:center}\n.metalac-case .card .num{display:none}\n.metalac-case .card h3{font-size:29px;line-height:1.2;margin:0 0 22px}\n.metalac-case .card p{font-size:17px;line-height:1.5;color:#7f7f7f;margin:0}\n.metalac-case .card-logo{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);height:47px;width:76px;object-fit:contain;filter:grayscale(1);opacity:.75}\n.metalac-case .card-logo.logistics{width:58px}\n.metalac-case .arrows{display:flex;gap:15px;justify-content:center;margin-top:15px}\n.metalac-case .arrows button{border:1px solid #bbb;background:transparent;border-radius:50%;height:43px;width:43px;color:#777;font-size:24px}\n.metalac-case .arrows button:hover{color:var(--orange);border-color:var(--orange)}\n.metalac-case .flow{display:none}\n.metalac-case .stats{position:relative;padding:90px 0 100px;color:white;text-align:center;background:linear-gradient(#000b,#000b),url('https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-screens-wall.svg') center\/cover}\n.metalac-case .stats h2{font-size:44px;margin-bottom:60px}\n.metalac-case .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}\n.metalac-case .stats strong{font-size:90px;line-height:1.1;color:var(--orange);display:block;margin-bottom:16px}\n.metalac-case .stats span{font-size:20px;color:#eee}\n.metalac-case .stats .years{font-size:44px;padding-top:38px;white-space:nowrap}\n.metalac-case .result{display:grid;grid-template-columns:41% 54%;gap:5%;align-items:center;overflow:visible}\n.metalac-case .result>div{order:-1}\n.metalac-case .result h2{font-size:52px}\n.metalac-case .result>img{width:122%;max-width:none;transform:translateX(2%);filter:drop-shadow(0 20px 20px #0001)}\n.metalac-case .result ul{list-style:none;padding:0;margin-top:30px}\n.metalac-case .result li{position:relative;padding:0 0 0 30px;margin-bottom:25px;font-size:19px;font-weight:700}\n.metalac-case .result li:before{content:'';width:9px;height:9px;border-radius:50%;position:absolute;left:0;top:10px;background:var(--orange)}\n.metalac-case .result .muted{font-size:18px}\n.metalac-case .markets{background:#fff;padding:75px 0}\n.metalac-case .market-layout{display:grid;grid-template-columns:36% 58%;gap:6%;align-items:center}\n.metalac-case .market-layout h2{font-size:36px}\n.metalac-case .market-layout p{font-size:16px}\n.metalac-case .map{display:block}\n.metalac-case .map img{width:100%;max-height:480px;object-fit:contain}\n.metalac-case .countries{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}\n.metalac-case .countries span{font-size:13px;color:#777;border:1px solid #ddd;border-radius:20px;padding:5px 12px}\n.metalac-case .closing{padding:100px 0;background:#f7f7f7;text-align:center}\n.metalac-case .closing>.wrap{max-width:900px;background:linear-gradient(#fff,#efefef);border:1px solid white;border-radius:45px;box-shadow:0 16px 25px #00000008;padding:65px 80px}\n.metalac-case .closing h2{font-size:45px}\n.metalac-case .closing p{font-size:18px;color:#888;margin:0}\n.metalac-case .footer{padding:40px 7.5%;background:#111;color:#888;display:flex;align-items:center;justify-content:space-between;font-size:13px}\n.metalac-case .footer .wordmark img{width:200px}\n.metalac-case .review-note{font-size:12px;color:#888;text-align:center;padding:15px;margin:0}\n.metalac-case .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}\n.metalac-case .reveal.visible{opacity:1;transform:none}\n.metalac-case .hero-inner{animation:metalacHeroIn 1s both}\n@keyframes metalacHeroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n.metalac-case a:focus-visible,.metalac-case button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}\n@media(min-width:1600px){.metalac-case .hero{min-height:850px}}\n@media(max-width:1100px){.metalac-case .navlinks{gap:20px}\n.metalac-case .navlinks .outline{display:none}\n.metalac-case .hero{min-height:720px}\n.metalac-case .hero:before{background-position:100% 30%;background-size:auto 135%}\n.metalac-case .hero-inner{max-width:580px}\n.metalac-case .card{flex-basis:70vw;padding:70px 60px 90px}\n.metalac-case .challenge .split{padding:60px 8%;grid-template-columns:38% 52%;gap:10%}\n.metalac-case .challenge h2{font-size:40px}\n.metalac-case .intro .lead{font-size:20px}\n.metalac-case .result h2{font-size:42px}\n.metalac-case .stats strong{font-size:70px}\n.metalac-case .stats .years{font-size:35px;padding-top:30px}\n.metalac-case .wordmark img{width:220px}}\n@media(max-width:700px){.metalac-case{font-size:16px}\n.metalac-case .wrap{width:90%}\n.metalac-case .review{font-size:9px}\n.metalac-case .nav{height:80px;padding:0 5%}\n.metalac-case .navlinks{display:none}\n.metalac-case .wordmark img{width:205px}\n.metalac-case .hero{min-height:730px;align-items:flex-end}\n.metalac-case .hero:before{background-position:70% 12%;background-size:auto 155%}\n.metalac-case .hero:after{background:linear-gradient(0deg,#090708f5 0%,#151015c9 40%,#17121725 100%)}\n.metalac-case .crumb{left:5%;top:20px;font-size:11px}\n.metalac-case .hero-inner{padding:110px 0 65px;max-width:100%}\n.metalac-case .brand{width:205px;margin-bottom:32px}\n.metalac-case .eyebrow{font-size:16px;margin-bottom:15px}\n.metalac-case .hero h1{font-size:44px;line-height:1.1;max-width:390px}\n.metalac-case .hero p{font-size:16px;max-width:350px}\n.metalac-case .hero .year{font-size:22px;margin-top:24px}\n.metalac-case .section{padding:65px 0}\n.metalac-case .intro{display:flex;flex-direction:column;gap:35px}\n.metalac-case .intro>div{order:-1}\n.metalac-case .intro img{width:100%;max-width:400px}\n.metalac-case .intro h2{font-size:32px}\n.metalac-case .intro .lead{font-size:20px}\n.metalac-case .intro p.muted{font-size:16px}\n.metalac-case .challenge{padding:40px 0}\n.metalac-case .challenge .split{display:block;padding:45px 7%}\n.metalac-case .challenge h2{font-size:37px;text-align:left;margin-bottom:35px}\n.metalac-case .point h3{font-size:19px}\n.metalac-case .point p{font-size:16px}\n.metalac-case .solutions{padding:70px 0 45px}\n.metalac-case .section-head{margin:0 5% 25px}\n.metalac-case .section-head h2{font-size:34px}\n.metalac-case .section-head p{font-size:16px}\n.metalac-case .word-behind{top:20px;font-size:100px}\n.metalac-case .cards{gap:4px;padding:0 3% 10px}\n.metalac-case .card{flex-basis:94vw;padding:52px 37px 90px;aspect-ratio:auto;min-height:335px;background-size:100% 100%}\n.metalac-case .card h3{font-size:24px;margin-bottom:15px}\n.metalac-case .card p{font-size:15px;line-height:1.5}\n.metalac-case .card-logo{height:37px;bottom:17px}\n.metalac-case .stats{padding:65px 0}\n.metalac-case .stats h2{font-size:32px;margin-bottom:35px}\n.metalac-case .stats-grid{grid-template-columns:1fr;gap:32px}\n.metalac-case .stats strong{font-size:65px;margin-bottom:6px}\n.metalac-case .stats .years{padding-top:0;font-size:40px}\n.metalac-case .stats span{font-size:17px}\n.metalac-case .result{display:flex;flex-direction:column;gap:30px}\n.metalac-case .result h2{font-size:35px}\n.metalac-case .result>img{width:110%;transform:none;margin-left:0}\n.metalac-case .result .muted{font-size:16px}\n.metalac-case .result li{font-size:17px;margin-bottom:20px}\n.metalac-case .market-layout{grid-template-columns:1fr;gap:25px}\n.metalac-case .market-layout h2{font-size:32px}\n.metalac-case .map img{max-height:none}\n.metalac-case .closing{padding:65px 0}\n.metalac-case .closing>.wrap{padding:40px 25px;border-radius:30px}\n.metalac-case .closing h2{font-size:32px}\n.metalac-case .closing p{font-size:16px}\n.metalac-case .footer{flex-direction:column;gap:25px;text-align:center}\n.metalac-case .footer .wordmark img{width:180px}}\n@media(prefers-reduced-motion:reduce){.metalac-case .reveal{opacity:1;transform:none;transition:none}\n.metalac-case .hero-inner{animation:none}}\n.metalac-case .hero{min-height:780px;background:#111}\n.metalac-case .hero:before{background-image:url('https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-hero.jpg');background-size:auto 110%;background-position:76% center;opacity:1}\n.metalac-case .hero:after{background:linear-gradient(90deg,#080a09fa 0%,#080a09ed 30%,#080a0990 54%,#080a0910 82%)}\n.metalac-case .hero-inner{max-width:720px;padding:115px 0 95px}\n.metalac-case .hero h1{font-size:clamp(44px,4vw,64px);max-width:690px}\n.metalac-case .hero .brand{width:295px;height:auto;max-height:none;margin-bottom:48px}\n.metalac-case .hero p{max-width:590px;color:#ddd}\n.metalac-case .hero-meta{display:flex;gap:42px;margin-top:42px}\n.metalac-case .hero-meta>div+div{border-left:1px solid #ffffff55;padding-left:42px}\n.metalac-case .hero-meta strong{display:block;font-size:26px;line-height:1.3}\n.metalac-case .hero-meta span{font-size:14px;color:#bbb}\n.metalac-case .hero .eyebrow{font-size:15px;letter-spacing:.04em;color:#eee;margin-bottom:20px}\n.metalac-case .tech-strip{background:#fff;border-bottom:1px solid #e7e7e7;padding:24px 0}\n.metalac-case .tech-strip .wrap{display:flex;gap:25px;align-items:center;justify-content:space-between}\n.metalac-case .tech-strip span{color:#888;font-size:13px;text-transform:uppercase;letter-spacing:.07em}\n.metalac-case .tech-strip strong{font-size:18px;font-weight:700;color:#555}\n.metalac-case .intro{grid-template-columns:48% 45%;gap:7%}\n.metalac-case .intro>div{text-align:left}\n.metalac-case .intro h2{font-size:43px;margin:0 0 26px}\n.metalac-case .intro .lead{font-size:21px;font-weight:400;color:#555}\n.metalac-case .intro p.muted{font-size:18px}\n.metalac-case .intro img{width:112%;max-width:none;transform:translateX(-7%)}\n.metalac-case .challenge .split{grid-template-columns:39% 49%;gap:12%;padding:70px 12%}\n.metalac-case .challenge h2{font-size:45px}\n.metalac-case .challenge .point h3{font-size:21px}\n.metalac-case .challenge .point p{color:#c7c7c7;font-size:18px}\n.metalac-case .section-head h2{font-size:45px}\n.metalac-case .section-head{max-width:810px}\n.metalac-case .operations{background:#fff}\n.metalac-case .operations .section-head{margin:0 0 45px}\n.metalac-case .operations-layout{display:grid;grid-template-columns:38% 56%;gap:6%;align-items:start}\n.metalac-case .operations-copy h3{font-size:23px;line-height:1.3;margin:0 0 18px}\n.metalac-case .operations-copy p{font-size:18px;color:#777;line-height:1.7}\n.metalac-case .flow-panel{padding:38px;background:linear-gradient(135deg,#fafafa,#efefef);border:1px solid #fff;border-radius:30px;box-shadow:0 20px 35px #00000006}\n.metalac-case .flow-top{display:flex;align-items:center;gap:16px}\n.metalac-case .flow-node{border:1px solid #d8d8d8;background:#fff;border-radius:15px;padding:20px;flex:1;min-width:0}\n.metalac-case .flow-node span{display:block;color:#888;font-size:13px;line-height:1.4;margin-bottom:6px}\n.metalac-case .flow-node strong{font-size:21px;line-height:1.3}\n.metalac-case .flow-node.primary{background:#181818;border-color:#181818;color:#fff}\n.metalac-case .flow-node.primary span{color:#b8b8b8}\n.metalac-case .flow-arrow{font-size:25px;color:var(--orange);flex-shrink:0}\n.metalac-case .erp-line{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:18px 8px;border-bottom:1px solid #d6d6d6;margin-bottom:20px}\n.metalac-case .erp-line strong{font-size:18px}\n.metalac-case .erp-line small{color:#888;font-size:13px}\n.metalac-case .warehouse-title{font-size:15px;color:#666;margin-bottom:15px}\n.metalac-case .warehouse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}\n.metalac-case .warehouse{background:#fff;border:1px solid #ddd;border-radius:12px;text-align:center;padding:20px 8px}\n.metalac-case .warehouse svg{width:38px;height:38px;color:#777;margin:auto auto 10px}\n.metalac-case .warehouse span{font-size:14px;color:#666;display:block}\n.metalac-case .flow-caption{font-size:13px;color:#888;margin:18px 0 0}\n.metalac-case .delivery-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd;margin-top:22px;padding-top:20px;gap:18px;font-size:18px;font-weight:700}\n.metalac-case .delivery-line span{color:var(--orange)}\n.metalac-case .outcome-line{display:flex;gap:20px;margin-top:35px;padding-top:25px;border-top:1px solid #ddd}\n.metalac-case .outcome-line strong{font-size:20px;line-height:1.4}\n.metalac-case .outcome-line .mark{color:var(--orange);font-size:30px;line-height:1}\n.metalac-case .solutions{padding-top:100px}\n.metalac-case .card{padding:64px 60px 95px;min-height:375px;aspect-ratio:819\/499}\n.metalac-case .card h3{font-size:28px}\n.metalac-case .card p{font-size:17px}\n.metalac-case .card .card-logo{bottom:18px}\n.metalac-case .card-logo.text-logo{width:auto;font-size:20px;font-weight:700;color:#777;line-height:46px}\n.metalac-case .stats{padding:85px 0}\n.metalac-case .stats h2{font-size:44px;margin-bottom:50px}\n.metalac-case .stats-grid{grid-template-columns:repeat(3,1fr);gap:30px}\n.metalac-case .stats strong{font-size:54px;margin-bottom:12px;line-height:1.15}\n.metalac-case .stats span{font-size:18px;color:#ddd}\n.metalac-case .stats .years{font-size:54px;padding:0}\n.metalac-case .seo-section{background:#fff}\n.metalac-case .seo-grid{display:grid;grid-template-columns:45% 48%;gap:7%;align-items:center}\n.metalac-case .seo-grid h2{font-size:43px}\n.metalac-case .seo-grid p{font-size:18px}\n.metalac-case .seo-callout{background:linear-gradient(135deg,#f9f9f9,#ededed);padding:50px 44px;border-radius:30px;border:1px solid #fff}\n.metalac-case .seo-callout .status{font-size:13px;color:#777;text-transform:uppercase;letter-spacing:.1em}\n.metalac-case .seo-callout h3{font-size:35px;line-height:1.2;margin:20px 0 24px}\n.metalac-case .seo-callout h3 span{color:var(--orange)}\n.metalac-case .seo-steps{list-style:none;margin:0;padding:0}\n.metalac-case .seo-steps li{padding:17px 0;border-top:1px solid #ddd;display:flex;gap:20px;align-items:center;font-size:18px}\n.metalac-case .seo-steps b{font-size:13px;color:var(--orange)}\n.metalac-case .supplier{padding:90px 0;background:linear-gradient(100deg,#080a09ed,#080a09c9),url('https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-hero.jpg') center\/cover;color:white}\n.metalac-case .supplier .wrap{display:grid;grid-template-columns:44% 48%;gap:8%;align-items:center}\n.metalac-case .supplier h2{font-size:42px}\n.metalac-case .supplier p{color:#bbb;font-size:18px}\n.metalac-case .supplier-visual{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:18px}\n.metalac-case .supplier-visual .block{border:1px solid #ffffff30;border-radius:20px;padding:30px 22px;background:#ffffff08;text-align:center}\n.metalac-case .supplier-visual strong{display:block;font-size:23px;line-height:1.3;margin:15px 0}\n.metalac-case .supplier-visual span{color:#bbb;font-size:15px}\n.metalac-case .supplier-visual svg{width:45px;height:45px;color:#aaa;margin:auto}\n.metalac-case .supplier-benefit{grid-column:1\/-1;font-size:17px;border-top:1px solid #ffffff30;padding-top:22px;margin-top:10px;color:#ddd;text-align:center}\n.metalac-case .result{grid-template-columns:42% 53%;gap:5%}\n.metalac-case .result h2{font-size:44px}\n.metalac-case .result>img{width:112%;transform:translateX(0)}\n.metalac-case .result li{font-size:18px;font-weight:400;margin-bottom:20px}\n.metalac-case .closing>.wrap{max-width:1100px}\n.metalac-case .closing h2{font-size:43px}\n.metalac-case .closing .outline{display:inline-block;margin-top:30px;text-decoration:none;background:#fff;font-size:17px}\n.metalac-case .footer .links{display:flex;gap:30px}\n.metalac-case .footer a{text-decoration:none}\n@media(min-width:1600px){.metalac-case .hero{min-height:850px}}\n@media(max-width:1100px){.metalac-case .hero{min-height:760px}\n.metalac-case .hero-inner{max-width:650px}\n.metalac-case .hero h1{font-size:54px}\n.metalac-case .hero:before{background-size:auto 115%;background-position:66% center}\n.metalac-case .intro h2,.metalac-case .section-head h2,.metalac-case .seo-grid h2,.metalac-case .result h2{font-size:36px}\n.metalac-case .operations-layout{grid-template-columns:1fr;gap:30px}\n.metalac-case .operations-copy{max-width:850px}\n.metalac-case .flow-panel{max-width:800px;width:100%;margin:auto}\n.metalac-case .challenge .split{padding:60px 8%;gap:8%;grid-template-columns:40% 52%}\n.metalac-case .challenge h2{font-size:36px}\n.metalac-case .card{flex-basis:70vw;padding:70px 65px 95px}\n.metalac-case .supplier h2{font-size:36px}\n.metalac-case .supplier .wrap{grid-template-columns:1fr;gap:30px}\n.metalac-case .supplier-visual{max-width:760px;width:100%;margin:auto}\n.metalac-case .tech-strip .wrap{flex-wrap:wrap;justify-content:center;gap:20px 30px}\n.metalac-case .tech-strip span{width:100%;text-align:center}\n.metalac-case .stats strong,.metalac-case .stats .years{font-size:44px}\n.metalac-case .seo-callout{padding:35px 30px}}\n@media(max-width:700px){.metalac-case .hero{min-height:780px;align-items:center}\n.metalac-case .hero:before{background-size:auto 105%;background-position:62% center;opacity:.7}\n.metalac-case .hero:after{background:linear-gradient(90deg,#080a09e8,#080a0980),linear-gradient(0deg,#080a09b0,transparent)}\n.metalac-case .hero-inner{padding:90px 0 60px}\n.metalac-case .hero h1{font-size:42px;max-width:380px}\n.metalac-case .hero .brand{width:250px;margin-bottom:42px}\n.metalac-case .hero p{max-width:360px}\n.metalac-case .hero .eyebrow{font-size:14px}\n.metalac-case .hero-meta{gap:30px;margin-top:34px}\n.metalac-case .hero-meta>div+div{padding-left:30px}\n.metalac-case .hero-meta strong{font-size:24px}\n.metalac-case .hero-meta span{font-size:13px}\n.metalac-case .tech-strip{padding:22px 0}\n.metalac-case .tech-strip .wrap{gap:14px 22px}\n.metalac-case .tech-strip strong{font-size:16px}\n.metalac-case .intro h2,.metalac-case .section-head h2,.metalac-case .seo-grid h2,.metalac-case .result h2{font-size:34px}\n.metalac-case .intro img{width:110%;max-width:460px;transform:none}\n.metalac-case .intro .lead{font-size:20px}\n.metalac-case .intro p.muted{font-size:16px}\n.metalac-case .challenge .split{display:block;padding:45px 5%}\n.metalac-case .challenge h2{font-size:34px;margin-bottom:35px;text-align:left}\n.metalac-case .challenge .point p{font-size:16px}\n.metalac-case .challenge .point h3{font-size:20px}\n.metalac-case .operations .section-head{margin-bottom:30px}\n.metalac-case .operations-copy p{font-size:16px}\n.metalac-case .flow-panel{padding:24px 18px;border-radius:22px}\n.metalac-case .flow-top{gap:10px}\n.metalac-case .flow-node{padding:17px 12px;border-radius:12px}\n.metalac-case .flow-node strong{font-size:18px}\n.metalac-case .flow-node span{font-size:11px}\n.metalac-case .flow-arrow{font-size:20px}\n.metalac-case .erp-line{flex-wrap:wrap;gap:10px;font-size:14px}\n.metalac-case .erp-line small{font-size:12px}\n.metalac-case .warehouse-grid{gap:7px}\n.metalac-case .warehouse{padding:14px 4px}\n.metalac-case .warehouse span{font-size:12px}\n.metalac-case .warehouse-title{font-size:14px}\n.metalac-case .delivery-line{font-size:16px}\n.metalac-case .flow-caption{font-size:12px}\n.metalac-case .outcome-line strong{font-size:18px}\n.metalac-case .solutions{padding-top:65px}\n.metalac-case .section-head{margin-left:5%}\n.metalac-case .card{flex-basis:94vw;min-height:345px;padding:55px 35px 90px;aspect-ratio:auto}\n.metalac-case .card h3{font-size:24px}\n.metalac-case .card p{font-size:15px}\n.metalac-case .card-logo.text-logo{font-size:18px}\n.metalac-case .stats{padding:60px 0}\n.metalac-case .stats h2{font-size:32px}\n.metalac-case .stats-grid{grid-template-columns:1fr;gap:36px}\n.metalac-case .stats strong,.metalac-case .stats .years{font-size:48px}\n.metalac-case .stats span{font-size:16px}\n.metalac-case .seo-grid{grid-template-columns:1fr;gap:30px}\n.metalac-case .seo-grid p{font-size:16px}\n.metalac-case .seo-callout{padding:35px 25px}\n.metalac-case .seo-callout h3{font-size:31px}\n.metalac-case .seo-steps li{font-size:16px}\n.metalac-case .supplier{padding:65px 0}\n.metalac-case .supplier h2{font-size:34px}\n.metalac-case .supplier p{font-size:16px}\n.metalac-case .supplier-visual{gap:8px;grid-template-columns:1fr 24px 1fr}\n.metalac-case .supplier-visual .block{padding:24px 12px}\n.metalac-case .supplier-visual strong{font-size:19px}\n.metalac-case .supplier-visual span{font-size:13px}\n.metalac-case .supplier-benefit{font-size:15px}\n.metalac-case .result>img{width:110%;max-width:600px}\n.metalac-case .result li{font-size:17px}\n.metalac-case .closing h2{font-size:33px}\n.metalac-case .closing .outline{font-size:16px;padding:12px 20px}\n.metalac-case .footer .links{font-size:12px;gap:18px}}\n.metalac-case .operations-layout{display:block}\n.metalac-case .operations-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;max-width:none;margin-bottom:48px}\n.metalac-case .operations-copy h3{grid-row:1\/3;font-size:32px;max-width:410px}\n.metalac-case .operations-copy p{margin-top:0}\n.metalac-case .operations-copy .outcome-line{grid-column:1\/-1;margin-top:20px}\n.metalac-case .flow-panel{position:relative;max-width:none;padding:42px 48px 32px;background:radial-gradient(ellipse at 50% 38%,#3d2018 0%,#181819 45%,#101112 100%);border:1px solid #333;color:#fff;border-radius:28px;overflow:hidden}\n.metalac-case .flow-panel:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:44px 44px}\n.metalac-case .flow-panel>*{position:relative}\n.metalac-case .network-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}\n.metalac-case .network-heading strong{font-size:21px}\n.metalac-case .network-live{display:flex;align-items:center;gap:9px;color:#b7b7b7;font-size:13px}\n.metalac-case .network-live:before{content:'';width:7px;height:7px;border-radius:50%;background:#f75b32;box-shadow:0 0 16px #ff4b1a}\n.metalac-case .network-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:880px;margin:auto}\n.metalac-case .network-source{padding:18px 24px;border:1px solid #ffffff25;background:#202021;border-radius:14px;display:flex;align-items:center;gap:15px}\n.metalac-case .network-source svg{width:30px;height:30px;color:#aaa;flex-shrink:0}\n.metalac-case .network-source strong{font-size:19px;display:block;color:#fff}\n.metalac-case .network-source span{display:block;color:#aaa;font-size:13px;margin-top:5px}\n.metalac-case .network-connections{display:block;width:100%;max-width:880px;height:75px;margin:auto;overflow:visible}\n.metalac-case .network-connections path{fill:none;stroke:#ffffff25;stroke-width:1.4}\n.metalac-case .network-connections path.signal{stroke:#ff5b32;stroke-width:2;stroke-dasharray:6 105;animation:networkStream 5s linear infinite}\n.metalac-case .network-hub{max-width:330px;margin:auto;display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 28px;border:1px solid #ff5b32;border-radius:20px;background:linear-gradient(135deg,#38302c,#211c1b);box-shadow:0 0 0 9px #ff5b3209,0 0 60px #f6583220}\n.metalac-case .network-hub .hub-icon{font-size:41px;color:#ff5b32;line-height:1}\n.metalac-case .network-hub strong{font-size:30px;letter-spacing:-.7px;display:block}\n.metalac-case .network-hub small{color:#ccc;font-size:13px}\n.metalac-case .network-bridge{width:1px;height:44px;margin:auto;background:linear-gradient(#ff5b32,#ffffff30);position:relative}\n.metalac-case .network-bridge:after{content:'';position:absolute;top:0;left:-3px;width:7px;height:7px;border-radius:50%;background:#ff5b32;box-shadow:0 0 14px #ff5b32;animation:networkDrop 2s linear infinite}\n.metalac-case .network-caption{text-align:center;font-size:17px;color:#eee;margin:0 0 20px}\n.metalac-case .network-caption small{display:block;color:#a9a9a9;font-size:13px;margin-top:8px}\n.metalac-case .store-network{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin:0 auto;max-width:1020px}\n.metalac-case .store-network .store-node{aspect-ratio:1;border:1px solid #ffffff1c;border-radius:11px;display:grid;place-items:center;background:#ffffff04;position:relative;animation:networkStore 8s ease-in-out infinite;animation-delay:var(--delay)}\n.metalac-case .store-node svg{width:32px;height:32px;color:#a9a9a9}\n.metalac-case .store-node:after{content:'';position:absolute;right:8px;top:8px;width:4px;height:4px;background:#777;border-radius:50%}\n.metalac-case .store-node:nth-child(5n+1){animation-name:networkSelected}\n.metalac-case .store-node:nth-child(5n+1):after{background:#ff5b32}\n.metalac-case .network-fulfilment{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 auto 0}\n.metalac-case .network-end{display:flex;gap:14px;align-items:center}\n.metalac-case .network-end svg{width:32px;height:32px;color:#aaa}\n.metalac-case .network-end strong{display:block;font-size:18px}\n.metalac-case .network-end small{display:block;color:#aaa;font-size:12px;margin-top:5px}\n.metalac-case .network-journey{position:relative;height:1px;width:120px;background:#ffffff30}\n.metalac-case .network-journey:after{content:'';position:absolute;top:-3px;width:7px;height:7px;background:#ff5b32;border-radius:50%;animation:networkTravel 3s linear infinite}\n.metalac-case .network-legend{display:flex;justify-content:center;gap:30px;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff14;font-size:12px;color:#999}\n.metalac-case .network-legend span{display:flex;gap:7px;align-items:center}\n.metalac-case .network-legend i{width:5px;height:5px;background:#ff5b32;border-radius:50%}\n.metalac-case .network-legend span+span i{background:#888}\n@keyframes networkStream{to{stroke-dashoffset:-222}}\n@keyframes networkDrop{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(43px);opacity:0}}\n@keyframes networkTravel{0%{left:0;opacity:0}20%{opacity:1}100%{left:100%;opacity:0}}\n@keyframes networkStore{0%,100%{background:#ffffff04;border-color:#ffffff1c}40%{background:#ffffff0a;border-color:#ffffff40}}\n@keyframes networkSelected{0%,100%{background:#ffffff04;border-color:#ffffff1c}35%,60%{background:#ff5b321a;border-color:#ff5b3299;box-shadow:0 0 20px #ff5b3210}}\n@media(max-width:1100px){.metalac-case .operations-copy{gap:0 40px}\n.metalac-case .operations-copy h3{font-size:29px}\n.metalac-case .store-network{grid-template-columns:repeat(8,1fr)}\n.metalac-case .flow-panel{padding:32px}\n.metalac-case .network-source{padding:16px}\n.metalac-case .network-source strong{font-size:17px}}\n@media(max-width:700px){.metalac-case .operations-copy{display:block}\n.metalac-case .operations-copy h3{font-size:27px;max-width:none}\n.metalac-case .flow-panel{padding:25px 18px}\n.metalac-case .network-heading{display:block;margin-bottom:25px}\n.metalac-case .network-heading strong{font-size:19px}\n.metalac-case .network-live{margin-top:10px;font-size:12px}\n.metalac-case .network-sources{gap:8px}\n.metalac-case .network-source{display:block;text-align:center;padding:14px 5px;border-radius:10px}\n.metalac-case .network-source svg{width:24px;height:24px;margin:0 auto 8px}\n.metalac-case .network-source strong{font-size:13px}\n.metalac-case .network-source span{font-size:10px;line-height:1.3}\n.metalac-case .network-connections{height:60px}\n.metalac-case .network-hub{max-width:250px;padding:20px}\n.metalac-case .network-hub strong{font-size:26px}\n.metalac-case .network-hub small{font-size:11px}\n.metalac-case .network-caption{font-size:16px;line-height:1.35}\n.metalac-case .network-caption small{font-size:12px}\n.metalac-case .store-network{grid-template-columns:repeat(6,1fr);gap:7px}\n.metalac-case .store-network .store-node{border-radius:8px}\n.metalac-case .store-node svg{width:26px;height:26px}\n.metalac-case .store-node:after{right:5px;top:5px;width:3px;height:3px}\n.metalac-case .network-fulfilment{gap:15px}\n.metalac-case .network-end{gap:8px}\n.metalac-case .network-end svg{width:26px;height:26px}\n.metalac-case .network-end strong{font-size:14px}\n.metalac-case .network-end small{font-size:10px}\n.metalac-case .network-journey{width:35px;flex-shrink:0}\n.metalac-case .network-legend{gap:15px;font-size:10px}}\n@media(prefers-reduced-motion:reduce){.metalac-case .network-connections path.signal,.metalac-case .network-bridge:after,.metalac-case .network-journey:after,.metalac-case .store-network .store-node{animation:none}\n.metalac-case .network-connections path.signal{stroke-dasharray:none;opacity:.65}}\n.metalac-case .order-entry{max-width:330px;margin:auto;justify-content:center}\n.metalac-case .network-erp{max-width:550px;margin:auto;display:flex;gap:16px;align-items:center;justify-content:center;padding:20px;border:1px solid #ffffff28;background:#ffffff05;border-radius:14px}\n.metalac-case .network-erp svg{width:32px;height:32px;flex-shrink:0;color:#aaa}\n.metalac-case .network-erp strong{display:block;font-size:21px;color:#fff}\n.metalac-case .network-erp span{display:block;font-size:13px;color:#bbb;margin-top:6px}\n.metalac-case .network-return{margin:24px auto 0;max-width:340px}\n.metalac-case .return-track{display:block;width:1px;height:35px;background:#ff5b3255;position:relative;margin:auto}\n.metalac-case .return-track:after{content:'';position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:#ff5b32;animation:networkDrop 2s linear infinite}\n.metalac-case .network-confirmation{display:flex;gap:15px;align-items:center;justify-content:center;padding:18px;border:1px solid #ff5b3266;border-radius:15px;background:#ff5b320a}\n.metalac-case .network-confirmation strong{font-size:21px;display:block;color:#fff}\n.metalac-case .network-confirmation small{display:block;font-size:12px;color:#bbb;margin-top:5px}\n.metalac-case .confirm-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #ff5b32;color:#ff5b32;font-size:17px}\n.metalac-case .network-dispatch{font-size:14px;text-align:center;color:#ccc;margin:20px auto 26px;line-height:1.5}\n.metalac-case .network-fulfilment{padding-bottom:8px}\n@media(max-width:700px){.metalac-case .order-entry{display:flex;text-align:left;max-width:250px;padding:16px}\n.metalac-case .order-entry svg{margin:0}\n.metalac-case .order-entry strong{font-size:19px}\n.metalac-case .order-entry span{font-size:12px}\n.metalac-case .network-erp{padding:15px;max-width:320px}\n.metalac-case .network-erp strong{font-size:19px}\n.metalac-case .network-erp span{font-size:12px;line-height:1.4}\n.metalac-case .network-caption small{line-height:1.5}\n.metalac-case .network-dispatch{font-size:13px}\n.metalac-case .network-confirmation strong{font-size:19px}\n.metalac-case .network-bridge{height:30px}\n.metalac-case .network-return{margin-top:16px}}\n@media(prefers-reduced-motion:reduce){.metalac-case .return-track:after{animation:none}}.container:has(> .metalac-case){width:100%;max-width:none;padding:0;margin:0}.container:has(> .metalac-case)>h1{display:none}.metalac-case{overflow:hidden;padding-top:104px}.metalac-case .hero{padding-top:0}.metalac-case .crumb{top:25px}.metalac-case h1,.metalac-case h2,.metalac-case h3{font-family:Archivo,Arial,sans-serif;font-weight:700}.metalac-case .hero h1,.metalac-case .stats h2,.metalac-case .challenge h2,.metalac-case .supplier h2{color:#fff}.metalac-case .section-head h2,.metalac-case .intro h2,.metalac-case .result h2,.metalac-case .closing h2,.metalac-case .seo-grid h2{color:#242424}.metalac-case .network-source strong,.metalac-case .network-hub strong,.metalac-case .network-end strong,.metalac-case .network-heading strong{color:#fff}@media(max-width:700px){.metalac-case{padding-top:80px}.metalac-case .hero{padding-top:0}.metalac-case .crumb{top:20px}}<\/style><main class=\"metalac-case\" id=\"top\"><section class=\"hero\"><div class=\"crumb\"><span ><a href=\"\/sr\/\">Po\u010detna<\/a> \u203a <a href=\"\/sr\/all-references\/#casestudy\">Studije slu\u010daja<\/a> \u203a Metalac Market<\/span><\/div><div class=\"wrap\"><div class=\"hero-inner\"><img decoding=\"async\" class=\"brand\" src=\"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-logo.svg\" alt=\"Metalac Market\"><div class=\"eyebrow\" >Studija slu\u010daja \u00b7 Migracija i order management<\/div><h1 >Nova platforma.<br>Povezane porud\u017ebine.<br>Br\u017ea isporuka.<\/h1><p >Migracija na Magento 2 i Hyv\u00e4, uz Shipper koji povezuje sve Metalac maloprodaje kao eksterne magacine i UPIS ERP u jedinstven tok obrade porud\u017ebina.<\/p><div class=\"hero-meta\"><div><strong>8<\/strong><span >meseci rada na projektu<\/span><\/div><div><strong>2026<\/strong><span >godina lansiranja<\/span><\/div><\/div><\/div><\/div><\/section><div class=\"tech-strip\"><div class=\"wrap\"><span >Povezani sistemi<\/span><strong>Magento 2<\/strong><strong>Shipper OMS<\/strong><strong>UPIS ERP<\/strong><strong >Kurirska slu\u017eba<\/strong><strong >Intesa Banka<\/strong><\/div><\/div><section class=\"section wrap intro\" id=\"project\"><img decoding=\"async\" src=\"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-mobile.png\" alt=\"Metalac Market product photography and mobile campaign\"><div><div class=\"label\" >O projektu<\/div><h2 >Prodavnica je po\u010detak.<br>Order management povezuje sve.<\/h2><p class=\"lead\" >Za Metalac Market realizovali smo osmomese\u010dni projekat migracije sa Enetelove Impoqo platforme na Magento 2 i Hyv\u00e4. U sredi\u0161tu projekta bilo je povezivanje online prodaje sa obradom porud\u017ebina, maloprodajnom mre\u017eom i postoje\u0107im ERP sistemom.<\/p><p class=\"muted\" >Nova prodavnica lansirana je 2026. godine. Shipper, na\u0161 sistem za upravljanje porud\u017ebinama, povezao je prodaju sa UPIS ERP-om i svim Metalac maloprodajama kao eksternim magacinima. Projekat je obuhvatio i kompletnu SEO migraciju i automatizaciju ulistavanja proizvoda eksternih dobavlja\u010da.<\/p><\/div><\/section><section class=\"challenge\"><div class=\"split\"><h2><span >Promena platforme.<br>Kontinuitet poslovanja.<\/span><\/h2><div><div class=\"point\"><h3 >Povezati ceo tok porud\u017ebine<\/h3><p class=\"muted\" >Internet prodavnica, ERP i maloprodaje trebalo je da postanu deo uskla\u0111enog procesa, sa jasno definisanim prioritetima za obradu porud\u017ebina.<\/p><\/div><div class=\"point\"><h3 >Za\u0161tititi organski sadr\u017eaj<\/h3><p class=\"muted\" >Migracija je morala da sa\u010duva vrednost postoje\u0107eg sadr\u017eaja i organski saobra\u0107aj koji je Metalac Market ve\u0107 izgradio.<\/p><\/div><div class=\"point\"><h3 >Olak\u0161ati rad sa \u0161irim asortimanom<\/h3><p class=\"muted\" >Ponudu eksternih dobavlja\u010da trebalo je uklju\u010diti u sistem kroz automatizovano ulistavanje proizvoda.<\/p><\/div><\/div><\/div><\/section><section class=\"section operations\" id=\"orders\"><div class=\"wrap\"><div class=\"section-head\"><div class=\"label\" >Shipper u sredi\u0161tu procesa<\/div><h2 >Sve maloprodaje.<br>Jedan povezan tok porud\u017ebina.<\/h2><p class=\"muted\" >Fizi\u010dka prodajna mre\u017ea Metalca postala je deo infrastrukture za realizaciju online porud\u017ebina.<\/p><\/div><div class=\"operations-layout\"><div class=\"operations-copy\"><h3><span >Mre\u017ea prodavnica kao mre\u017ea magacina<\/span><\/h3><p class=\"muted\" >Sve Metalac maloprodaje povezane su kao eksterni magacini, uz definisane prioritete. Shipper upravlja tokom porud\u017ebina i povezuje online prodaju sa ovom mre\u017eom i UPIS ERP-om.<\/p><p class=\"muted\" >Porud\u017ebina sti\u017ee u Magento, koji je \u0161alje Shipperu. Shipper preko UPIS ERP-a \u0161alje zahtev maloprodajama. One potvr\u0111uju robu i vra\u0107aju odgovor u Shipper, koji zatim automatski \u0161alje zahtev kurirskoj slu\u017ebi za isporuku kupcu.<\/p><div class=\"outcome-line\"><span class=\"mark\">\u2197<\/span><strong >Ubrzana logistika i br\u017ea isporuka robe do kupca.<\/strong><\/div><\/div><div class=\"flow-panel\"><div class=\"network-heading\"><strong >Cela mre\u017ea. Jedan sistem.<\/strong><span class=\"network-live\" >Od porud\u017ebine do isporuke<\/span><\/div><div class=\"network-source order-entry\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><rect x=\"5\" y=\"8\" width=\"38\" height=\"29\" rx=\"3\"\/><path d=\"M5 15h38M16 43h16M24 37v6M12 22h10v8H12M27 22h9M27 27h9\"\/><\/svg><div><strong>Magento 2<\/strong><span >01 \/ Prijem online porud\u017ebine<\/span><\/div><\/div><div class=\"network-bridge\" aria-hidden=\"true\"><\/div><div class=\"network-hub\"><span class=\"hub-icon\" aria-hidden=\"true\">\u03df<\/span><div><strong>Shipper OMS<\/strong><small >02 \/ Porud\u017ebina sti\u017ee iz Magenta<\/small><\/div><\/div><div class=\"network-bridge\" aria-hidden=\"true\"><\/div><div class=\"network-erp\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><ellipse cx=\"24\" cy=\"11\" rx=\"16\" ry=\"6\"\/><path d=\"M8 11v26c0 8 32 8 32 0V11M8 24c0 8 32 8 32 0\"\/><\/svg><div><strong>UPIS ERP<\/strong><span >03 \/ Shipper \u0161alje zahtev maloprodajama preko ERP-a<\/span><\/div><\/div><div class=\"network-bridge\" aria-hidden=\"true\"><\/div><div class=\"network-caption\"><span >Celokupna Metalac maloprodajna mre\u017ea<\/span><small >04 \/ Prodavnice potvr\u0111uju robu i vra\u0107aju odgovor u Shipper<\/small><\/div><div class=\"store-network\" aria-hidden=\"true\"><div class=\"store-node\" style=\"--delay:-0.0s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-1.37s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-2.74s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-4.11s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-5.48s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-6.8500000000000005s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-0.22000000000000064s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-1.5899999999999999s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-2.960000000000001s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-4.330000000000002s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-5.700000000000001s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-7.07s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-0.4400000000000013s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-1.8100000000000023s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-3.1799999999999997s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-4.550000000000001s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-5.920000000000002s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-7.290000000000003s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-0.6600000000000037s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-2.030000000000001s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-3.400000000000002s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-4.770000000000003s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-6.140000000000001s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><div class=\"store-node\" style=\"--delay:-7.510000000000002s\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M8 21v20h32V21M5 21l5-13h28l5 13M5 21c0 7 9 7 9 0 0 7 10 7 10 0 0 7 10 7 10 0 0 7 9 7 9 0M19 41V29h10v12\"\/><\/svg><\/div><\/div><div class=\"network-return\"><span class=\"return-track\" aria-hidden=\"true\"><\/span><div class=\"network-confirmation\"><span class=\"confirm-mark\" aria-hidden=\"true\">\u2713<\/span><div><strong>Shipper OMS<\/strong><small >05 \/ Potvrda robe primljena<\/small><\/div><\/div><\/div><p class=\"network-dispatch\" >Shipper automatski \u0161alje zahtev kurirskoj slu\u017ebi.<\/p><div class=\"network-fulfilment\"><div class=\"network-end\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M4 12h25v23H4V12Zm25 8h9l7 9v6H29M30 20v10h14\"\/><circle cx=\"12\" cy=\"37\" r=\"4\"\/><circle cx=\"37\" cy=\"37\" r=\"4\"\/><\/svg><div><strong >Kurirska slu\u017eba<\/strong><small >06 \/ Preuzimanje i isporuka<\/small><\/div><\/div><div class=\"network-journey\" aria-hidden=\"true\"><\/div><div class=\"network-end\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><circle cx=\"24\" cy=\"14\" r=\"8\"\/><path d=\"M9 43v-8c0-17 30-17 30 0v8\"\/><\/svg><div><strong >Kupac<\/strong><small >Porud\u017ebina na adresi<\/small><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"solutions\" id=\"solution\"><div class=\"word-behind\"><span >Re\u0161enja<\/span><\/div><div class=\"section-head\"><div class=\"label\" >Realizacija<\/div><h2 >Tehnologija povezana oko porud\u017ebine.<\/h2><p class=\"muted\" >Pet delova projekta koji zajedno povezuju korisni\u010dko iskustvo, operacije, sadr\u017eaj i asortiman.<\/p><\/div><div class=\"cards\"><article class=\"card\"><h3 >Shipper OMS<\/h3><p >Centralno upravljanje porud\u017ebinama. Na\u0161 sistem povezuje Magento prodavnicu, UPIS ERP i sve Metalac maloprodaje kao eksterne magacine, uz prioritete koji organizuju obradu i realizaciju.<\/p><img decoding=\"async\" class=\"card-logo\" src=\"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/shipper-symbol.svg\" alt=\"\"><\/article><article class=\"card\"><h3 >Magento 2 + Hyv\u00e4<\/h3><p >Nova eCommerce osnova Metalac Marketa. Magento 2 i Hyv\u00e4 povezuju savremeno iskustvo kupovine na desktop i mobilnim ure\u0111ajima sa sistemima koji podr\u017eavaju svakodnevno poslovanje.<\/p><img decoding=\"async\" class=\"card-logo\" src=\"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/magento-symbol.svg\" alt=\"\"><\/article><article class=\"card\"><h3 >UPIS ERP<\/h3><p >Povezivanje internet prodaje sa postoje\u0107im poslovnim sistemom. UPIS ERP je uklju\u010den u celovit tok porud\u017ebine zajedno sa Magento platformom i Shipper sistemom.<\/p><img decoding=\"async\" class=\"card-logo\" src=\"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/erp-symbol.svg\" alt=\"\"><\/article><article class=\"card\"><h3 >SEO migracija<\/h3><p >Za\u0161tita organskog sadr\u017eaja i kontinuitet saobra\u0107aja bili su deo migracije od po\u010detka projekta. Nova platforma zadr\u017eala je organski saobra\u0107aj, koji nakon lansiranja bele\u017ei konstantan rast.<\/p><span class=\"card-logo text-logo\">SEO<\/span><\/article><article class=\"card\"><h3 >Automatizacija kataloga<\/h3><p >Sistem uklju\u010duje i eksterne dobavlja\u010de, sa automatskim ulistavanjem proizvoda kao klju\u010dnom koristi. Automatizacija pojednostavljuje uklju\u010divanje njihove ponude u online katalog.<\/p><span class=\"card-logo text-logo\">CATALOG<\/span><\/article><\/div><div class=\"arrows\"><button type=\"button\" id=\"prev\" aria-label=\"Previous solution\">\u2190<\/button><button type=\"button\" id=\"next\" aria-label=\"Next solution\">\u2192<\/button><\/div><\/section><section class=\"stats\"><div class=\"wrap\"><h2 >Osam meseci rada.<br>Nova osnova za dalje poslovanje.<\/h2><div class=\"stats-grid\"><div><strong class=\"count\" data-count=\"8\">8<\/strong><span >meseci realizacije projekta<\/span><\/div><div><strong >Sve<\/strong><span >Metalac maloprodaje uklju\u010dene u sistem<\/span><\/div><div><strong class=\"years\">2026<\/strong><span >lansiranje nove platforme<\/span><\/div><\/div><\/div><\/section><section class=\"section seo-section\" id=\"seo\"><div class=\"wrap seo-grid\"><div><div class=\"label\" >Kompletna SEO migracija<\/div><h2 >Nova platforma.<br>Sa\u010duvana organska vrednost.<\/h2><p class=\"muted\" >Prelazak sa Impoqo platforme na Magento 2 obuhvatio je kompletnu SEO migraciju i za\u0161titu postoje\u0107eg organskog sadr\u017eaja. Kontinuitet organske vidljivosti bio je va\u017ean deo projekta, uz razvoj nove prodavnice i povezivanje operativnih sistema.<\/p><p class=\"muted\" >Nakon migracije organski saobra\u0107aj je sa\u010duvan i sada bele\u017ei konstantan rast. Metalac Market je tako dobio novu tehnolo\u0161ku osnovu uz o\u010duvanje vrednosti koju je prethodno izgradio kroz sadr\u017eaj i prisustvo u pretrazi.<\/p><\/div><div class=\"seo-callout\"><div class=\"status\" >Rezultat nakon migracije<\/div><h3 >Sa\u010duvan saobra\u0107aj.<br><span>Kontinuiran rast.<\/span><\/h3><ul class=\"seo-steps\"><li><b>01<\/b><span >Za\u0161ti\u0107en postoje\u0107i organski sadr\u017eaj<\/span><\/li><li><b>02<\/b><span >Sa\u010duvan organski saobra\u0107aj pri migraciji<\/span><\/li><li><b>03<\/b><span >Konstantan rast nakon lansiranja<\/span><\/li><\/ul><\/div><\/div><\/section><section class=\"supplier\"><div class=\"wrap\"><div><div class=\"label\" >Eksterni dobavlja\u010di<\/div><h2 >Automatsko ulistavanje.<br>Jednostavnije \u0161irenje ponude.<\/h2><p class=\"muted\" >Automatizacija sa eksternim dobavlja\u010dima deo je istog eCommerce sistema. Njena klju\u010dna korist je automatsko ulistavanje proizvoda, koje olak\u0161ava uklju\u010divanje dobavlja\u010dke ponude u katalog Metalac Marketa.<\/p><p class=\"muted\" >Time je unapre\u0111en proces pripreme online ponude, uz povezivanje asortimana sa novom prodavnicom i sistemom koji podr\u017eava dalji tok prodaje.<\/p><\/div><div class=\"supplier-visual\"><div class=\"block\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M7 14l17-8 17 8v21l-17 8-17-8V14Zm0 0 17 9 17-9M24 23v20M15 10l17 9v9\"\/><\/svg><strong >Dobavlja\u010di<\/strong><span >Eksterna ponuda<\/span><\/div><div class=\"flow-arrow\" aria-hidden=\"true\">\u2192<\/div><div class=\"block\"><svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><rect x=\"5\" y=\"8\" width=\"38\" height=\"29\" rx=\"3\"\/><path d=\"M5 15h38M16 43h16M24 37v6M12 22h10v8H12M27 22h9M27 27h9\"\/><\/svg><strong >Online katalog<\/strong><span >Metalac Market<\/span><\/div><div class=\"supplier-benefit\" >Automatizovano ulistavanje proizvoda<\/div><\/div><\/div><\/section><section class=\"section wrap result\" id=\"result\"><div><div class=\"label\" >Rezultat projekta<\/div><h2 >Povezane operacije.<br>Br\u017ei put do kupca.<\/h2><p class=\"muted\" >Lansiranjem nove platforme 2026. godine, Metalac Market je dobio povezano eCommerce okru\u017eenje u kome order management ima centralnu ulogu.<\/p><ul><li >Ubrzana logistika i isporuka robe do kupca<\/li><li >Sve maloprodaje povezane kao eksterni magacini po prioritetima<\/li><li >Magento 2 i Hyv\u00e4 povezani sa Shipperom i UPIS ERP-om<\/li><li >Sa\u010duvan organski saobra\u0107aj, uz konstantan dalji rast<\/li><li >Automatizovano ulistavanje proizvoda eksternih dobavlja\u010da<\/li><\/ul><\/div><img decoding=\"async\" src=\"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-desktop.png\" alt=\"Metalac Market desktop campaign and mobile product page\"><\/section><section class=\"closing\"><div class=\"wrap\"><div class=\"label\" >Metalac Market \u00d7 Smart Web<\/div><h2 >Od migracije platforme<br>do povezanog order managementa.<\/h2><p class=\"muted\" >Osam meseci rada na platformi, sadr\u017eaju i operacijama. Jedan projekat koji povezuje online prodavnicu sa stvarnim tokom poslovanja.<\/p><a class=\"outline\" href=\"https:\/\/www.market.metalac.com\/\" target=\"_blank\" rel=\"noopener\">Posetite Metalac Market<\/a><\/div><\/section><\/main><style>\n.sw-project-cta{box-sizing:border-box;width:85%;max-width:1440px;margin:70px auto 90px;padding:48px 52px;border:1px solid #fff;border-radius:28px;background:linear-gradient(135deg,#fff,#ededed);box-shadow:0 14px 35px #00000006;display:flex;align-items:center;justify-content:space-between;gap:34px;font-family:Archivo,Arial,sans-serif}.sw-project-cta .sw-cta-copy{max-width:590px}.sw-project-cta h2{font-family:Archivo,Arial,sans-serif;font-size:32px;line-height:1.2;font-weight:700;color:#242424;margin:0 0 14px}.sw-project-cta p{font-family:Archivo,Arial,sans-serif;font-size:17px;line-height:1.6;font-weight:400;color:#777;margin:0}.sw-project-cta .sw-cta-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex-shrink:0;max-width:540px}.sw-project-cta a.sw-cta-primary,.sw-project-cta a.sw-cta-secondary{box-sizing:border-box;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:17px 26px;border:1px solid #ff3f0a;border-radius:999px;font-size:17px;line-height:1.25;font-weight:700;min-height:56px;transition:background .2s,color .2s,transform .2s;white-space:nowrap}.sw-project-cta a.sw-cta-primary{color:#fff;background:linear-gradient(110deg,#ff490d,#db2d00)}.sw-project-cta a.sw-cta-secondary{color:#242424;background:transparent;border-color:#bbb;font-weight:500}.sw-project-cta a:hover{transform:translateY(-2px)}.sw-project-cta a.sw-cta-primary:hover{background:#d52e00}.sw-project-cta a:focus-visible{outline:3px solid #242424;outline-offset:4px}.sw-project-cta .sw-cta-secondary[hidden]{display:none}.sw-project-cta a span[aria-hidden]{font-size:22px;line-height:1}.sw-original-visit{display:none!important}\n@media(max-width:1200px){.sw-project-cta{display:block;padding:40px}.sw-project-cta .sw-cta-actions{justify-content:flex-start;margin-top:28px;max-width:none}}\n@media(max-width:700px){.sw-project-cta{width:90%;margin:45px auto 60px;padding:30px 24px;border-radius:22px}.sw-project-cta h2{font-size:27px}.sw-project-cta p{font-size:16px}.sw-project-cta .sw-cta-actions{display:grid;grid-template-columns:1fr;gap:12px}.sw-project-cta a.sw-cta-primary,.sw-project-cta a.sw-cta-secondary{font-size:16px;padding:15px 20px;white-space:normal}}\n@media(prefers-reduced-motion:reduce){.sw-project-cta a{transition:none}}\n<\/style>\n<section class=\"sw-project-cta\" aria-labelledby=\"sw-project-cta-title\">\n    <div class=\"sw-cta-copy\">\n        <h2 id=\"sw-project-cta-title\"><span data-cta-en=\"Interested in a solution like this?\">Zanima vas ovakvo re\u0161enje?<\/span><\/h2>\n        <p><span data-cta-en=\"Explore our online store development options and find the right solution for your business.\">Pogledajte mogu\u0107nosti izrade internet prodavnice i prona\u0111ite re\u0161enje za svoje poslovanje.<\/span><\/p>\n    <\/div>\n    <div class=\"sw-cta-actions\">\n        <a class=\"sw-cta-primary\" href=\"https:\/\/smartweb.rs\/sr\/izrada-internet-prodavnice\/\"><span data-cta-en=\"Explore solutions and pricing\">Pogledajte re\u0161enja i cene<\/span> <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <a class=\"sw-cta-secondary\" hidden rel=\"noopener\" target=\"_blank\"><span data-cta-en=\"Visit the website\">Posetite sajt<\/span> <span aria-hidden=\"true\">\u2197<\/span><\/a>\n    <\/div>\n<\/section>\n<script>\n(function(){\n  var box=document.querySelector('.sw-project-cta');\n  if(!box)return;\n  if(document.documentElement.lang.toLowerCase().indexOf('en')===0)box.querySelectorAll('[data-cta-en]').forEach(function(el){el.textContent=el.dataset.ctaEn;});\n  var links=Array.from(document.querySelectorAll('a[href]')).filter(function(a){\n    if(a.closest('footer,.sw-project-cta,header,nav'))return false;\n    var u;try{u=new URL(a.href);}catch(e){return false;}\n    return \/^https?:$\/.test(u.protocol)&&u.hostname!==location.hostname&&\/poset|istra\u017e|visit|explor|website|sajt\/i.test(a.textContent);\n  });\n  var source=links[links.length-1];\n  if(source){var secondary=box.querySelector('.sw-cta-secondary');secondary.href=source.href;secondary.hidden=false;\n    if(source.closest('.closing,.cs-study-section-7-text'))source.classList.add('sw-original-visit');\n  }\n})();\n<\/script>\n\n\n<script>(function(){const root=document.querySelector(\".metalac-case\");if(!root)return;const reduced=matchMedia('(prefers-reduced-motion: reduce)').matches;\nroot.querySelectorAll('.intro>*,.section-head,.operations-copy,.flow-panel,.seo-grid>*,.result>div,.closing>.wrap,.supplier .wrap>div').forEach(e=>e.classList.add('reveal'));\nconst observer=new IntersectionObserver(entries=>entries.forEach(({target,isIntersecting})=>{if(isIntersecting){target.classList.add('visible');observer.unobserve(target)}}),{threshold:.1});root.querySelectorAll('.reveal').forEach(e=>observer.observe(e));\nconst track=root.querySelector('.cards');root.querySelector('#prev').onclick=()=>track.scrollBy({left:-track.querySelector('.card').offsetWidth-18,behavior:reduced?'instant':'smooth'});root.querySelector('#next').onclick=()=>track.scrollBy({left:track.querySelector('.card').offsetWidth+18,behavior:reduced?'instant':'smooth'});\nconst counters=new IntersectionObserver(entries=>entries.forEach(({target,isIntersecting})=>{if(!isIntersecting)return;counters.unobserve(target);if(reduced)return;const end=+target.dataset.count,start=performance.now();function frame(now){let p=Math.min((now-start)\/1100,1);target.textContent=Math.round(end*(1-Math.pow(1-p,3)));if(p<1)requestAnimationFrame(frame)}requestAnimationFrame(frame)}),{threshold:.9});root.querySelectorAll('.count').forEach(e=>counters.observe(e));\n})();<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Po\u010detna \u203a Studije slu\u010daja \u203a Metalac Market Studija slu\u010daja \u00b7 Migracija i order management Nova platforma.Povezane porud\u017ebine.Br\u017ea isporuka. Migracija na Magento 2 i Hyv\u00e4, uz [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-9487","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Metalac Market: migracija i order management - Smart Web<\/title>\n<meta name=\"description\" content=\"Magento 2 i Hyv\u00e4 migracija, Shipper i UPIS ERP. Sve maloprodaje povezane kao magacini, br\u017ea isporuka i o\u010duvan organski saobra\u0107aj.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Metalac Market: migracija i order management - Smart Web\" \/>\n<meta property=\"og:description\" content=\"Magento 2 i Hyv\u00e4 migracija, Shipper i UPIS ERP. Sve maloprodaje povezane kao magacini, br\u017ea isporuka i o\u010duvan organski saobra\u0107aj.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Web\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-31T23:48:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-logo.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/\",\"url\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/\",\"name\":\"Metalac Market: migracija i order management - Smart Web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/smartweb.rs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/metalac-logo.svg\",\"datePublished\":\"2026-10-31T23:37:51+00:00\",\"dateModified\":\"2026-10-31T23:48:54+00:00\",\"description\":\"Magento 2 i Hyv\u00e4 migracija, Shipper i UPIS ERP. Sve maloprodaje povezane kao magacini, br\u017ea isporuka i o\u010duvan organski saobra\u0107aj.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/#breadcrumb\"},\"inLanguage\":\"sr-RS\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/#primaryimage\",\"url\":\"https:\\\/\\\/smartweb.rs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/metalac-logo.svg\",\"contentUrl\":\"https:\\\/\\\/smartweb.rs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/metalac-logo.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/case-study-metalac-market\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Metalac Market: migracija i order management\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/#website\",\"url\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/\",\"name\":\"Smart Web\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smartweb.rs\\\/sr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sr-RS\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Metalac Market: migracija i order management - Smart Web","description":"Magento 2 i Hyv\u00e4 migracija, Shipper i UPIS ERP. Sve maloprodaje povezane kao magacini, br\u017ea isporuka i o\u010duvan organski saobra\u0107aj.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/","og_locale":"sr_RS","og_type":"article","og_title":"Metalac Market: migracija i order management - Smart Web","og_description":"Magento 2 i Hyv\u00e4 migracija, Shipper i UPIS ERP. Sve maloprodaje povezane kao magacini, br\u017ea isporuka i o\u010duvan organski saobra\u0107aj.","og_url":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/","og_site_name":"Smart Web","article_modified_time":"2026-10-31T23:48:54+00:00","og_image":[{"url":"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-logo.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"6 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/","url":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/","name":"Metalac Market: migracija i order management - Smart Web","isPartOf":{"@id":"https:\/\/smartweb.rs\/sr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/#primaryimage"},"image":{"@id":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/#primaryimage"},"thumbnailUrl":"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-logo.svg","datePublished":"2026-10-31T23:37:51+00:00","dateModified":"2026-10-31T23:48:54+00:00","description":"Magento 2 i Hyv\u00e4 migracija, Shipper i UPIS ERP. Sve maloprodaje povezane kao magacini, br\u017ea isporuka i o\u010duvan organski saobra\u0107aj.","breadcrumb":{"@id":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/"]}]},{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/#primaryimage","url":"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-logo.svg","contentUrl":"https:\/\/smartweb.rs\/wp-content\/uploads\/2026\/10\/metalac-logo.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/smartweb.rs\/sr\/case-study-metalac-market\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smartweb.rs\/sr\/"},{"@type":"ListItem","position":2,"name":"Metalac Market: migracija i order management"}]},{"@type":"WebSite","@id":"https:\/\/smartweb.rs\/sr\/#website","url":"https:\/\/smartweb.rs\/sr\/","name":"Smart Web","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smartweb.rs\/sr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"}]}},"_links":{"self":[{"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/pages\/9487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/comments?post=9487"}],"version-history":[{"count":3,"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/pages\/9487\/revisions"}],"predecessor-version":[{"id":9512,"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/pages\/9487\/revisions\/9512"}],"wp:attachment":[{"href":"https:\/\/smartweb.rs\/sr\/wp-json\/wp\/v2\/media?parent=9487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}