{"id":9498,"date":"2026-10-31T23:37:51","date_gmt":"2026-10-31T23:37:51","guid":{"rendered":"https:\/\/smartweb.rs\/?page_id=9498"},"modified":"2026-10-31T23:48:42","modified_gmt":"2026-10-31T23:48:42","slug":"case-study-metalac-market","status":"publish","type":"page","link":"https:\/\/smartweb.rs\/en\/case-study-metalac-market\/","title":{"rendered":"Metalac Market: migration and 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=\"\/\">Home<\/a> \u203a <a href=\"https:\/\/smartweb.rs\/all-references\/#casestudy\">Case studies<\/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\" >Case study \u00b7 Migration and order management<\/div><h1 >A new platform.<br>Connected orders.<br>Faster delivery.<\/h1><p >Migration to Magento 2 and Hyv\u00e4, with Shipper connecting all Metalac retail stores as external warehouses and UPIS ERP in one order management workflow.<\/p><div class=\"hero-meta\"><div><strong>8<\/strong><span >months of project delivery<\/span><\/div><div><strong>2026<\/strong><span >launch year<\/span><\/div><\/div><\/div><\/div><\/section><div class=\"tech-strip\"><div class=\"wrap\"><span >Connected systems<\/span><strong>Magento 2<\/strong><strong>Shipper OMS<\/strong><strong>UPIS ERP<\/strong><strong >Courier service<\/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\" >About the project<\/div><h2 >The store is the starting point.<br>Order management connects it all.<\/h2><p class=\"lead\" >For Metalac Market, we delivered an eight-month migration from Enetel\u2019s Impoqo platform to Magento 2 and Hyv\u00e4. At the heart of the project was connecting online sales with order processing, the retail network and the existing ERP system.<\/p><p class=\"muted\" >The new store launched in 2026. Shipper, our order management system, connected online sales with UPIS ERP and all Metalac retail stores as external warehouses. The project also included a complete SEO migration and automated product listing for external suppliers.<\/p><\/div><\/section><section class=\"challenge\"><div class=\"split\"><h2><span >A platform change.<br>Business continuity.<\/span><\/h2><div><div class=\"point\"><h3 >Connect the complete order flow<\/h3><p class=\"muted\" >The online store, ERP and retail locations needed to become part of a coordinated process, with clearly defined priorities for order processing.<\/p><\/div><div class=\"point\"><h3 >Protect organic content<\/h3><p class=\"muted\" >The migration needed to preserve the value of existing content and the organic traffic Metalac Market had already built.<\/p><\/div><div class=\"point\"><h3 >Support a broader product range<\/h3><p class=\"muted\" >External suppliers\u2019 offerings needed to enter the system through automated product listing.<\/p><\/div><\/div><\/div><\/section><section class=\"section operations\" id=\"orders\"><div class=\"wrap\"><div class=\"section-head\"><div class=\"label\" >Shipper at the heart of the process<\/div><h2 >Every retail store.<br>One connected order flow.<\/h2><p class=\"muted\" >Metalac\u2019s physical retail network became part of the infrastructure for fulfilling online orders.<\/p><\/div><div class=\"operations-layout\"><div class=\"operations-copy\"><h3><span >A store network that also serves as a warehouse network<\/span><\/h3><p class=\"muted\" >All Metalac retail stores are connected as external warehouses, with defined priorities. Shipper manages the order flow and connects online sales with this network and UPIS ERP.<\/p><p class=\"muted\" >The order arrives in Magento and is sent to Shipper. Shipper sends a request to retail stores through UPIS ERP. The stores confirm the goods and return their response to Shipper, which then automatically sends the request to the courier for delivery to the customer.<\/p><div class=\"outcome-line\"><span class=\"mark\">\u2197<\/span><strong >Faster logistics and shorter delivery times for customers.<\/strong><\/div><\/div><div class=\"flow-panel\"><div class=\"network-heading\"><strong >The entire network. One system.<\/strong><span class=\"network-live\" >From order to delivery<\/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 \/ Online order received<\/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 \/ Order received from Magento<\/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 sends a request to stores through the ERP<\/span><\/div><\/div><div class=\"network-bridge\" aria-hidden=\"true\"><\/div><div class=\"network-caption\"><span >The entire Metalac retail network<\/span><small >04 \/ Stores confirm the goods and return a response to 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 \/ Goods confirmation received<\/small><\/div><\/div><\/div><p class=\"network-dispatch\" >Shipper automatically sends the request to the courier.<\/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 >Courier service<\/strong><small >06 \/ Collection and delivery<\/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 >Customer<\/strong><small >Order delivered<\/small><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"solutions\" id=\"solution\"><div class=\"word-behind\"><span >Solutions<\/span><\/div><div class=\"section-head\"><div class=\"label\" >Delivery<\/div><h2 >Technology organized around the order.<\/h2><p class=\"muted\" >Five parts of the project connecting the shopping experience, operations, content and product range.<\/p><\/div><div class=\"cards\"><article class=\"card\"><h3 >Shipper OMS<\/h3><p >Centralized order management. Our system connects the Magento store, UPIS ERP and all Metalac retail stores as external warehouses, with priorities that organize processing and fulfilment.<\/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 >A new eCommerce foundation for Metalac Market. Magento 2 and Hyv\u00e4 connect a modern desktop and mobile shopping experience with the systems supporting everyday operations.<\/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 >Connecting online sales with the existing business system. UPIS ERP is part of the complete order workflow alongside the Magento platform and Shipper.<\/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 migration<\/h3><p >Protecting organic content and traffic continuity were part of the migration from the outset. The new platform retained organic traffic, which has been growing steadily since launch.<\/p><span class=\"card-logo text-logo\">SEO<\/span><\/article><article class=\"card\"><h3 >Catalogue automation<\/h3><p >The system also includes external suppliers, with automatic product listing as a key benefit. Automation simplifies bringing their offerings into the online catalogue.<\/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 >Eight months of work.<br>A new foundation for the business.<\/h2><div class=\"stats-grid\"><div><strong class=\"count\" data-count=\"8\">8<\/strong><span >months of project delivery<\/span><\/div><div><strong >All<\/strong><span >Metalac retail stores connected to the system<\/span><\/div><div><strong class=\"years\">2026<\/strong><span >launch of the new platform<\/span><\/div><\/div><\/div><\/section><section class=\"section seo-section\" id=\"seo\"><div class=\"wrap seo-grid\"><div><div class=\"label\" >Complete SEO migration<\/div><h2 >A new platform.<br>Organic value preserved.<\/h2><p class=\"muted\" >Moving from Impoqo to Magento 2 included a complete SEO migration and protection of existing organic content. Maintaining organic visibility was an important part of the project alongside the new storefront and operational integrations.<\/p><p class=\"muted\" >Organic traffic was preserved through the migration and is now growing steadily. Metalac Market gained a new technology foundation while retaining the value built through its content and search presence.<\/p><\/div><div class=\"seo-callout\"><div class=\"status\" >Post-migration outcome<\/div><h3 >Traffic preserved.<br><span>Continued growth.<\/span><\/h3><ul class=\"seo-steps\"><li><b>01<\/b><span >Existing organic content protected<\/span><\/li><li><b>02<\/b><span >Organic traffic retained through migration<\/span><\/li><li><b>03<\/b><span >Steady growth following launch<\/span><\/li><\/ul><\/div><\/div><\/section><section class=\"supplier\"><div class=\"wrap\"><div><div class=\"label\" >External suppliers<\/div><h2 >Automatic product listing.<br>A simpler way to expand the range.<\/h2><p class=\"muted\" >Automation with external suppliers is part of the same eCommerce system. Its key benefit is automatic product listing, making it easier to bring suppliers\u2019 offerings into the Metalac Market catalogue.<\/p><p class=\"muted\" >This improves the process of preparing the online offering, connecting the product range with the new storefront and the system supporting the subsequent sales workflow.<\/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 >Suppliers<\/strong><span >External product offering<\/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 catalogue<\/strong><span >Metalac Market<\/span><\/div><div class=\"supplier-benefit\" >Automated product listing<\/div><\/div><\/div><\/section><section class=\"section wrap result\" id=\"result\"><div><div class=\"label\" >Project outcome<\/div><h2 >Connected operations.<br>A faster path to the customer.<\/h2><p class=\"muted\" >With the launch of the new platform in 2026, Metalac Market gained a connected eCommerce environment with order management at its core.<\/p><ul><li >Faster logistics and delivery to the customer<\/li><li >All retail stores connected as external warehouses with defined priorities<\/li><li >Magento 2 and Hyv\u00e4 connected with Shipper and UPIS ERP<\/li><li >Organic traffic preserved, with continued steady growth<\/li><li >Automated listing of external suppliers\u2019 products<\/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 >From a platform migration<br>to connected order management.<\/h2><p class=\"muted\" >Eight months of work across platform, content and operations. One project connecting the online store with the way the business works.<\/p><a class=\"outline\" href=\"https:\/\/www.market.metalac.com\/\" target=\"_blank\" rel=\"noopener\">Visit 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>Home \u203a Case studies \u203a Metalac Market Case study \u00b7 Migration and order management A new platform.Connected orders.Faster delivery. Migration to Magento 2 and Hyv\u00e4, [&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-9498","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: migration and order management - Smart Web<\/title>\n<meta name=\"description\" content=\"Magento 2 and Hyv\u00e4 migration with Shipper and UPIS ERP. Connected retail warehouses, faster delivery and organic traffic preserved.\" \/>\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\/en\/case-study-metalac-market\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Metalac Market: migration and order management - Smart Web\" \/>\n<meta property=\"og:description\" content=\"Magento 2 and Hyv\u00e4 migration with Shipper and UPIS ERP. Connected retail warehouses, faster delivery and organic traffic preserved.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smartweb.rs\/en\/case-study-metalac-market\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Web\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-31T23:48:42+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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/case-study-metalac-market\\\/\",\"url\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/case-study-metalac-market\\\/\",\"name\":\"Metalac Market: migration and order management - Smart Web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/case-study-metalac-market\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/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:42+00:00\",\"description\":\"Magento 2 and Hyv\u00e4 migration with Shipper and UPIS ERP. Connected retail warehouses, faster delivery and organic traffic preserved.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/case-study-metalac-market\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smartweb.rs\\\/en\\\/case-study-metalac-market\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/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\\\/en\\\/case-study-metalac-market\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Metalac Market: migration and order management\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/\",\"name\":\"Smart Web\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smartweb.rs\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Metalac Market: migration and order management - Smart Web","description":"Magento 2 and Hyv\u00e4 migration with Shipper and UPIS ERP. Connected retail warehouses, faster delivery and organic traffic preserved.","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\/en\/case-study-metalac-market\/","og_locale":"en_US","og_type":"article","og_title":"Metalac Market: migration and order management - Smart Web","og_description":"Magento 2 and Hyv\u00e4 migration with Shipper and UPIS ERP. Connected retail warehouses, faster delivery and organic traffic preserved.","og_url":"https:\/\/smartweb.rs\/en\/case-study-metalac-market\/","og_site_name":"Smart Web","article_modified_time":"2026-10-31T23:48:42+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":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smartweb.rs\/en\/case-study-metalac-market\/","url":"https:\/\/smartweb.rs\/en\/case-study-metalac-market\/","name":"Metalac Market: migration and order management - Smart Web","isPartOf":{"@id":"https:\/\/smartweb.rs\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smartweb.rs\/en\/case-study-metalac-market\/#primaryimage"},"image":{"@id":"https:\/\/smartweb.rs\/en\/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:42+00:00","description":"Magento 2 and Hyv\u00e4 migration with Shipper and UPIS ERP. Connected retail warehouses, faster delivery and organic traffic preserved.","breadcrumb":{"@id":"https:\/\/smartweb.rs\/en\/case-study-metalac-market\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smartweb.rs\/en\/case-study-metalac-market\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smartweb.rs\/en\/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\/en\/case-study-metalac-market\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smartweb.rs\/en\/"},{"@type":"ListItem","position":2,"name":"Metalac Market: migration and order management"}]},{"@type":"WebSite","@id":"https:\/\/smartweb.rs\/en\/#website","url":"https:\/\/smartweb.rs\/en\/","name":"Smart Web","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smartweb.rs\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/pages\/9498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/comments?post=9498"}],"version-history":[{"count":4,"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/pages\/9498\/revisions"}],"predecessor-version":[{"id":9514,"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/pages\/9498\/revisions\/9514"}],"wp:attachment":[{"href":"https:\/\/smartweb.rs\/en\/wp-json\/wp\/v2\/media?parent=9498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}