1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[377],{5621:function(e,s,t){t.d(s,{a:function(){return o}});var i=t(7437),n=t(573),r=t(1686),a=t(5400);let o=e=>{let{list:s,$columns:t,dot:o,$color:l="sand",$direction:d}=e;return(0,i.jsx)(n.C,{$columns:t,$direction:d,children:s.map((e,s)=>(0,i.jsxs)("li",{children:[o&&(0,i.jsx)(a.Ae,{$color:l,$size:"small"}),e.href?(0,i.jsx)(r.r,{href:e.href,$hoverColor:"orangeOnBlack",$focusColor:l,$color:l,children:e.title}):e.title]},s))})}},573:function(e,s,t){t.d(s,{C:function(){return r}});var i=t(982),n=t(9183);let r=n.ZP.ul.withConfig({componentId:"sc-8ec79c9f-0"})(["display:flex;flex-direction:",";flex-wrap:wrap;row-gap:",";width:100%;@media ","{flex-direction:column;row-gap:",";"," ","}@media ","{flex-direction:row;row-gap:",";}li{color:",";font-size:",";width:50%;display:flex;gap:",";align-items:center;line-height:110%;"," @media ","{width:100%;}}"],e=>{let{$direction:s}=e;return s||"row"},i.W0["desk-2xs"],i.mq.tablet,i.W0["desk-xs"],e=>{let{$columns:s}=e;return 3===s&&(0,n.iv)(["flex-direction:row;column-gap:",";"],i.W0["desk-xs"])},e=>{let{$columns:s}=e;return 1===s&&(0,n.iv)(["flex-direction:row;column-gap:",";"],i.W0["desk-xs"])},i.mq.mobile,i.W0["desk-2xs"],i.O9.sand,i.cp.sizes["desk-18"],i.W0["desk-3xs"],e=>{let{$columns:s}=e;return 3===s?(0,n.iv)(["width:33%;@media ","{width:calc(50% - 1.6rem);}"],i.mq.tablet):1===s?(0,n.iv)(["width:100%;@media ","{width:calc(50% - 1.6rem);}"],i.mq.tablet):void 0},i.mq.mobileSmall)},7207:function(e,s,t){t.d(s,{Y:function(){return d}});var i=t(7437),n=t(1274),r=t(2265),a=t(4501),o=t(7476),l=t(2109);let d=e=>{let{$color:s,children:t,$width:d}=e,A=(0,r.useRef)(null),c=(0,a.J)(),m=(0,o.Y)(A,{margin:c?"0px":"0px 0px -100px 0px",once:!0});return(0,i.jsxs)(n.p,{$color:s,ref:A,$width:d,children:[t,(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 157 74","aria-hidden":"true",children:(0,i.jsx)(l.E.path,{d:"M78.6882 19.8738c-45.3909-2.0477-80.89444 12-77.45831 26.5631C4.66602 61 35.9092 73 78.6882 73c42.7788 0 76.5468-4.1942 77.4588-26.5631C157.058 24.068 124.506 5.47145 100.103 1",initial:{strokeDashoffset:c?0:c?0:1e3},animate:{strokeDashoffset:m?0:c?0:1e3},transition:{duration:4,ease:[0,.77,.99,.7],delay:.3}})})]})}},1274:function(e,s,t){t.d(s,{p:function(){return r}});var i=t(982),n=t(9183);let r=n.ZP.div.withConfig({componentId:"sc-73bb9651-0"})(["width:max-content;position:relative;display:flex;justify-content:center;align-items:center;translate:25% 0;@media ","{margin-left:1.2rem;}& > *:first-child{translate:0 25%;}a{z-index:1;}svg{position:absolute;"," path{stroke-dasharray:1000;","}}"],i.mq.mobile,e=>{let{$width:s}=e;return s?(0,n.iv)(["width:","%;"],s):(0,n.iv)(["width:200%;"])},e=>{let{$color:s}=e;return(0,n.iv)(["stroke:",";"],i.O9[s])})},7636:function(e,s,t){t.d(s,{N:function(){return l}});var i=t(7437),n=t(2265),r=t(2109);let a=(0,t(9183).ZP)(r.E.div).withConfig({componentId:"sc-d5b070d7-0"})([""]);var o=t(7476);let l=e=>{let{children:s,direction:t,distance:r,margin:l}=e,d=(0,n.useRef)(null),A=r||32,c=(0,o.Y)(d,{once:!0,margin:l||"-15%"});return(0,i.jsx)(a,{ref:d,animate:{y:c?0:"up"===t?-A:A,opacity:c?1:0},transition:{y:{duration:.4,ease:"easeOut"},opacity:{duration:.2,ease:"linear"}},children:s})}},5400:function(e,s,t){t.d(s,{Ae:function(){return a},Eh:function(){return l},FX:function(){return r},Gz:function(){return o}});var i=t(982),n=t(9183);let r=n.ZP.a.withConfig({componentId:"sc-6ab40697-0"})(["display:flex;flex-direction:column;justify-content:space-between;",""],e=>{let{$accentColor:s,$elementWidth:t}=e;return s&&(0,n.iv)(["&:hover{.title-hover,.text-hover{color:",";transition:color 0.5s ease-in-out;}","{max-width:1000px;transition:max-width 0.8s ease-in-out;&:before{transition:background-color 0.1s ease-in-out,transform 0.5s ease-in-out;background-color:",";transform:translateY(-50%) translateX(calc("," - 10.5px)) rotate(-35deg);opacity:1;}&:after{transition:background-color 0.1s ease-in-out,transform 0.5s ease-in-out;background-color:",";transform:translateY(-50%) translateX(calc("," - 10.5px)) rotate(35deg);opacity:1;}}}"],i.O9[s],l,i.O9[s],"".concat(t,"px"),i.O9[s],"".concat(t,"px"))}),a=n.ZP.div.withConfig({componentId:"sc-6ab40697-1"})(["width:",";height:",";background:",";"],e=>(e.$size,"8px"),e=>(e.$size,"8px"),e=>e.$color?i.O9[e.$color]:i.O9.yellowOnBlack),o=n.ZP.div.withConfig({componentId:"sc-6ab40697-2"})(["width:100%;height:1px;background-color:grey;position:relative;z-index:1;"]),l=n.ZP.div.withConfig({componentId:"sc-6ab40697-3"})(["max-width:0;height:1px;background-color:",";transition:max-width 0.3s ease-in-out;&:before,&:after{content:'';width:11px;height:1px;background-color:grey;position:absolute;}&:before{bottom:-4px;transform:translateY(-50%) translateX(0) rotate(-35deg);opacity:0;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out;}&:after{top:-3px;transform:translateY(50%) translateX(0) rotate(35deg);opacity:0;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out;}"],e=>{let{$accentColor:s}=e;return s&&"".concat(i.O9[s])})},2329:function(e,s,t){t.d(s,{V:function(){return o}});var i=t(7437),n=t(982),r=t(9183);let a=r.ZP.header.withConfig({componentId:"sc-22ae2a16-0"})(["min-height:",";align-content:flex-end;h1{}p{margin-bottom:1rem;}@media ","{align-content:start;min-height:unset;}",""],e=>{let{$disableHeight:s}=e;return s?"unset":"65vh"},n.mq.tablet,e=>{let{$theme:s}=e;return"dark"===s&&(0,r.iv)(["svg{path{fill:",";}}"],n.O9.white)}),o=e=>{let{children:s,$disableHeight:t,theme:n}=e;
1return(0,i.jsxs)(a,{$disableHeight:t,$theme:n,children:[" ",s]})}},5440:function(e,s,t){t.d(s,{E:function(){return r}});var i=t(7437),n=t(7413);let r=e=>{let{src:s,alt:t,priority:r,$aspectRatio:a,sizes:o,$fill:l,$position:d,loading:A}=e;return(0,i.jsx)(n.m,{$fill:!!l,$aspectratio:a,children:(0,i.jsx)(n.I,{width:l?void 0:0,height:l?void 0:0,sizes:o||"100vw",src:s,alt:t,priority:r,loading:null!=A?A:"lazy",$aspectratio:a,fill:!!l,$position:d})})}},7413:function(e,s,t){t.d(s,{I:function(){return a},m:function(){return r}});var i=t(6648),n=t(9183);let r=n.ZP.div.withConfig({componentId:"sc-6addf012-0"})(["",""],e=>(0,n.iv)(["position:relative;width:100%;height:100%;"])),a=(0,n.ZP)(i.default).withConfig({componentId:"sc-6addf012-1"})(["width:100%;height:auto;aspect-ratio:",";object-fit:cover;object-position:",";"],e=>{let{$aspectratio:s}=e;return s||""},e=>{let{$position:s}=e;return s||"center"})},2:function(e,s,t){t.d(s,{z:function(){return c}});var i=t(7437),n=t(6880),r=t(982),a=t(9183);let o=a.ZP.figure.withConfig({componentId:"sc-3d8c7b87-0"})(["position:relative;margin:0;"]),l=a.ZP.div.withConfig({componentId:"sc-3d8c7b87-1"})(["z-index:1;position:absolute;left:",";top:",";width:20%;max-width:16rem;min-width:8rem;@media ","{left:",";top:",";}@media ","{left:",";top:",";}","{width:100%;}",""],r.W0["desk-l"],r.W0["desk-l"],r.mq.tablet,r.W0["mob-xs"],r.W0["mob-xs"],r.mq.mobile,r.W0["mob-3xs"],r.W0["mob-3xs"],n.Z9,e=>{let{$color:s}=e;return s&&(0,a.iv)(["svg{path{fill:",";}}"],r.O9[s])}),d=a.ZP.figcaption.withConfig({componentId:"sc-3d8c7b87-2"})(["color:",";font-size:",";font-weight:",";margin-top:",";@media ","{font-size:",";}"],r.O9.sand,r.cp.sizes["desk-20"],r.cp.weights["light-normal"],r.W0["desk-xs"],r.mq.tablet,r.cp.sizes["mob-16"]);var A=t(4774);let c=e=>{let{svg:s,$svgColor:t,caption:n,children:r}=e;return(0,i.jsxs)(o,{children:[s&&(0,i.jsx)(l,{$color:t,children:(0,i.jsx)(A.n,{type:s})}),r,n&&(0,i.jsx)(d,{children:n})]})}},4505:function(e,s,t){t.d(s,{$:function(){return r}});var i=t(7437),n=t(3630);let r=e=>{let{children:s,$color:t,$height:r,$name:a,$responsive:o}=e;return(0,i.jsx)(n.P,{$color:t,$height:r,id:a||void 0,$responsive:o,children:s})}},3630:function(e,s,t){t.d(s,{P:function(){return r}});var i=t(982),n=t(9183);let r=n.ZP.section.withConfig({componentId:"sc-555b63bb-0"})([""," "," ",""],e=>{let{$color:s}=e;return s&&(0,n.iv)(["background-color:",";"],i.O9[s])},e=>{let{$height:s}=e;return s&&(0,n.iv)(["height:",";"],s)},e=>{let{$responsive:s}=e;if(!s)return;let t=[];return Object.keys(s).forEach(e=>{var n,r;let a=null===(n=s[e])||void 0===n?void 0:n.$height,o=null===(r=s[e])||void 0===r?void 0:r.$color,l=o?i.O9[o]:null,d="\n @media ".concat(i.mq[e]," {\n ").concat(a&&"height: ".concat(a,";"),"\n ").concat(l&&"backhround-color: ".concat(l,";"),"\n }\n ");t.push(d)}),(0,n.iv)(["",""],t.join("\n"))})},6104:function(e,s,t){t.d(s,{Byon:function(){return x}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(41),d=t(5668),A=t(2595),c=t(2173),m=t(5621),h=t(1686),p=t(2329),b=t(2),g=t(4252),$=t(7636),u=t(8087);let x=()=>{let e=(0,u.useLocale)();return(0,i.jsx)(A.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(l.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(p.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(o.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"A design-driven "}),(0,i.jsx)("br",{}),"e-commerce with Sagaform",(0,i.jsx)("br",{})," at its core"]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"En designdriven "}),(0,i.jsx)("br",{}),"e-handel med Sagaform",(0,i.jsx)("br",{})," i grunden"]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(b.z,{svg:"byondesign",children:(0,i.jsx)(g.b,{mediaUrl:"/videos/cases/byon/byon_full-case_horizontal.mp4"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(l.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"en"===e?"Technology behind":"Tekniken bakom"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:[{title:"Centra",href:"/tjanster/centra/"},{title:"Storyblok",href:"/tjanster/storyblok/"},{title:"Rule",href:"/tjanster/rule/"},{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Vercel",href:"/tjanster/vercel/"},{title:"Cookiebot"}]})})]}),(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"en"===e?"Our services":"V\xe5ra tj\xe4nster"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:"en"===e?[{title:"Web design",href:"/tjanster/webbdesign/"},{title:"Technical strategy",href:"/tjanster/teknisk-strategi/"},{title:"Development",href:"/tjanster/utveckling/"},{title:"Integration"}]:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Integration"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Byon is Sagaform's more design-driven brand, targeting a design-conscious audience seeking products where aesthetics and function intertwine. While Sagaform speaks to a broader, more traditional audience, Byon positions itself as a modern design brand with a refined collection.":"Byon \xe4r Sagaforms mer designdrivna varum\xe4rke, riktat mot en inredningsmedveten m\xe5lgrupp som s\xf6ker produkter d\xe4r estetik och funktion sammanfl\xe4tas. Medan Sagaform talar till en bredare, mer traditionell publik, positionerar sig Byon som ett modernt designvarum\xe4rke med en utvald kollektion."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Challenge":"Utmaning"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["When Sagaform moved to a modern, service-based platform to future-proof its digital presence, Byon needed to follow - but on its own terms. Byon needed its own digital identity that stood on its own, with a visual expression clearly distinct from the parent brand.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The challenge was to create an e-commerce experience that feels uniquely Byon, with a refined and refined aesthetic that appeals to a design-conscious audience, but that underneath
1shares the same modern technical foundation as Sagaform to maximize both cost efficiency and future-readiness."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["N\xe4r Sagaform tog steget in i en modern, tj\xe4nstebaserad plattform f\xf6r att framtidss\xe4kra sin digitala n\xe4rvaro beh\xf6vde \xe4ven Byon f\xf6lja med, men p\xe5 sina egna villkor. Byon beh\xf6vde en egen digital identitet som stod p\xe5 egna ben, med ett visuellt uttryck som tydligt skiljer sig fr\xe5n modervarum\xe4rket.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Utmaningen var att skapa en e-handel som k\xe4nns helt egen f\xf6r Byon, med en utvald och avskalad k\xe4nsla som tilltalar en designmedveten publik, men som under ytan delar samma moderna tekniska grund som Sagaform f\xf6r att maximera b\xe5de kostnadseffektivitet och framtidss\xe4kerhet."]})]})]})]})})]}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsx)(l.k,{$direction:"column",children:(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Our role":"V\xe5r roll"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"As part of the broader Sagaform project, we designed Byon's e-commerce store in parallel. Based on Byon's existing brand identity and previous e-commerce, we created a new design in Figma and implemented it as its own theme in the shared codebase.":"Som en del av det bredare Sagaform-projektet designade vi Byons e-handel parallellt. Utifr\xe5n Byons befintliga varum\xe4rkesidentitet och tidigare e-handel tog vi fram en ny design i Figma och implementerade den som ett eget theme i den gemensamma kodbasen."})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:(0,i.jsx)(l.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(h.r,{href:"https://www.byondesign.com/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"en"===e?"Visit website":"Till webbplatsen"})})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(a.i,{$size:"desk-2xs"}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Same engine, different face":"Samma motor, annat ansikte"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["Byon runs on exactly the same technical platform as Sagaform: Next.js on Vercel, Storyblok for content, and Centra for e-commerce. But you wouldn","'","t know it. Through a theme-based architecture layer, typography, color palette, image treatment and layout are fully adapted to Byon","'","s design language.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"This means Byon gets all the advantages of a robust, modern e-commerce platform without the cost of its own technical solution. New features, security updates and performance optimizations automatically benefit both brands."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Byon drivs av exakt samma tekniska plattform som Sagaform: Next.js p\xe5 Vercel, Storyblok f\xf6r inneh\xe5ll och Centra f\xf6r e-handel. Men det m\xe4rks inte. Genom ett theme-baserat arkitekturlager \xe4r typografi, f\xe4rgpalett, bildbehandling och layout helt anpassade efter Byons designspr\xe5k.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Det inneb\xe4r att Byon f\xe5r alla f\xf6rdelar av en robust, modern e-handelsplattform utan den kostnad som en egen teknisk l\xf6sning skulle inneb\xe4ra. Nya funktioner, s\xe4kerhetsuppdateringar och prestandaoptimeringar kommer b\xe5da varum\xe4rkena till godo automatiskt."]})]})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Refined and stripped back":"Utvald och avskalad"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Where Sagaform has a broader and more traditional expression, Byon's e-commerce is designed with a deliberately refined and refined feel. Visual imagery takes center stage, navigation is streamlined, and product presentation is tailored for an audie
1nce that values aesthetics as much as function.":"D\xe4r Sagaform har ett bredare och mer traditionellt uttryck \xe4r Byons e-handel designad med en medvetet avskalad och utvald k\xe4nsla. Bildspr\xe5ket f\xe5r ta mer plats, navigationen \xe4r str\xf6mlinjeformad och produktpresentationen \xe4r anpassad f\xf6r en publik som v\xe4rderar estetik lika h\xf6gt som funktion."})})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[5,11]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(g.b,{$aspectRatio:"4/5",mediaUrl:"/videos/cases/byon/byon_full-case_vertical.mp4"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},5191:function(e,s,t){t.d(s,{Craft:function(){return k}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(4505),d=t(41),A=t(5668),c=t(2595),m=t(2173),h=t(5621),p=t(1686),b=t(2329),g=t(2),$=t(4252),u=t(7636),x=t(8087);let k=()=>{let e=(0,x.useLocale)();return(0,i.jsx)(c.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(d.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(b.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(o.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"The next generation "}),(0,i.jsx)("br",{}),"composable commerce for ",(0,i.jsx)("br",{}),"Craft Sportswear"]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"N\xe4sta generation "}),(0,i.jsx)("br",{}),"composable commerce f\xf6r ",(0,i.jsx)("br",{}),"Craft Sportswear"]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(g.z,{svg:"craft",$svgColor:"white",children:(0,i.jsx)($.b,{mediaUrl:"/videos/cases/craft-sportswear/craft_full-case_horizontal_long.mp4"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(d.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(d.k,{$direction:"column",children:[(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"en"===e?"Technology behind":"Tekniken bakom"})}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(h.a,{$columns:1,$direction:"column",list:[{title:"Centra",href:"/tjanster/centra/"},{title:"Storyblok",href:"/tjanster/storyblok/"},{title:"Depict",href:"/tjanster/depict/"},{title:"Ingrid",href:"/tjanster/ingrid/"},{title:"Rule",href:"/tjanster/rule/"},{title:"TestFreaks",href:"/tjanster/testfreaks/"},{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Vercel",href:"/tjanster/vercel/"},{title:"Klarna",href:"/tjanster/klarna/"},{title:"Adyen",href:"/tjanster/adyen/"}]})})]}),(0,i.jsxs)(d.k,{$direction:"column",children:[(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"en"===e?"Our services":"V\xe5ra tj\xe4nster"})}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(h.a,{$columns:1,$direction:"column",list:"en"===e?[{title:"Web design",href:"/tjanster/webbdesign/"},{title:"Technical strategy",href:"/tjanster/teknisk-strategi/"},{title:"Technical project management",href:"/tjanster/teknisk-projektledning/"},{title:"Development",href:"/tjanster/utveckling/"},{title:"Integration"}]:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Integration"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...m.gk,children:(0,i.jsxs)(d.k,{$direction:"column",children:[(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(A.x,{...m.TG,children:"en"===e?"Craft Sportswear, owned by New Wave Group, is one of our classic Swedish clothing brands. Since 1973, they have been developing high-tech training clothing for all imaginable sports.":"Craft Sportswear, \xe4gt av New Wave Group, \xe4r ett av v\xe5ra klassiska svenska kl\xe4desm\xe4rken. Sedan 1973 har de utvecklat h\xf6gteknologiska tr\xe4ningskl\xe4der f\xf6r alla t\xe4nkbara sporter."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)(u.N,{direction:"up",children:[(0,i.jsx)(o.X,{...m.MO,children:"en"===e?"Challange":"Utmaning"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(A.x,{...m.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["From selling through retailers, Craft has since had a few years ago also invested in an own webshop. They were early on with choosing a headless architecture with static page generation to take advantage of the large performance lift and with it a better user experience which such a solution gives.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Over the years, a couple of challenges had crystallized with the webshop that needed fixing to increase the efficiency.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"A challenge with the first generation headless solutions is that it often takes a long time to generate a new version of the website when done an update. Deployment times of 15 minutes are not unusually. With Craft","'","s large product range that demands frequent updates became the constant construction one bottleneck. That bottleneck needed to be addressed.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"A similar challenge that Craft had was the way that the product catalog was constructed. At first glance clothes can feel like quite simple products. MAN choose color and size and add to cart. But each product actually consists of several unique variants. A product available in sixteen colors and seven different sizes are actually 112 different products.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"To be able to display product facts for each product i the web shop meant that the web editors had to insert the same or similar product data over and over, which became repetitive and ineffective."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Fr\xe5n att ha s\xe5lt via \xe5terf\xf6rs\xe4ljare har Craft sedan n\xe5gra \xe5r tillbaka ocks\xe5 satsat p\xe5 en egen webbshop. De var tidigt ute med att v\xe4lja en headless-ar
1kitektur med statisk sidgenerering f\xf6r att dra nytta av det stora prestandalyft och med det en b\xe4ttre anv\xe4ndarupplevelse som en s\xe5dan l\xf6sning ger.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Under \xe5ren hade det utkristalliserats ett par utmaningar med webbshoppen som beh\xf6vde \xe5tg\xe4rdas f\xf6r att \xf6ka effektiviteten.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"En utmaning med den f\xf6rsta generationens headless-l\xf6sningar \xe4r att det ofta tar l\xe5ng tid att generera ut en ny version av webbplatsen n\xe4r man har gjort en uppdatering. Utbyggnadstider p\xe5 15 minuter \xe4r inte ovanligt. Med Crafts stora produktsortiment som kr\xe4ver frekventa uppdateringar blev det st\xe4ndiga byggandet en flaskhals. Den flaskhalsen beh\xf6vde \xe5tg\xe4rdas.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"En liknande utmaning som Craft hade var s\xe4ttet som produktkatalogen var konstruerad. Vid en f\xf6rsta anblick kan kl\xe4der k\xe4nnas som ganska s\xe5 enkla produkter. Man v\xe4ljer f\xe4rg och storlek och l\xe4gger i varukorgen. Men varje produkt best\xe5r egentligen av flera unika varianter. En produkt som finns i sexton f\xe4rger och sju olika storlekar \xe4r egentligen 112 olika produkter.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"F\xf6r att kunna visa produktfakta f\xf6r varje produkt i webbshoppen innebar det att webbredakt\xf6rerna fick l\xe4gga in samma eller snarlik produktdata om och om igen, vilket blev repetitivt och ineffektivt."]})]})]})]})})]}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...m.gk,children:(0,i.jsx)(d.k,{$direction:"column",children:(0,i.jsxs)(u.N,{direction:"up",children:[(0,i.jsx)(o.X,{...m.MO,children:"en"===e?"Our role":"V\xe5r roll"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(A.x,{...m.TG,children:["en"===e&&(0,i.jsx)(i.Fragment,{children:"When Craft came to us they needed help replacing them platforms that caused the inefficiency, but without taking removed the parts and services of the solution that actually worked in a good way. Craft themselves had developed a new design and technical requirements list. Our role was partly to complement ours expertise and partly to realize the new website."}),"sv"===e&&(0,i.jsx)(i.Fragment,{children:"N\xe4r Craft kom till oss beh\xf6vde de hj\xe4lp att byta ut de plattformar som orsakade ineffektiviteten, men utan att ta bort de delar och tj\xe4nster i l\xf6sningen som faktiskt fungerade p\xe5 ett bra s\xe4tt. Craft hade sj\xe4lva tagit fram ny design och teknisk kravlista. V\xe5r roll var dels att komplettera med v\xe5r expertis och dels att realisera den nya webbplatsen."})]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsxs)(l.$,{$color:"pitchBlack",children:[(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)($.b,{$aspectRatio:"16/9",mediaUrl:"/videos/cases/craft-sportswear/craft_search.mp4"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-l"}}},children:[(0,i.jsx)(r.P,{$position:{$column:[2,7]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)($.b,{$aspectRatio:"2/4",mediaUrl:"/videos/cases/craft-sportswear/craft_mobile2.mp4"})}),(0,i.jsx)(r.P,{$position:{$column:[8,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)($.b,{$aspectRatio:"2/4",mediaUrl:"/videos/cases/craft-sportswear/craft_mobile.mp4"})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)($.b,{$aspectRatio:"16/9",mediaUrl:"/videos/cases/craft-sportswear/craft_filter.mp4"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:(0,i.jsxs)(r.P,{$position:{$column:[2,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:[(0,i.jsx)(d.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(p.r,{href:"https://www.craftsportswear.com/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"en"===e?"Visit website":"Till webbplatsen"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-xl"}}})]})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...m.gk,children:(0,i.jsxs)(d.k,{$direction:"column",children:[(0,i.jsx)(a.i,{$size:"desk-2xs"}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...m.MO,children:"en"===e?"Solution":"L\xf6sning"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsxs)(A.x,{...m.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["We based the new solution on three main platforms.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"- Centers to manage the e-commerce functionality",(0,i.jsx)("br",{}),"- Storyblok to take care of content and product enrichment and",(0,i.jsx)("br",{}),"- Depict to streamline product management, search engine and upselling."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Vi baserade den nya l\xf6sningen p\xe5 tre huvudsakliga plattformar.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"- Centra f\xf6r att sk\xf6ta e-handelsfunktionaliteten",(0,i.jsx)("br",{}),"- Storyblok f\xf6r att ta hand om inneh\xe5ll och produktberikning och",(0,i.jsx)("br",{}),"- Depict f\xf6r att effektivisera produkthanteringen, s\xf6kmotor och merf\xf6rs\xe4ljning."]})]})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...m.MO,children:"en"===e?"From weeks to days":"Fr\xe5n veckor till dagar"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsxs)(A.x,{...m.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["With our implementation of Depict, Craft can now spend time to more valuable tasks such as creating campaigns and landing pages, rather than administering them all product variants. A popularization work as in every case collection releases previously took weeks of work time are now done automated.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"With Depict","'","s tagging system as the engine, Craft can show off smartly configured related products on product pages and in checkouts. Depict is also used as a search engine on the site with smartly tailored search suggestions based on purchase data. Based on your visitor profile and
1your behavior on the site can both search results and recommendations tailored to what you are looking for.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"We were inspired to streamline product enrichment of the way Depict handles product data. Take running shoes as an example. Shoes within the same category may have some common characteristics such as technology and materials. Previous the editor therefore needed to go into each product variant and enter the same material text over and over again. We took developed a feature in Storyblok that makes it possible for the editor to create the text once and via an internal tagging system, the same text is added to all the products that matches the tagging."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Med v\xe5r implementation av Depict kan Craft nu \xe4gna tid till mer v\xe4rdefulla uppgifter som att skapa kampanjer och landningssidor, snarare \xe4n att administrera alla produktvarianter. Ett populeringsarbete som vid varje kollektionssl\xe4pp tidigare tog veckor av arbetstid g\xf6rs nu automatiserat.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Med Depicts taggningsssystem som motor kan Craft visa upp smart konfigurerade relaterade produkter p\xe5 produktsidor och i checkouts. Depict anv\xe4nds ocks\xe5 som s\xf6kmotor p\xe5 webbplatsen med smart anpassade s\xf6kf\xf6rslag baserat p\xe5 k\xf6pdata. Baserat p\xe5 din bes\xf6karprofil och ditt beteende p\xe5 webbplatsen kan b\xe5de s\xf6kresultat och rekommendationer skr\xe4ddarsys efter vad just du \xe4r ute efter.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"F\xf6r att effektivisera produktberikningen inspirerades vi av s\xe4ttet som Depict hanterar produktdata. Ta l\xf6parskor som ett exempel. Skor inom samma kategori kan ha vissa gemensamma egenskaper som teknologi och material. Tidigare beh\xf6vde allts\xe5 redakt\xf6ren g\xe5 in p\xe5 varje produktvariant och l\xe4gga in samma materialtext om och om igen. Vi tog fram en funktion i Storyblok som g\xf6r det m\xf6jligt f\xf6r redakt\xf6ren att skapa texten en g\xe5ng och via ett intern taggningsystem adderas samma text till alla de produkter som matchar taggningen."]})]})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...m.MO,children:"en"===e?"From sleepless to seamless launch":"Fr\xe5n s\xf6mnl\xf6s till s\xf6ml\xf6s lansering"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(A.x,{...m.TG,children:"en"===e?"When you launch something as business-critical as e-commerce, you want as smooth a transition as possible. With the help of the technical architecture we set up, we were able to connect other platforms that Craft continued to use, such as Ingrid for managing delivery opportunities.":"N\xe4r man lanserar n\xe5got s\xe5 aff\xe4rskritiskt som en e-handel vill man ha en s\xe5 smidig \xf6verg\xe5ng som m\xf6jligt. Med hj\xe4lp av den tekniska arkitektur vi satte upp kunde vi koppla in \xf6vriga plattformar som Craft fortsatte att anv\xe4nda, som t ex Ingrid f\xf6r att hantera leveransm\xf6jligheter."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...m.MO,children:"en"===e?"50% lower cost":"50% l\xe4gre kostnad"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(A.x,{...m.TG,children:"en"===e?"By choosing cost-effective platforms and hosting options, we were able to reduce the cost of Craft by 50% compared to the previous solution, without compromising on performance or user experience, quite the opposite.":"Genom att v\xe4lja kostnadseffektiva plattformar och hostingalternativ kunde vi s\xe4nka kostnaderna f\xf6r Craft med 50% j\xe4mf\xf6rt med tidigare l\xf6sning, utan att tumma p\xe5 prestanda eller anv\xe4ndarupplevelse, snarare tv\xe4rtom."})})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},7393:function(e,s,t){t.d(s,{Dryboy:function(){return C}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(4505),d=t(5440),A=t(41),c=t(5668),m=t(2595),h=t(9502),p=t(212),b=t(6633),g=t(5058),$=t(9744),u=t
1(5217),x=t(5408),k=t(7286),j=t(5941),v=t(8080),f=t(2173),w=t(5621),z=t(1686),y=t(8708),B=t(3556),E=t(2329),Q=t(2),O=t(4252),N=t(7636);let C=()=>{let{currentBreakpoint:e}=(0,y.F)(),s=null==e?void 0:e.includes("mobile"),t=(0,B.$V)();return(0,i.jsx)(m.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(A.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(E.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(A.k,{$wrap:"wrap",children:[(0,i.jsx)(o.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:"Dryboy s\xe4ljer betr\xe6k* p\xe5 ytterligare en marknad med bara ett klick."}),(0,i.jsx)(o.X,{type:"h4",$size:"desk-72",$color:"sand50",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:"*\xf6verdrag, Beschichtung, covers, pinnoite osv."})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(Q.z,{svg:"newbody",$svgColor:"black",children:(0,i.jsx)(O.b,{mediaUrl:"/videos/newbody_case.mp4"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(A.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"Tekniken bakom"})}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(w.a,{$columns:1,$direction:"column",list:[{title:"WooCommerce",href:"/tjanster/woocommerce/"},{title:"Vue",href:"/tjanster/vue-js/"},{title:"Klarna",href:"/tjanster/klarna/"},{title:"WordPress",href:"/tjanster/wordpress/"},{title:"Weglot",href:"/tjanster/weglot/"}]})})]}),(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"V\xe5ra tj\xe4nster"})}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(w.a,{$columns:1,$direction:"column",list:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Integration"},{title:"Internationalisering",href:"/tjanster/internationalisering/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Digital strategi",href:"/tjanster/digital-strategi/"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...f.gk,children:(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(c.x,{...f.TG,children:"Eller kanske 10-20 klick, om vi ska vara realistiska. Men \xe4nd\xe5. Det \xe4r n\xe4mligen s\xe5 f\xe5 moment som kr\xe4vs i den skr\xe4ddarsydda upps\xe4ttningen av WooCommerce och AI-tj\xe4nsten Weglot, som nu \xf6vers\xe4tter hela k\xf6presan f\xf6r kunderna p\xe5 dryboy.com"})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)(N.N,{direction:"up",children:[(0,i.jsx)(o.X,{...f.MO,children:"Webindhold, e-mails og anmeldelser â alt sammen lokaliseret"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}})]}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsxs)(c.x,{...f.TG,children:["Ja, som man s\xe4ger p\xe5 danska. Tydligen. Inneh\xe5llet p\xe5 webbplatsen, e-postutskick l\xe4ngs best\xe4llningsprocessen och utskick fr\xe5n och till Trustpilot â allt hanteras enbart p\xe5 svenska av teamet p\xe5 Dryboy. Men \xf6vers\xe4tts automatiskt i realtid av Weglot. Det inneb\xe4r tv\xe5 avg\xf6rande vinningar f\xf6r den snabbt v\xe4xande verksamheten i G\xf6teborg:",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"- Inga behov av massa kompetens p\xe5 de lokala spr\xe5ken â inneh\xe5ll och kommunikation mot de nya marknaderna g\xf6rs fortsatt av svensktalande personal.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"- Att expandera till nya marknader har f\xe5tt dramatiskt s\xe4nkt tr\xf6skel. Ingen l\xe5ngdragen \xf6vers\xe4ttningsprocess, bara n\xe5gra enkla knapptryck."]})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)(N.N,{direction:"up",children:[(0,i.jsx)(o.X,{...f.MO,children:"Automat\xf6vers\xe4ttning med full SEO-effekt"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}})]}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsxs)(c.x,{...f.TG,children:["Varf\xf6r Weglot d\xe5? Klassiska verktyg f\xf6r maskin\xf6vers\xe4ttning som Google Translate \xf6vers\xe4tter i stunden, enbart f\xf6r den aktuella anv\xe4ndaren. Men ut\xe5t, f\xf6r resten av v\xe4rlden, existerar inte denna \xf6vers\xe4ttning. Webbplatsen \xe4r i deras â\xa0och Googles â \xf6gon fortfarande endast enspr\xe5kig. Och lokalt inneh\xe5ll \xe4r A och \xd8 n\xe4r det handlar om SEO.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Med Dryboys upps\xe4ttning med Weglot skapas faktiska webbadresser upp f\xf6r hela webbplatsen, i respektive \xf6versatt spr\xe5k. Det inneb\xe4r tv\xe5 avg\xf6rande vinster f\xf6r dryboy.com",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"- Organisk och betald s\xf6kmotorstrafik har en webbplatsversion p\xe5 det lokala spr\xe5ket. Det g\xf6r all skillnad n\xe4r det g\xe4ller b\xe5de rankning och konvertering.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"- dryboy.com som dom\xe4n i stort, v\xe4xer i volym vilket gynnar rankning f\xf6r varje enskilt landsversion."]})})]})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-xl"}}}),(0,i.jsxs)(l.$,{$color:"pitchBlack",children:[(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsx)(r.P,{$position:{$column:[2,7]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(Q.z,{caption:"Webbplatsens olika spr\xe5kversioner skapas upp i realtid",children:(0,i.jsx)(d.E,{src:x.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"519/648"})})}),(0,i.jsxs)(r.P,{$position:{$column:[8,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsx)(a.i,{$size:"none",$responsive:{mobile:{$size:"mob-xl"}}}),(0,i.jsx)(Q.z,{caption:"Den automatiserade \xf6vers\xe4ttningen appliceras ocks\xe5 p\xe5 alla e-postutskick.",children:(0,i.jsx)(d.E,{src:x.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"617/771"})})]})]}),(0,i.jsx)(a.i,{$size:"desk-2xl"}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$row:"mob-m",$column:"none"}}},children:[(0,i.jsx)(r.P,{$position:{$column:[2,7]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:s&&t?(0,i.jsxs)(A.k,{$gap:"mob-m",$width:"full",children:[(0,i.jsx)(d.E,{src:h.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"}),(0,i.jsx)(d.E,{src:p.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"})]}):(0,i.jsx)(A.k,{$gap:"desk-l",$height:"full",children:(0,i.jsx)(d.E,{src:v.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"})})}),(0,i.jsx)(r.P,{$position:{$column:[8,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(d.E,{src:b.Z,$aspectRatio:"616/434",alt:"Fr\xe5n Newbodys shop som visar en produkt"})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsxs)(A.k,{$gap:"tab-l",$height:"full",$responsive:{mobile:{$direction:"column",$gap:"mob-m"}},children:[(0,i.jsx)(d.E,{src:g.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"616/434"}),(0,i.jsx)(d.E,{src:$.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"616/434"})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:[(0,i.jsxs)(r.P,{$position:{$column:[2,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:[(0,i.jsx)(A.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(z.r,{href:"https://newbodyfamily.com/sv-se/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"Till webbplatsen"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-2xs"}}}),(0,i.jsx)(a.i,{$size:"desk-l",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}})]}),(0,i.jsx)(r.P,{$position:{$column:[2,8]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(d.E,{src:u.Z,$aspectRatio:"616/434",alt:"Newbodys s\xe4ljarportals startsida"})}),(0,i.jsx)(r.P,{$position:{$column:[9,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:s&&t?(0,i.jsxs)(A.k,{$gap:"mob-m",$width:"full",children:[(0,i.jsx)(d.E,{src:x.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver aktiva shoppar, statistik \xf6ver s\xe5lda paket och hittills insamlade pengar."}),(0,i.jsx)(d.E,{src:k.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver s\xe4ljares ordrar."})]}):(0,i.jsx)(A.k,{$gap:"desk-l",$height:"full",children:(0,i.jsx)(d.E,{src:j.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver ordrar, aktiva shoppar, statistik \xf6ver s\xe5lda paket och hittills insamlade pengar."})})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},4753:function(e,s,t){t.d(s,{FractalDesign:function(){return D}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(41),d=t(5668),A=t
1(2595),c=t(2173),m=t(5621),h=t(1686),p=t(2329),b=t(2),g=t(4252),$=t(7636),u=t(8087),x=t(982),k=t(9183);let j=e=>"sand"===e?x.O9.sand20:x.O9.black,v=k.ZP.ul.withConfig({componentId:"sc-59d179dc-0"})(["list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(",",minmax(0,1fr));column-gap:",";row-gap:",";@media ","{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:",";row-gap:",";}@media ","{grid-template-columns:minmax(0,1fr);row-gap:",";}li{border-top:1px solid ",";padding-top:",";@media ","{padding-top:",";}}"],e=>{let{$columns:s}=e;return s},x.W0["desk-m"],x.W0["desk-l"],x.mq.tablet,x.W0["tab-s"],x.W0["tab-l"],x.mq.mobileSmall,x.W0["mob-m"],e=>{let{$color:s}=e;return j(s)},x.W0["desk-s"],x.mq.tablet,x.W0["tab-xs"]),f=k.ZP.li.withConfig({componentId:"sc-59d179dc-1"})(["display:flex;flex-direction:column;> div{display:flex;flex-direction:column;gap:",";@media ","{gap:",";}}"],x.W0["desk-2xs"],x.mq.mobile,x.W0["mob-3xs"]),w=k.ZP.div.withConfig({componentId:"sc-59d179dc-2"})(["display:flex;align-items:center;gap:",";width:100%;color:",";@media ","{gap:",";}@media ","{flex-direction:column;align-items:flex-start;gap:",";}"],x.W0["desk-l"],e=>{let{$color:s}=e;return"sand"===s?x.O9.pinkOnBlack:x.O9.black},x.mq.tablet,x.W0["tab-m"],x.mq.mobile,x.W0["mob-s"]),z=k.ZP.div.withConfig({componentId:"sc-59d179dc-3"})(["flex:1 1 0;min-width:0;> div{display:flex;flex-direction:column;gap:",";}"],x.W0["desk-2xs"]),y=k.ZP.span.withConfig({componentId:"sc-59d179dc-4"})(["flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;svg{width:100%;height:100%;}@media ","{width:4rem;height:4rem;}@media ","{transform:rotate(90deg);width:3.2rem;height:3.2rem;}"],x.mq.tablet,x.mq.mobile),B=e=>"sand"===e?"sand":"black",E=e=>"sand"===e?"sand":"black",Q=e=>"sand"===e?"sand50":"black",O=e=>{let{fact:s,$color:t,$large:n}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.x,{type:"span",$size:n?"desk-104":"desk-72",$color:B(t),$lineHeight:"100",$margin:"none",$whiteSpace:"nowrap",$responsive:{desktop:{$size:n?"desk-80":"desk-48"},tablet:{$size:n?"tab-64":"tab-40"},mobile:{$size:n?"mob-48":"mob-40"}},children:s.value}),(0,i.jsx)(d.x,{type:"span",$size:n?"desk-24":"desk-18",$color:E(t),$lineHeight:"120",$margin:"none",$responsive:{tablet:{$size:"tab-18"},mobile:{$size:"mob-16"}},children:s.label}),s.note&&(0,i.jsx)(d.x,{type:"span",$size:"desk-14",$color:Q(t),$lineHeight:"120",$margin:"none",$responsive:{mobile:{$size:"mob-12"}},children:s.note})]})},N=e=>{let{facts:s,$columns:t=4,$color:n="sand"}=e;return(0,i.jsx)(v,{className:"case-facts",$columns:t,$color:n,children:s.map((e,s)=>(0,i.jsx)(f,{children:(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(O,{fact:e,$color:n})})},s))})},C=e=>{let{from:s,to:t,$color:n="sand"}=e;return(0,i.jsxs)(w,{className:"case-facts-shift",$color:n,children:[(0,i.jsx)(z,{children:(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(O,{fact:s,$color:n,$large:!0})})}),(0,i.jsx)(y,{"aria-hidden":"true",children:(0,i.jsx)("svg",{viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M4 32h54M38 12l20 20-20 20",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)(z,{children:(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(O,{fact:t,$color:n,$large:!0})})})]})},P={sv:{from:{value:"2",label:"\xe5ldrande WordPress-sajter"},to:{value:"1",label:"headless plattform"}},en:{from:{value:"2",label:"ageing WordPress sites"},to:{value:"1",label:"headless platform"}}},T={sv:[{value:"1",label:"kodbas",note:"Tv\xe5 upplevelser: konsument och IR"},{value:"1",label:"komponentbibliotek"},{value:"1",label:"CMS f\xf6r b\xe5de varum\xe4rkes- och IR-redakt\xf6rer"},{value:"1",label:"eget PIM",note:"Byggt i Sanity"},{value:"12",label:"spr\xe5k"},{value:"0",label:"\xf6vers\xe4ttningsbyr\xe5er"},{value:"1",label:"k\xe4lla f\xf6r finansiell data i realtid",note:"MFN"},{value:"6",label:"m\xe5nader fr\xe5n kickoff till live"}],en:[{value:"1",label:"codebase",note:"Two experiences: consumer and IR"},{value:"1",label:"component library"},{value:"1",label:"CMS for both brand and IR editors"},{value:"1",label:"custom PIM",note:"Built in Sanity"},{value:"12",label:"languages"},{value:"0",label:"translation agencies"},{value:"1",label:"real-time source of financial data",note:"MFN"},{value:"6",label:"months from kickoff to live"}]},D=()=>{let e=(0,u.useLocale)();return(0,i.jsx)(A.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(l.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(p.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(o.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"The details make the case. "}),(0,i.jsx)("br",{}),"And the platform."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"Detaljerna g\xf6r chassit. "}),(0,i.jsx)("br",{}),"Och plattformen."]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(b.z,{svg:"fractal",children:(0,i.jsx)(g.b,{mediaUrl:"/videos/cases/fractal/fractal_full-case_horizontal.mp4"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,13]},$responsive:{tablet:{$position:{$column:[2,14]}}},children:(0,i.jsx)(C,{...P["en"===e?"en":"sv"]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(l.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"en"===e?"Technology behind":"Tekniken bakom"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:[{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Sanity",href:"/tjanster/sanity/"},{title:"Sanity AI Assist",href:"/tjanster/ai/"},{title:"Vercel",href:"/tjanster/vercel/"},{title:"MFN",href:"/tjanster/mfn/"},{title:"Mux",href:"/tjanster/mux/"},{title:"Brevo",href:"/tjanster/brevo/"}]})})]}),(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"en"===e?"Our services":"V\xe5ra tj\xe4nster"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:"en"===e?[{title:"Technical strategy",href:"/tjanster/teknisk-strategi/"},{title:"Web design",href:"/tjanster/webbdesign/"},{title:"Development",href:"/tjanster/utveckling/"},{title:"Integration"}]:[{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Integration"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Fractal Design is a Swedish premium brand in PC hardware - cases, cooling and accessories loved by gamers and builders worldwide, and part of the publicly listed Fractal Gaming Group. A global brand with high demands on its digital presence: a consumer site and an investor relations site, both with the same care for detail as the products themselves.":"Fractal Design \xe4r ett svenskt premiumvarum\xe4rke inom PC-h\xe5rdvara - chassin, kylning och tillbeh\xf6r som \xe4lskas av gamers och byggare v\xe4rlden \xf6ver, och en del av b\xf6rsnoterade Fractal Gaming Group. Ett globalt varum\xe4rke med h\xf6ga krav p\xe5 sin digitala n\xe4rvaro: en konsumentsajt och en IR-sajt, b\xe5da med samma omsorg om detaljer som produkterna sj\xe4lva."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Challenge":"Utmaning"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["Fractal had outgrown its platform. The brand site and the investor relations site lived as separate applications with separate codebase
1s, built on an ageing WordPress setup and hosted on local infrastructure. Every change had to be made in several places, releasing content took longer than it should, and a global audience was served from a single location.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The assignment: modernise and consolidate - from several applications to one shared code and component base, built to carry the brand for years."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Fractal hade vuxit ur sin plattform. Varum\xe4rkessajten och IR-sajten levde som separata applikationer med separata kodbaser, byggda p\xe5 en \xe5ldrande WordPress-upps\xe4ttning och hostade p\xe5 lokal infrastruktur. Varje f\xf6r\xe4ndring beh\xf6vde g\xf6ras p\xe5 flera st\xe4llen, det tog f\xf6r l\xe5ng tid att sl\xe4ppa inneh\xe5ll, och en global publik serverades fr\xe5n en enda plats.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Uppdraget: modernisera och konsolidera - fr\xe5n flera applikationer till en gemensam kod- och komponentbas, byggd f\xf6r att b\xe4ra varum\xe4rket i m\xe5nga \xe5r."]})]})]})]})})]}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"One platform, two experiences":"En plattform, tv\xe5 upplevelser"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"The new platform is one codebase that delivers two experiences: the global consumer site, and the corporate and investor relations site with live market data from MFN. Everything is built in Next.js and served globally distributed on Vercel - so a visitor in Tokyo gets the same fast experience as one in Gothenburg.":"Den nya plattformen \xe4r en kodbas som levererar tv\xe5 upplevelser: den globala konsumentsajten, och corporate- och IR-sajten med finansiell data direkt fr\xe5n MFN. Allt \xe4r byggt i Next.js och serveras globalt distribuerat p\xe5 Vercel - s\xe5 en bes\xf6kare i Tokyo f\xe5r samma snabba upplevelse som en i G\xf6teborg."})]}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"A custom PIM in Sanity":"Ett skr\xe4ddarsytt PIM i Sanity"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"At the heart of the platform sits a custom-built PIM in Sanity, split into two workspaces: one for product data, one for web content. Products, variants, attributes and specifications live in one place and power everything - product pages, comparisons and future retailer material. Editors work with product data as structured information rather than page content, which means a product is entered once and used everywhere.":"I hj\xe4rtat av plattformen sitter ett skr\xe4ddarsytt PIM byggt i Sanity, uppdelat i tv\xe5 arbetsytor: en f\xf6r produktdata, en f\xf6r webbinneh\xe5ll. Produkter, varianter, attribut och specifikationer bor p\xe5 ett st\xe4lle och driver allt - produktsidor, j\xe4mf\xf6relser och framtida \xe5terf\xf6rs\xe4ljarmaterial. Redakt\xf6rerna jobbar med produktdata som strukturerad information ist\xe4llet f\xf6r sidinneh\xe5ll, vilket betyder att en produkt matas in en g\xe5ng och anv\xe4nds \xf6verallt."})]}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Twelve languages, powered by AI":"Tolv spr\xe5k, med AI i ryggen"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"The site launched in twelve languages - work that would traditionally take months of translation agency round-trips. With AI Assist built into Sanity, editors translate and adapt content directly in their workflow, with full control over the result. It saved an enormous amount of time, removed an entire category of suppliers from the process, and means new content can go global in hours instead of weeks.":"Sajten lanserades p\xe5 tolv spr\xe5k - ett arbete som traditionellt tar m\xe5nader av v\xe4ndor med \xf6vers\xe4ttningsbyr\xe5er. Med AI Assist inbyggt i Sanity \xf6vers\xe4tter och anpassar redakt\xf6rerna inneh\xe5llet direkt i sitt eget fl\xf6de, med full kontroll \xf6ver resultatet. Det sparade enormt mycket tid, tog bort en hel leverant\xf6rskategori ur processen, och g\xf6r att nytt inneh\xe5ll kan g\xe5 ut globalt p\xe5 timmar ist\xe4llet f\xf6r veckor."})]})]})})}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(N,{$columns:4,facts:T["en"===e?"en":"sv"]})})}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsx)(l.k,{$direction:"column",children:(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"The result":"Resultatet"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Six months after the start in late February, the new consumer site went live - with the corporate and investor relations site following days later. A markedly faster website, globally distributed instead of locally hosted, and one shared code and component base to maintain and develop instead of several. The platform is built to grow: the same product data that powers the site is ready to drive retailer material, campaigns and whatever comes next.":"Sex m\xe5nader efter starten i slutet av februari gick den nya konsumentsajten live - med corporate- och IR-sajten dagarna efter. En markant snabbare webbplats, globalt distribuerad ist\xe4llet f\xf6r lokalt hostad, och en gemensam k
1od- och komponentbas att f\xf6rvalta och vidareutveckla ist\xe4llet f\xf6r flera. Plattformen \xe4r byggd f\xf6r att v\xe4xa: samma produktdata som driver sajten st\xe5r redo att driva \xe5terf\xf6rs\xe4ljarmaterial, kampanjer och det som kommer h\xe4rn\xe4st."})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[5,11]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(g.b,{$aspectRatio:"4/5",mediaUrl:"/videos/cases/fractal/fractal_full-case_vertical.mp4"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:(0,i.jsx)(l.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(h.r,{href:"https://www.fractal-design.com/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"en"===e?"Visit website":"Till webbplatsen"})})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},6968:function(e,s,t){t.d(s,{Multilens:function(){return u}});var i=t(7437),n=t(5146),r=t(579),a=t(7297),o=t(41),l=t(5668),d=t(2595),A=t(2173),c=t(5621),m=t(8708),h=t(3556),p=t(2329),b=t(2),g=t(4252),$=t(7636);let u=()=>{let{currentBreakpoint:e}=(0,m.F)();return null==e||e.includes("mobile"),(0,h.$V)(),(0,i.jsx)(d.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(o.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(r.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(p.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(a.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["Multilens nya digitala kund\xadupplevelse"," ",(0,i.jsx)("span",{children:"bygger p\xe5 35 \xe5rs specialoptisk expertis â och Storyblok"}),(0,i.jsx)("br",{})]})})})}),(0,i.jsx)(r.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{$position:{$column:[2,15]},children:(0,i.jsx)(b.z,{svg:"multilens",$svgColor:"sand",children:(0,i.jsx)(g.b,{mediaUrl:"/videos/cases/multilens/multilens_full-case_horizontal.mp4"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(n.r,{$columns:14,children:[(0,i.jsxs)(n.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(o.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(o.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(a.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"Tekniken bakom"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(c.a,{$columns:1,$direction:"column",list:[{title:"Storyblok",href:"/tjanster/storyblok/"},{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Vercel",href:"/tjanster/vercel/"},{title:"Parttrap"}]})})]}),(0,i.jsxs)(o.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(a.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"V\xe5ra tj\xe4nster"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(c.a,{$columns:1,$direction:"column",list:[{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Integration med e-handel"},{title:"ISO- och CE-compliance"}]})})]})]}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(n.P,{...A.gk,children:(0,i.jsxs)(o.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(l.x,{...A.TG,children:"Multilens \xe4r ett svenskt, ledande f\xf6retag inom specialoptik och en aktad auktoritet p\xe5 omr\xe5det. Denna expertis \xe4r drivmedlet i den uppskattade verksamheten som globalt f\xf6rser optiker och slutkunder med specialanpassade optiska l\xf6sningar. Men f\xf6r att bolaget ska kunna v\xe4xa, beh\xf6ver samma kunskap, erfarenhet och kundv\xe4nlighet nu byggas in i en digital yta."})}),(0,i.jsx)(r.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(a.X,{type:"h2",$color:"sand",$size:"desk-40",$margin:{top:"none",bottom:"none"},children:"En br\xe4nnpunkt f\xf6r optisk expertis"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(l.x,{...A.TG,children:["P\xe5 Multilens kunskapshubb publiceras filmer, guider och intervjuer regelbundet. Ut\xf6ver detta finns \xe4ven information om kommande webinarier och kurser. Kombinationen av visuellt och skriftligt inneh\xe5ll s\xe4kerst\xe4ller att alla bes\xf6kare, oavsett kunskapsniv\xe5, kan hitta v\xe4rdefull information och insikter.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Detta inneh\xe5ll, med krav p\xe5 stor m\xe4ngd och h\xf6g kvalitet, ska kunna produceras och publiceras trots begr\xe4nsade interna resurser. D\xe4rf\xf6r k\xe4ndes valet av Storyblok som CMS extra sj\xe4lvklart i detta fall, d\xe5 dess anv\xe4ndarv\xe4nliga redakt\xf6rsupplevelse kunde fila ner tr\xf6sklarna och agera medvind i inneh\xe5llsarbetet."]})]})]})})]}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-xl"}}})]})})}},4287:function(e,s,t){t.d(s,{Newbody:function(){return C}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(4505),d=t(5440),A=t(41),c=t(5668),m=t(2595),h=t(9502),p=t(212),b=t(6633),g=t(5058),$=t(9744),u=t
1(5217),x=t(5408),k=t(7286),j=t(5941),v=t(8080),f=t(2173),w=t(5621),z=t(1686),y=t(8708),B=t(3556),E=t(2329),Q=t(2),O=t(4252),N=t(7636);let C=()=>{let{currentBreakpoint:e}=(0,y.F)(),s=null==e?void 0:e.includes("mobile"),t=(0,B.$V)();return(0,i.jsx)(m.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(A.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(E.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsxs)(r.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:[(0,i.jsxs)(o.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["Hundra tusen webbshoppar",(0,i.jsx)("br",{})," \xe5t Newbody Family"]}),(0,i.jsxs)(o.X,{type:"h4",$size:"desk-72",$color:"sand50",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["Plus n\xe5gra webbplatser, en ",(0,i.jsx)("br",{}),"kundportal och en komplett",(0,i.jsx)("br",{})," digital infrastruktur."]})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(Q.z,{svg:"newbody",$svgColor:"sand",children:(0,i.jsx)(O.b,{mediaUrl:"/videos/cases/newbody-family/newbodyfamily_full-case_horizontal.mp4"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(A.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"Tekniken bakom"})}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(w.a,{$columns:1,$direction:"column",list:[{title:"Headless",href:"/tjanster/headless/"},{title:"E-handel",href:"/tjanster/e-handel/"},{title:"Sanity",href:"/tjanster/sanity/"},{title:"WordPress",href:"/tjanster/wordpress/"},{title:"Adobe Magento",href:"/tjanster/magento/"},{title:"AWS",href:"/tjanster/aws/"},{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Netlify",href:"/tjanster/netlify/"},{title:"Gatsby",href:"/tjanster/gatsby/"}]})})]}),(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"V\xe5ra tj\xe4nster"})}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(w.a,{$columns:1,$direction:"column",list:[{title:"Behovsanalys",href:"/tjanster/behovsanalys/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"F\xf6rvaltning",href:"/tjanster/forvaltning/"},{title:"SEO",href:"/tjanster/seo/"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...f.gk,children:(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(o.X,{...f.MO,children:"Om Newbody"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(c.x,{...f.TG,children:["Sedan 1987 har Newbody Family hj\xe4lpt f\xf6reningar och skolklasser att n\xe5 sina dr\xf6mmar genom att s\xe4lja f\xf6retagets omtyckta produkter. Under \xe5ren har Newbody fortsatt att utveckla sitt erbjudande, addera varum\xe4rken och f\xf6rs\xe4ljningskanaler.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"S\xe4ttet som Newbody s\xe4ljer sina produkter skiljer sig kraftigt fr\xe5n hur andra f\xf6retag g\xf6r. 1000-tals klasser, lag och klubbar agerar som \xe5terf\xf6rs\xe4ljare och s\xe4ljer till sl\xe4kt och v\xe4nner. Dels med hj\xe4lp av en klassisk tryckt katalog och dels genom en egen skr\xe4ddarsydd webbshop.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Som utg\xe5ngspunkt hade Newbody valt ett monolitiskt system i e-handelsplattformen Magento 1. F\xf6r att st\xf6dja det ovanliga distributionss\xe4ttet har plattformen beh\xf6vt modifieras en hel del.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Till den h\xe4r plattformen var \xe4ven landningssidor, best\xe4llningsformul\xe4r, kundtj\xe4nst kopplade, p\xe5 insidan var \xe4ven bland annat logistik, returhantering och CRM integrerade.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"N\xe4r vi kom in i bilden var grundproblemet att Newbody hade en f\xf6r gammal applikation. Magento skulle inom om n\xe5gra m\xe5nader n\xe5 s k end-of-life, n\xe4r utvecklaren bakom inte l\xe4ngre uppdaterar applikationens kodbas. F\xf6rutom att det d\xe5 inte l\xe4ngre l\xe4ggs till ny och upp
1daterad funktionalitet \xf6ppnar det upp f\xf6r s\xe5rbarheter i koden.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Kunde det vara s\xe5 att Raket kunde hj\xe4lpa Newbody att uppdatera applikationen till en nyare version eller fanns det en \xe4nnu b\xe4ttre l\xf6sning att g\xe5 p\xe5?"]})]})})]}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...f.gk,children:(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(o.X,{...f.MO,children:"Behovsanalys"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(c.x,{...f.TG,children:"Vi b\xf6rjade med att g\xf6ra en bred analys f\xf6r att vara s\xe4kra p\xe5 att vi f\xe5ngade upp fler behov \xe4n de rent tekniska. Genom intervjuer med intressenter och samarbetspartners inom allt fr\xe5n marknadskommunikation, s\xe4lj, IT och logistik till anv\xe4ndarintervjuer och tester samt inventering av digitala ytor och kvantitativa analyser kunde vi forma en mer komplett bild av behoven."}),(0,i.jsx)(a.i,{$size:"desk-l",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(o.X,{...f.MO,children:"L\xf6sningen och utrullning"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(c.x,{...f.TG,children:["En m\xf6jlig l\xf6sning som varit med fr\xe5n b\xf6rjan av projektet var att helt enkelt uppdatera plattformen till en senare version. Men d\xe5 skulle Newbody fortfarande vara fast i en monolitisk och d\xe4rmed tr\xf6gr\xf6rlig plattform, n\xe5got som behovsanalysen visat inte var \xf6nskv\xe4rt.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Om vi skulle v\xe4lja den v\xe4gen kr\xe4vde det ocks\xe5 att allt utvecklingsarbete beh\xf6vde g\xf6ras i ett enda svep innan alla digitala kontaktytor kunde bytas ut. Det skulle i s\xe5 fall ta l\xe5ng tid innan en lansering skulle kunna ske och b\xf6rja ge effekt.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Ist\xe4llet valde vi att g\xe5 headless och anv\xe4nda oss av mikrotj\xe4nster.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Genom att dela upp de identifierade behoven och ist\xe4llet koppla ihop flera, sm\xe5 specialiserade tj\xe4nster vann vi flera f\xf6rdelar. Vi kunde undvika framtida problem d\xe4r ett system blivit daterat och bara byta ut den del som inte l\xe4ngre h\xf6ll m\xe5ttet. Samma sak om nya behov uppstod som inte l\xe4ngre matchas av plattformen.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Det h\xe4r v\xe4gvalet gjorde det ocks\xe5 m\xf6jligt att lansera plattformen bit f\xf6r bit utan att totalen beh\xf6vde vara 100% klar, vilket gjorde att plattformen b\xf6rjade ge resultat fr\xe5n b\xf6rjan."]})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-xl"}}}),(0,i.jsxs)(l.$,{$color:"pitchBlack",children:[(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$row:"mob-m",$column:"none"}}},children:[(0,i.jsx)(r.P,{$position:{$column:[2,7]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:s&&t?(0,i.jsxs)(A.k,{$gap:"mob-m",$width:"full",children:[(0,i.jsx)(d.E,{src:h.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"}),(0,i.jsx)(d.E,{src:p.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"})]}):(0,i.jsx)(A.k,{$gap:"desk-l",$height:"full",children:(0,i.jsx)(d.E,{src:v.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"})})}),(0,i.jsx)(r.P,{$position:{$column:[8,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(d.E,{src:b.Z,$aspectRatio:"616/434",alt:"Fr\xe5n Newbodys shop som visar en produkt"})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsxs)(A.k,{$gap:"tab-l",$height:"full",$responsive:{mobile:{$direction:"column",$gap:"mob-m"}},children:[(0,i.jsx)(d.E,{src:g.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"616/434"}),(0,i.jsx)(d.E,{src:$.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"616/434"})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:[(0,i.jsx)(r.P,{$position:{$column:[2,8]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(d.E,{src:u.Z,$aspectRatio:"616/434",alt:"Newbodys s\xe4ljarportals startsida"})}),(0,i.jsx)(r.P,{$position:{$column:[9,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:s&&t?(0,i.jsxs)(A.k,{$gap:"mob-m",$width:"full",children:[(0,i.jsx)(d.E,{src:x.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver aktiva shoppar, statistik \xf6ver s\xe5lda paket och hittills insamlade pengar."}),(0,i.jsx)(d.E,{src:k.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver s\xe4ljares ordrar."})]}):(0,i.jsx)(A.k,{$gap:"desk-l",$height:"full",children:(0,i.jsx)(d.E,{src:j.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver ordrar, aktiva shoppar, statistik \xf6ver s\xe5lda paket och hittills insamlade pengar."})})}),(0,i.jsxs)(r.P,{$position:{$column:[9,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:[(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(A.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(z.r,{href:"https://newbodyfamily.com/sv-se/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"Till webbplatsen"})})})]})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"}}})]})]})})}},6089:function(e,s,t){t.d(s,{Newsec:function(){return z}});
1var i=t(7437),n=t(5146),r=t(579),a=t(7297),o=t(4505),l=t(41),d=t(5668),A=t(2595),c=t(2173),m=t(5621),h=t(2329),p=t(2),b=t(4252),g=t(7636),$=t(8087),u=t(5440),x={src:"/_next/static/media/homepage_variant.be43d121.png",height:2016,width:2880,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAARVBMVEVRbfJ6e3g/VLdTacVFXcm1l4Oxm5FKY9u8moi/q6Clj3xOZ+JPaeSIfn+Ff5VAVbpUZaNPaNNmdZ6YkY9jctNxebeBf8GWhvJKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAN0lEQVR4nBXKSRKAIAwEwAESJmFVUP//VIs+N3A83wsRYSpWEGfkUt0geQfNjtpwBct+ahrW/QcldAFk8G+O9gAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:6},k={src:"/_next/static/media/mobile_views-1.c1930183.png",height:1686,width:2408,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAS1BMVEUCAgG5ubvx8fBdXGF+foDAyvl5eXr///9wcHD5+fpiZnvO2P8GBQK5yd2Xn8bPzcilp629wMaPiILm3tShmpU9MyonIx7r5+GktMVuB+TxAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAM0lEQVR4nGPg4eJmZeZjZWVgYONk4uAXFocwhERFGBhY2Nk5mMUYQQxODgFBToiIBK8gACwGAbIh1lLkAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:6},j={src:"/_next/static/media/insights.9829b79a.png",height:2016,width:2880,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAP1BMVEW5xfuotvrt4eYyHhT+/v/19vy4w/e1wfrCzPvu6+9GMiV/ZWSAaW7a4P3W1tvMxOHKzdPQ1/uRpPqklZeLf3jYpj3dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAANUlEQVR4nAXBiQGAIAwEwQUSLgEUv/5rdYYOSB10R0A4UnmIclAzd0031przvU6jjdE+T/sBH8MBYfDAdnkAAAAASUVORK5CYII=",blurWidth:8,blurHeight:6},v={src:"/_next/static/media/mobile_views.b2d76ab8.png",height:1686,width:2408,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAOVBMVEURERJnaGnc3uLJ1P+AgH9APjZTUU39/f7W19gCAgOWgmavuOPs7e/p6/AGBgP39/JSVmZtbWtlaX+ljI83AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAM0lEQVR4nB3Jxw0AIAwEsAshhV72HxaFnyWD2258J7D8mOUCDNdaFYAlFZGAU/plTj3wACZQATn33tFNAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:6},f={src:"/_next/static/media/combo_map.65a4a61f.png",height:2016,width:2880,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAJFBMVEXj4+KtufPz8+fb4NDg3dnn5+ro5OCppJzT28rY1dKtsbCuq6WbWrUNAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAK0lEQVR4nC3BCQ4AEBAEwWZmD/z/vxJRxfiYmg9xWmqZ2CtAQDltQZQhkwsPLQCfIp28yQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:6},w={src:"/_next/static/media/article.64bf26b1.png",height:2016,width:2880,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAPFBMVEXo6OuzvfTl4+KiqrM4SVf4+Pm1wvny8u7+/v7e4ORPaGu+wMK5xf2utLu2vsWxt8A7QkciOUxIW2tibnb1zoVkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAM0lEQVR4nAXBhwHAIAzAMCdkAt3//1oJkb1DIlDNLM+E7ixHGWsdo2lsvp9dDvd8zM6qHx/OAVqp9z8KAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:6};let z=()=>{let e=(0,$.useLocale)();return(0,i.jsx)(A.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(l.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(r.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(h.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(a.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["A new digital home for the",(0,i.jsx)("br",{}),(0,i.jsx)("span",{children:" real estate expert Newsec"})]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Ett nytt digitalt hem f\xf6r",(0,i.jsx)("br",{}),(0,i.jsx)("span",{children:" fastighetsexperten Newsec"})]})]})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{$position:{$column:[2,15]},children:(0,i.jsx)(p.z,{$svgColor:"white",children:(0,i.jsx)(b.b,{mediaUrl:"/videos/cases/newsec/newsec_horizontal_full_case_1080p.mp4"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(n.r,{$columns:14,children:[(0,i.jsxs)(n.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(l.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(a.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"en"===e?"Technology behind":"Tekniken bakom"})}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:[{title:"Sanity",href:"/tjanster/sanity/"},{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Vercel",href:"/tjanster/vercel/"},{title:"Capifast"},{title:"Propstep"},{title:"Vitec"},{title:"M-Files"},{title:"Power BI"}]})})]}),(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(a.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"en"===e?"Our services":"V\xe5ra tj\xe4nster"})}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:"en"===e?[{title:"Web design",href:"/tjanster/webbdesign/"},{title:"Technical strategy",href:"/tjanster/teknisk-strategi/"},{title:"Technical project management",href:"/tjanster/teknisk-projektledning/"},{title:"Development",href:"/tjanster/utveckling/"},{title:"Integration"}]:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Integration"}]})})]})]}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(n.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsxs)(g.N,{direction:"up",children:[(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Newsec are experts in real estate. They operate in consultancy, investment, management, energy efficie
1ncy and digitization in seven markets in the Nordics and the Baltics.":"Newsec \xe4r experter p\xe5 fastigheter. De verkar inom r\xe5dgivning, investering, f\xf6rvaltning, energieffektivisering och digitalisering p\xe5 sju marknader i Norden och Baltikum."}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"We helped structure, design and build their new international and local websites. The result enables both delivery and cohesion of the total brand experience as well as flexible content creation for their many editors.":"Vi hj\xe4lpte till med att strukturera, designa och bygga deras nya internationella och lokala webbplatser. Resultatet m\xf6jligg\xf6r b\xe5de leverans och sammanh\xe5llning av den totala varum\xe4rkesupplevelsen samt flexibelt inneh\xe5llsskapande f\xf6r deras m\xe5nga redakt\xf6rer."})]}),(0,i.jsx)(r.i,{$size:"desk-l",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)(g.N,{direction:"up",children:[(0,i.jsx)(a.X,{...c.MO,children:"en"===e?"New branding strategy = New website":"Ny varum\xe4rkesstrategi = Ny webbplats"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["When Newsec updated its brand strategy and identity, this needed to be reflected on their websites. Before we could start the website production was it is important to have a good overview of the context.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"There are several challenges with websites for large, international organizations (Newsec has 2700 employees in 7 countries). For example, the long-term must brand strategy is balanced against tactical goals and everyday tasks that the web needs to handle.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"We therefore began our work with an extensive inventory. Through interviews with stakeholders, we could capturing their expertise, experiences and needs. We mapped Newsec's digital interfaces to determine which role the site was best suited for. We investigated also which services were already used for e.g. marketing communications to build on existing ones solutions in a flexible and cost-effective way.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The preparatory work took place in close collaboration with Newsec and resulted in a new website strategy as a first step."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["N\xe4r Newsec uppdaterade sin varum\xe4rkesstrategi och identitet, beh\xf6vde detta speglas p\xe5 deras webbplatser. Innan vi kunde s\xe4tta ig\xe5ng med webbplatsproduktionen var det viktigt att ha en god \xf6verblick \xf6ver sammanhanget.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Det finns flera utmaningar med webbplatser f\xf6r stora, internationella organisationer (Newsec har 2700 anst\xe4llda i 7 l\xe4nder). Till exempel m\xe5ste den l\xe5ngsiktiga varum\xe4rkesstrategin balanseras mot taktiska m\xe5l och vardagliga uppgifter som webben beh\xf6ver hantera.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Vi inledde d\xe4rf\xf6r v\xe5rt arbete med en omfattande inventering. Genom intervjuer med intressenter kunde vi f\xe5nga upp deras expertis, erfarenheter och behov. Vi kartlade Newsecs digitala kontaktytor f\xf6r att kunna avg\xf6ra vilken roll webbplatsen var mest l\xe4mpad f\xf6r. Vi unders\xf6kte ocks\xe5 vilka tj\xe4nster som redan anv\xe4ndes f\xf6r t.ex. marknadskommunikation f\xf6r att bygga vidare p\xe5 befintliga l\xf6sningar p\xe5 ett smidigt och kostnadseffektivt s\xe4tt.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"F\xf6rarbetet skedde i n\xe4ra samarbete med Newsec och resulterade i en ny webbplatsstrategi som ett f\xf6rsta steg."]})]})]})]})})]}),(0,i.jsx)(r.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{...c.gk,children:(0,i.jsx)(l.k,{$direction:"column",children:(0,i.jsxs)(g.N,{direction:"up",children:[(0,i.jsx)(a.X,{...c.MO,children:"en"===e?"How the Strategy Took Shape":"Hur strategin tog form"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsx)(i.Fragment,{children:"We started by prioritizing stakeholders and their needs, markets, and the website's focu
1s. Once this was clear, we decided how it should be expressed. Some of the more prominent decisions were as follows:"}),"sv"===e&&(0,i.jsx)(i.Fragment,{children:"Vi b\xf6rjade med att prioritera intressenter och deras behov, marknader, och webbplatsens fokus. N\xe4r detta var klart, best\xe4mde vi hur det skulle ta sig uttryck. N\xe5gra av de mer framst\xe5ende besluten var f\xf6ljande:"})]}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(a.X,{...c.B5,children:"Insights"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsx)(i.Fragment,{children:"Newsec is known for its comprehensive reports on the property market. To further strengthen Newsec's image as experts and increase awareness, we created the Insights section. There, visitors can now find articles, videos, podcast episodes, and reports, all gathered in one place."}),"sv"===e&&(0,i.jsx)(i.Fragment,{children:"Newsec \xe4r k\xe4nda f\xf6r sina omfattande rapporter om fastighetsmarknaden. F\xf6r att ytterligare st\xe4rka bilden av Newsec s
1om experter och \xf6ka k\xe4nnedom skapade vi sektionen Insights. D\xe4r kan bes\xf6karna nu hitta artiklar, videor, podcastavsnitt och rapporter, samlat p\xe5 ett st\xe4lle."})]}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(a.X,{...c.B5,children:"Subsites"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["Large websites are often difficult to navigate because they cater to so many audiences simultaneously. Perhaps the biggest challenge was prioritizing the needs of the many visitor types. We wanted to avoid overwhelming visitors with complicated menus and numerous shortcuts. The solution was to create subsites within the overall site. A subsite has its own main menu where irrelevant pages are removed, which facilitates navigation and makes it easier to complete tasks. However, the subsite is not separated from the rest of the website but builds on the same functionality and design, which keeps the web presence cohesive.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),'An example of such a subsite is "Tenants in Sweden", where private and commercial tenants can get help with customer service matters and more.']}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Stora webbplatser \xe4r ofta sv\xe5rnavigerade eftersom de riktar sig till s\xe5 m\xe5nga samtidigt. Den kanske st\xf6rsta utmaningen var att prioritera de m\xe5nga bes\xf6kartypernas behov. Vi ville undvika att \xf6verv\xe4ldiga bes\xf6karna med komplicerade menyer och m\xe5nga genv\xe4gar. L\xf6sningen blev att skapa undersajter, s k subsites inom den totala sajten. En undersajt har en egen huvudmeny d\xe4r irrelevanta sidor \xe4r borttagna, vilket underl\xe4ttar navigationen och g\xf6r det enklare att l\xf6sa uppgifterna. Men, subsiten \xe4r inte separerad fr\xe5n resten av webbplatsen utan bygger p\xe5 samma funktionalitet och design vilket h\xe5ller ihop webbn\xe4rvaron.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),'Ett exempel p\xe5 en s\xe5dan undersajt \xe4r "Hyresg\xe4ster i Sverige", d\xe4r privata och kommersiella hyresg\xe4ster kan f\xe5 hj\xe4lp med kundtj\xe4nst\xe4renden och annat.']})]}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(a.X,{...c.B5,children:"en"===e?"Language and Markets":"Spr\xe5k och marknader"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["Language management is another challenge for large websites. There are a couple of overarching ways to handle language and translation on the web. Either you use the same website structure for all markets, where only the language differs. The pages are set up centrally in the CMS with different fields for the various languages. The advantages of this approach are that it provides great control over the message and faster website construction. The disadvantage is that local exceptions cannot be accommodated.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The other alternative works essentially in the opposite way. Each market is given full freedom to create the content required, with pros and cons mirrored in the opposite way.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Regardless of which path you choose, it becomes a strategic decision with a significant impact on the technical architecture. Changing course halfway through the project becomes costly.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"After analyzing the strategy and the editors' needs, we concluded that both alternatives were needed. Some page sections benefited from being templated while others required greater freedom. For example, the content under Insights needed to be produced both centrally and locally to be useful for international visitors and relevant to a single market. This had a major impact on the choice of CMS."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Spr\xe5khantering \xe4r en annan utmaning f\xf6r stora webbplatser. Det finns ett par \xf6vergripande s\xe4tt att hantera spr\xe5k och \xf6vers\xe4ttning p\xe5
1webben. Antingen anv\xe4nder man samma webbplatsstruktur f\xf6r alla marknader, d\xe4r endast spr\xe5ket skiljer. Sidorna s\xe4tts upp centralt i CMS:et med olika f\xe4lt f\xf6r de olika spr\xe5ken. F\xf6rdelarna med detta uppl\xe4gg \xe4r att det ger stor kontroll \xf6ver budskapet och snabbare uppbyggnad av webbplatsen. Nackdelen \xe4r att lokala undantag inte f\xe5r plats.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Det andra alternativet fungerar i princip tv\xe4rtom. Man ger varje marknad full frihet att skapa det inneh\xe5ll som kr\xe4vs, med f\xf6r- och nackdelar speglade p\xe5 motsatt s\xe4tt.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Oavsett vilken v\xe4g man v\xe4ljer, blir det ett strategiskt beslut med stor p\xe5verkan p\xe5 den tekniska arkitekturen. Att byta sp\xe5r halvv\xe4gs in i projektet blir kostsamt.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Efter att ha analyserat strategin och redakt\xf6rernas behov, kom vi fram till att b\xe5da alternativen beh\xf6vdes. Vissa sidsektioner tj\xe4nade p\xe5 att vara mallade medan andra kr\xe4vde st\xf6rre frihet. Till exempel beh\xf6vde inneh\xe5llet under Insights kunna produceras b\xe5de centralt och lokalt f\xf6r att vara anv\xe4ndbart f\xf6r internationella bes\xf6kare och relevant f\xf6r en enskild marknad. Detta hade stor p\xe5verkan p\xe5 valet av CMS."]})]})]})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsxs)(o.$,{$color:"pitchBlack",children:[(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(u.E,{src:x,alt:"Home page variant for Newsec"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-l"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(u.E,{src:k,alt:"Mobile views for Newsec"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(u.E,{src:j,alt:"Insights page for Newsec"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-l"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(u.E,{src:v,alt:"Mobile views for Newsec"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-l"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(u.E,{src:w,alt:"Article page for Newsec"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-l"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(u.E,{src:f,alt:"Combo map for Newsec"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-s"}}})]}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(r.i,{$size:"desk-2xs"}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(a.X,{...c.MO,children:"en"===e?"Technology Choice":"Teknikval"})}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["After defining how we wanted to design the website to best meet the goals and needs, we needed to make a technology choice. We started by evaluating the current CMS. It turned out not to be built to meet our requirements and was not particularly cost-effective. We needed a technology that could grow with us and easily integrate with other services and IT systems that Newsec uses. Since we wanted to launch the website as soon as possible, we needed
1something that allowed us to retain and gradually phase out sections that were not primary to the strategy.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The choice ultimately fell on Sanity as the base.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Sanity is a headless CMS that lets you publish content on various digital platforms. It provides great freedom in how data and content are handled, making it easy to organize content as needed. This facilitates, for example, the creation of complex, multilingual websites or when the same content needs to be displayed in multiple places.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"In addition to Sanity, we built the website with the Next.js framework and integrated other services such as Microsoft Power BI and Mailchimp.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The CMS's Sanity Studio was configured to be flexible enough for Newsec's various local marketing departments, while still being easy to manage for employees who primarily work with tasks other than communication.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The Sanity solution also made monitoring of security, performance, and other updates easier, as much of this is handled by Sanity themselves."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Efter att ha definierat hur vi ville designa webbplatsen f\xf6r att b\xe4st m\xf6ta m\xe5len och behoven, beh\xf6vde vi g\xf6ra ett teknikval. Vi b\xf6rjade med att utv\xe4rdera det nuvarande CMS:et. Det visade sig inte vara byggt f\xf6r att uppfylla v\xe5ra krav och var inte s\xe4rskilt kostnadseffektivt. Vi beh\xf6vde en teknik som kunde v\xe4xa med oss och enkelt integreras med andra tj\xe4nster och IT-system som Newsec anv\xe4nder. Eftersom vi ville lansera webbplatsen s\xe5 snart som m\xf6jligt, beh\xf6vde vi n\xe5got som m\xf6jliggjorde att beh\xe5lla och successivt fasa ut sektioner som inte var prim\xe4ra f\xf6r strategin.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Valet f\xf6ll till slut p\xe5 Sanity som bas.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Sanity \xe4r ett headless CMS som l\xe5ter dig publicera inneh\xe5ll p\xe5 olika digitala plattformar. Det ger stor frihet i hur data och inneh\xe5ll hanteras, vilket g\xf6r det enkelt att organisera inneh\xe5ll efter behov. Detta underl\xe4ttar exempelvis skapandet av komplexa, flerspr\xe5kiga webbplatser eller n\xe4r samma inneh\xe5ll ska visas p\xe5 flera olika st\xe4llen.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Ut\xf6ver Sanity byggde vi webbplatsen med ramverket Next.js och integrerade andra tj\xe4nster som Microsoft Power BI och Mailchimp.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"CMSs Sanity Studio konfiguerades f\xf6r att vara tillr\xe4ckligt flexibelt f\xf6r Newsecs olika lokala marknadsavdelningar, men samtidigt enkelt att sk\xf6ta f\xf6r medarbetare som huvudsakligen arbetar med annat \xe4n kommunikation.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Sanity-l\xf6sningen gjorde \xe4ven att \xf6vervakning av s\xe4kerhet, prestanda och andra uppdateringar blev enklare, eftersom mycket av detta hanteras av Sanity sj\xe4lva."]})]})}),(0,i.jsx)(r.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(a.X,{...c.MO,children:"en"===e?"Management":"F\xf6rvaltning"})}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsx)(i.Fragment,{children:"To succeed in the long term with websites involving many people, it was important that all competencies had the right prerequisites. We were responsible for training in the website strategy, CMS, and subsequent management."}),"sv"===e&&(0,i.jsx)(i.Fragment,{children:"F\xf6r att lyckas l\xe5ngsiktigt med webbplatser som involverar m\xe5nga personer, var det viktigt att alla kompetenser hade r\xe4tt f\xf6ruts\xe4ttningar. Vi ansvarade f\xf6r utbildning av webbplatsstrategin, CMS och efterf\xf6ljande f\xf6rvaltning."})]})}),(0,i.jsx)(r.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsx)(a.X,{...c.MO,children:"en"===e?"The Ongoing Work":"Det l\xf6pande arbetet"})}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(g.N,{direction:"up",children:(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["No matter how many reviews of design and functionality you have before launch, shortcomings and new functional needs are often identified only when you start using the website for real.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"To quickly capture this, we kept the communication channels between us and the editors in the different c
1ountries simple and open. Instead of getting stuck early in complicated issue management systems, we handled discussions about needs and changes via email and video meetings directly between Newsec's editors and Raket's designers and developers. This allowed us to maintain a high pace of development and learn directly from the editors about what works and what doesn't, something that is difficult to capture by reading a user story."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Oavsett hur m\xe5nga genomg\xe5ngar om design och funktionalitet man har innan lansering, identifieras ofta brister och nya funktionsbehov f\xf6rst n\xe4r man b\xf6rjar anv\xe4nda webbplatsen p\xe5 riktigt.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"F\xf6r att snabbt f\xe5nga upp detta h\xf6ll vi kommunikationsv\xe4garna mellan oss och redakt\xf6rerna i de olika l\xe4nderna enkla och \xf6ppna. Ist\xe4llet f\xf6r att tidigt fastna i komplicerade \xe4rendehanteringssystem, sk\xf6tte vi diskussioner om behov och f\xf6r\xe4ndringar via e-post och videom\xf6ten direkt mellan Newsecs redakt\xf6rer och Rakets designers och utvecklare. Detta gjorde att vi kunde h\xe5lla en h\xf6g utvecklingstakt och l\xe4ra oss direkt fr\xe5n redakt\xf6rerna om vad som fungerar och inte, n\xe5got som \xe4r sv\xe5rt att f\xe5nga upp genom att l\xe4sa en user story."]})]})})]})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},1361:function(e,s,t){t.d(s,{Nextconomy:function(){return u}});var i=t(7437),n=t(5146),r=t(579),a=t(7297),o=t(41),l=t(5668),d=t(2595),A=t(2173),c=t(5621),m=t(8708),h=t(3556),p=t(2329),b=t(2),g=t(4252),$=t(7636);let u=()=>{let{currentBreakpoint:e}=(0,m.F)();return null==e||e.includes("mobile"),(0,h.$V)(),(0,i.jsx)(d.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(o.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(r.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(p.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(a.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:[(0,i.jsx)("span",{children:"L\xe5ngsiktigt formande och f\xf6rvaltande av"})," en av Sveriges ledare inom ekonominyheter"]})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{$position:{$column:[2,15]},children:(0,i.jsx)(b.z,{svg:"danskebank",$svgColor:"sand",children:(0,i.jsx)(g.b,{mediaUrl:"/videos/cases/nextconomy/nextconomy_full-case_horizontal.mp4"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(n.r,{$columns:14,children:[(0,i.jsxs)(n.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(o.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(o.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(a.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"Tekniken bakom"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(c.a,{$columns:1,$direction:"column",list:[{title:"WordPress",href:"/tjanster/wordpress/"},{title:"Adobe Experience"}]})})]}),(0,i.jsxs)(o.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(a.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"V\xe5ra tj\xe4nster"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(c.a,{$columns:1,$direction:"column",list:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"SEO",href:"/tjanster/seo/"},{title:"S\xe4kerhet"}]})})]})]}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(n.P,{...A.gk,children:(0,i.jsxs)(o.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(l.x,{...A.TG,children:"DanskeBank \xe4r en av Sveriges storbanker och jobbar som s\xe5dan p\xe5 m\xe5nga olika ytor. P\xe5 den digitala ytan, ut\xf6ver de sj\xe4lvklara banktj\xe4nsterna, arbetar marknadsavdelningen i stor skala med sin position som en av de ledande auktoriteterna inom det ekonomiska landskapet. En av deras viktigaste kanaler i detta \xe4r nyhetsportalen Nextconomy."})}),(0,i.jsx)(r.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(a.X,{type:"h2",$color:"sand",$size:"desk-40",$margin:{top:"none",bottom:"none"},$responsive:{tablet:{$margin:{top:"none"}}},children:"En dagsf\xe4rsk k\xe4lla till nyheter och content"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(l.x,{...A.TG,children:"P\xe5 Nextconomy.se publiceras nytt inneh\xe5ll dagligen, dels i form av rena nyhetsartiklar men ocks\xe5 poddar, videoinneh\xe5ll och kr\xf6nikor. Ett h\xf6gt tempo, st\xe4ndig aktualitet och framf\xf6r allt en h\xf6g niv\xe5 p\xe5 analytiskt och r\xe5dgivande inneh\xe5ll g\xf6r portalen till en mycket popul\xe4r nyhetsk\xe4lla."})]})]})})]}),(0,i.jsx)(r.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{...A.gk,children:(0,i.jsx)(o.k,{$direction:"column",children:(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(a.X,{type:"h2",$color:"sand",$size:"desk-40",$margin:{top:"none",bottom:"none"},$responsive:{tablet:{$margin:{top:"none"}}}
1,children:"Nextconomy 1.0"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(l.x,{...A.TG,children:["Raket fick uppdraget att forma konceptet Nextconomy och realisera det i ett robust och effektivt CMS. Vi arbetade fram en l\xe4ttkonsumerad redaktionell design i andan av de moderna nyhetstj\xe4nsterna som d\xf6k upp i slutet av decenniet.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Plattformsvalet f\xf6ll p\xe5 WordPress och den f\xf6rsta generationen av nyhetsportalen lanserades 2017."]})]})})})}),(0,i.jsx)(r.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{...A.gk,children:(0,i.jsx)(o.k,{$direction:"column",children:(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsxs)(a.X,{type:"h2",$color:"sand",$size:"desk-40",$margin:{top:"none",bottom:"none"},$responsive:{tablet:{$margin:{top:"none"}}},children:["Redesign, tillg\xe4nglighet, s\xe4kerhet"," ",(0,i.jsx)("span",{children:"- en produkt i st\xe4ndig r\xf6relse"})]}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(l.x,{...A.TG,children:"Under de g\xe5ngna sju \xe5ren har vi dels f\xf6rvaltat den tekniska applikationen och jobbat tillsammans med DanskeBanks s\xe4kerhetsavdelning i deras l\xf6pande s\xe4kerhetsarbete. Men portalen har ocks\xe5 f\xe5tt tv\xe5 stycken facelifts â f\xf6r att h\xe5lla uttrycket aktuellt men ocks\xe5 f\xf6r att justera anv\xe4ndarupplevelsen efter f\xf6r\xe4ndringar i s\xe5v\xe4l inneh\xe5llsfokus som bes\xf6karnas beteende. Ut\xf6ver detta har vi ocks\xe5 f\xf6rb\xe4ttrat tillg\xe4ngligheten p\xe5 portalen mot WCAG 2.2."})]})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},7438:function(e,s,t){t.d(s,{Parkcentral:function(){return C}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(4505),d=t(5440),A=t(41),c=t(5668),m=t(2595),h=t(9502),p=t(212),b=t(6633),g=t(5058),$=t(9744),u=t(5217),x=t(5408),k=t(7286),j=t(5941),v=t(8080),f=t(2173),w=t(5621),z=t(1686),y=t(4774),B=t(8708),E=t(3556),Q=t(2),O=t(4252),N=t(7636);let C=()=>{let{currentBreakpoint:e}=(0,B.F)(),s=null==e?void 0:e.includes("mobile"),t=(0,E.$V)();return(0,i.jsx)(m.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsx)(l.$,{$color:"black",children:(0,i.jsxs)(A.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:[(0,i.jsx)(r.P,{$position:{$column:[11,14],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,11]}}},children:(0,i.jsx)(A.k,{$justify:"flex-end",$responsive:{tablet:{$justify:"flex-start"}}
1,children:(0,i.jsx)(y.n,{type:"parkcentral",$width:"18.6rem"})})}),(0,i.jsx)(r.P,{$position:{$column:[2,10],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsx)(o.X,{type:"h3",$size:"desk-48",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:"Hur bygger man en webbplats f\xf6r n\xe5got som inte finns?"})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(Q.z,{svg:"parkcentral",$svgColor:"black",children:(0,i.jsx)(O.b,{mediaUrl:"/videos/newbody_case.mp4"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(A.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"Tekniken bakom"})}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(w.a,{$columns:1,$direction:"column",list:[{title:"WordPress",href:"/tjanster/wordpress/"}]})})]}),(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},$responsive:{tablet:{$margin:{top:"none"}}},children:"V\xe5ra tj\xe4nster"})}),(0,i.jsx)(N.N,{direction:"up",children:(0,i.jsx)(w.a,{$columns:1,$direction:"column",list:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Integration"},{title:"Internationalisering",href:"/tjanster/internationalisering/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Digital strategi",href:"/tjanster/digital-strategi/"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...f.gk,children:(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(c.x,{$size:"desk-14",$color:"sand",$margin:"none",$uppercase:!0,children:"Bakgrund"}),(0,i.jsx)(a.i,{$size:"desk-2xs",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(o.X,{...f.MO,children:"Rubrik om bakgrunden"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(c.x,{...f.TG,children:["IT-utvecklingen \xe4r under st\xe4ndig, ja, utveckling. Digital marknadsf\xf6ring har blivit allt mer sofistikerat och fragmenterad. Ens aff\xe4r flyttar i st\xf6rre utstr\xe4ckning ut p\xe5 n\xe4tet, och ens digitala n\xe4rvaro blir allt mer splittrad genom framv\xe4xten av sociala media och andra digitala ytor. Fr\xe5n att man startat med en hemsida \xe4r det inte ovanligt att det sedan rullat p\xe5 med egen e-handel, digitala produkter, CRM-verktyg, analystj\xe4nster, nyhetsbrev, sociala media-kanaler, osv, osv. Puh!",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Samtidigt rullar teknikutvecklingen fram\xe5t. Nya programmeringsspr\xe5k och allt fler specialiserade tj\xe4nster som l\xf6ser uppgifterna snabbare dyker upp.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"F\xf6r att h\xe4nga med har m\xe5nga f\xf6retag som var tidigt ute och startat med kanske ett verktyg f\xf6r att sk\xf6ta all sin digitala marknadsf\xf6ring lagt till funktionalitet allt eftersom behov och krav \xf6kat. Man har byggt p\xe5 och p\xe5 men finner sig snart i en \xe5terv\xe4ndsgr\xe4nd. Man f\xe5r sv\xe5rt att ha det tempo man \xf6nskar kring innovation och kommunikation. Det blir ocks\xe5 sv\xe5rare att h\xe5lla ihop alla sina hemsidor, produkter och kommunikationsytor och verkligen dra nytta av dem tillsammans.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}
1),"Precis den sitsen hade Newbody Family hamnat i."]})]})})]}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...f.gk,children:(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(c.x,{$size:"desk-14",$color:"sand",$margin:"none",$uppercase:!0,children:"Om Newbody family"}),(0,i.jsx)(a.i,{$size:"desk-2xs",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(o.X,{...f.MO,children:"Rubrik om Newbody"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(c.x,{...f.TG,children:["Sedan 1987 har Newbody Family hj\xe4lpt f\xf6reningar och skolklasser att n\xe5 sina dr\xf6mmar genom att s\xe4lja f\xf6retagets omtyckta produkter. Under \xe5ren har Newbody fortsatt att utveckla sitt erbjudande, adderat varum\xe4rken och f\xf6rs\xe4ljningskanaler.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"S\xe4ttet som Newbody s\xe4ljer sin produkter skiljer sig kraftigt fr\xe5n hur andra f\xf6retag g\xf6r. 1000-tals klasser, lag och klubbar agerar som \xe5terf\xf6rs\xe4ljare och s\xe4ljer till sl\xe4kt och v\xe4nner. Dels med hj\xe4lp av en klassisk tryckt katalog och dels genom en egen skr\xe4ddarsydd webbshop.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Som utg\xe5ngspunkt hade Newbody valt ett monolitiskt system i e-handelsplattformen Magento 1. F\xf6r att st\xf6dja det ovanliga distributionss\xe4ttet har plattformen beh\xf6vts modifierats en hel del.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Till den h\xe4r plattformen var \xe4ven landningssidor, best\xe4llningsformul\xe4r, kundtj\xe4nst kopplade, p\xe5 insidan var \xe4ven bland annat logistik, returhantering och CRM integrerade. N\xe4r vi kom in i bilden var grundproblemet att Newbody hade en f\xf6r gammal applikation. Magento skulle inom om n\xe5gra m\xe5nader n\xe5 s k end-of-life, n\xe4r utvecklaren bakom inte l\xe4ngre uppdaterar applikationens kodbas. F\xf6rutom att det d\xe5 inte l\xe4ngre l\xe4ggs till ny och uppdaterad funktionalitet \xf6ppnar det upp f\xf6r s\xe5rbarheter i koden.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Kunde det vara s\xe5 att Raket kunde hj\xe4lpa Newbody att uppdatera applikationen till en nyare version eller fanns det en \xe4nnu b\xe4ttre l\xf6sning att g\xe5 p\xe5?"]})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-xl"}}}),(0,i.jsxs)(l.$,{$color:"pitchBlack",children:[(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$row:"mob-m",$column:"none"}}},children:[(0,i.jsx)(r.P,{$position:{$column:[2,7]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:s&&t?(0,i.jsxs)(A.k,{$gap:"mob-m",$width:"full",children:[(0,i.jsx)(d.E,{src:h.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"}),(0,i.jsx)(d.E,{src:p.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"})]}):(0,i.jsx)(A.k,{$gap:"desk-l",$height:"full",children:(0,i.jsx)(d.E,{src:v.Z,alt:"Fr\xe5n Newbodys shop som visar en produkt och produktlistningen i mobilt format"})})}),(0,i.jsx)(r.P,{$position:{$column:[8,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(d.E,{src:b.Z,$aspectRatio:"616/434",alt:"Fr\xe5n Newbodys shop som visar en produkt"})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsxs)(A.k,{$gap:"tab-l",$height:"full",$responsive:{mobile:{$direction:"column",$gap:"mob-m"}},children:[(0,i.jsx)(d.E,{src:g.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"616/434"}),(0,i.jsx)(d.E,{src:$.Z,alt:"Newbodys sida f\xf6r att starta f\xf6rs\xe4ljning",$aspectRatio:"616/434"})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsxs)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:[(0,i.jsxs)(r.P,{$position:{$column:[2,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:[(0,i.jsx)(A.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(z.r,{href:"https://newbodyfamily.com/sv-se/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"Till webbplatsen"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-2xs"}}}),(0,i.jsx)(a.i,{$size:"desk-l",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}})]}),(0,i.jsx)(r.P,{$position:{$column:[2,8]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)(d.E,{src:u.Z,$aspectRatio:"616/434",alt:"Newbodys s\xe4ljarportals startsida"})}),(0,i.jsx)(r.P,{$position:{$column:[9,14]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:s&&t?(0,i.jsxs)(A.k,{$gap:"mob-m",$width:"full",children:[(0,i.jsx)(d.E,{src:x.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver aktiva shoppar, statistik \xf6ver s\xe5lda paket och hittills insamlade pengar."}),(0,i.jsx)(d.E,{src:k.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver s\xe4ljares ordrar."})]}):(0,i.jsx)(A.k,{$gap:"desk-l",$height:"full",children:(0,i.jsx)(d.E,{src:j.Z,alt:"Newbodys s\xe4ljarportal som visar en \xf6versikt \xf6ver ordrar, aktiva shoppar, statistik \xf6ver s\xe5lda paket och hittills insamlade pengar."})})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...f.gk,children:(0,i.jsxs)(A.k,{$direction:"column",children:[(0,i.jsx)(c.x,{$size:"desk-14",$color:"sand",$margin:"none",$uppercase:!0,children:"Tekniken"}),(0,i.jsx)(a.i,{$size:"desk-2xs"}),(0,i.jsx)(o.X,{...f.MO,children:"Rubrik om teknikvalen"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(c.x,{...f.TG,children:"Navet i l\xf6sningen blev ett api byggd med Laravel (?) till vilken olika microtj\xe4nster kopplades in."})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})})}},4517:function(e,s,t){t.d(s,{Sagaform:function(){return k}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(41),d=t(5668),A=t
1(2595),c=t(2173),m=t(5621),h=t(1686),p=t(2329),b=t(2),g=t(5440),$=t(4252),u=t(7636),x=t(8087);let k=()=>{let e=(0,x.useLocale)();return(0,i.jsx)(A.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(l.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(p.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(o.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"Two brands, one platform "}),(0,i.jsx)("br",{}),"- headless e-commerce",(0,i.jsx)("br",{})," for Sagaform"]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"Tv\xe5 varum\xe4rken, en plattform "}),(0,i.jsx)("br",{}),"- headless e-handel",(0,i.jsx)("br",{})," f\xf6r Sagaform"]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(b.z,{children:(0,i.jsx)(g.E,{src:"/images/cases/sagaform/sagaform-hero.png",alt:"en"===e?"Sagaform e-commerce website":"Sagaform e-handel webbplats",$aspectRatio:"16/8"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(l.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"en"===e?"Technology behind":"Tekniken bakom"})}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:[{title:"Centra",href:"/tjanster/centra/"},{title:"Storyblok",href:"/tjanster/storyblok/"},{title:"Rule",href:"/tjanster/rule/"},{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Vercel",href:"/tjanster/vercel/"},{title:"Cookiebot"}]})})]}),(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"en"===e?"Our services":"V\xe5ra tj\xe4nster"})}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:"en"===e?[{title:"Web design",href:"/tjanster/webbdesign/"},{title:"Technical strategy",href:"/tjanster/teknisk-strategi/"},{title:"Technical project management",href:"/tjanster/teknisk-projektledning/"},{title:"Development",href:"/tjanster/utveckling/"},{title:"Integration"}]:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Integration"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Sagaform is a Swedish design company within New Wave Group, rooted in Gothenburg, that has been creating household products where form meets function since 1996. Under the Byon brand, they offer a more design-driven collection aimed at a design-conscious audience. Two distinct brands with entirely different identities, but with the same need for a modern, cost-effective e-commerce solution.":"Sagaform \xe4r ett svenskt designf\xf6retag inom New Wave Group med r\xf6tter i G\xf6teborg som sedan 1996 skapat hush\xe5llsprodukter d\xe4r form och funktion m\xf6ts. Under varum\xe4rket Byon erbjuder de en mer designdriven kollektion riktad mot en inredningsmedveten publik. Tv\xe5 tydliga varum\xe4rken med helt olika identiteter, men med samma behov av en modern, kostnadseffektiv e-handel."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)(u.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Challenge":"Utmaning"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["Sagaform had outgrown its custom-built CMS solution. The platform was costly to maintain, heavy to administer and difficult to evolve. It was time to move to a modern, service-based technical platform, both to reduce costs and to future-proof the entire digital presence.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"At the same time, Sagaform had a strong design brand that couldn","'","t be compromised. Byon, with its more modern and design-driven identity, added further requirements for the new platform to carry entirely different visual expressions without sacrificing experience or performance.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The challenge was clear: move from a custom-built solution to a modern composable architecture, give both brands their own digital homes, and cut operational costs in half."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Sagaform hade vuxit ur sin egenutvecklade CMS-l\xf6sning. Plattformen var kostsam att underh\xe5lla, tung att administrera och sv\xe5r att vidareutveckla. Det var dags att ta steget in i en modern, tj\xe4nstebaserad teknisk plattform, dels f\xf6r att s\xe4nka kostnaderna, dels f\xf6r att framtidss\xe4kra hela den digitala n\xe4rvaron.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Samtidigt hade Sagaform ett starkt designvarum\xe4rke som inte fick kompromissas. Byon, med sin mer moderna och designdrivna identitet, st\xe4llde ytterligare krav p\xe5 att den nya plattformen kunde b\xe4ra helt skilda visuella uttryck utan att tumma p\xe5 vare sig upplevelse eller prestanda.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Utmaningen var tydlig: g\xe5 fr\xe5n en egenutvecklad l\xf6sning till en modern composable-arkitektur, ge b\xe5da varum\xe4rkena egna digitala hem och samtidigt halvera driftkostnaderna."]})]})]})]})})]}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsx)(l.k,{$direction:"column",children:(0,i.jsxs)(u.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Our role":"V\xe5r roll"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["We took full ownership of the project, from strategy and design to development and launch. Based on Sagaform","'","s existing brand identities, we designed new Figma mockups for both stores and translated them into a shared technical platform. In five months, we built, tested and launched two full-scale e-commerce stores across four markets.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The collaboration continues. We","'","re currently extending the platform with an engraving solution that lets customers personalize selected products directly in the purchase flow."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Vi tog helhetsansvaret f\xf6r projektet, fr\xe5n strategi och design till utveckling och lansering. Utifr\xe5n Sagaforms befintliga varum\xe4rkesidentiteter tog vi fram nya Figma-skisser f\xf6r b\xe5da e-handlarna och omsatte dem till en gemensam teknisk plattform. P\xe5 fem m\xe5nader byggde, testade och lanserade vi tv\xe5 fullskaliga e-handlar p\xe5 fyra marknader.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Samarbetet forts\xe4tter. Just nu vidareutvecklar vi plattformen med en graveringsl\xf6sning som l\xe5ter kunder personalisera utvalda produkter direkt i k\xf6pfl\xf6det."]})]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:(0,i.jsx)(l.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(h.r,{href:"https://www.sagaform.com/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"en"===e?"Visit website":"Till webbplatsen"})})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(a.i,{$size:"desk-2xs"}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"One codebase, two identities":"En kodbas, tv\xe5 identiteter"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["The core of the solution is a shared Next.js codebase with a theme-based architecture layer. Sagaform and Byon share the same technical platform, including a shared Centra instance for e-commerce functionality, but present themselves with entirely different visual identities.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"This means a bug fix, performance optimization or new feature developed in the codebase automatically benefits both stores. The efficiency of maintaining a single codebase instead of two separate solutions was a decisive factor in the cost savings."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["K\xe4rnan i l\xf6sningen \xe4r en gemensam Next.js-kodbas med ett theme-baserat arkitekturlager. Sagaform och Byon delar samma tekniska plattform, inklusive en gemensam Centra-instans f\xf6r e-handelsfunktionaliteten, men presenterar sig med helt skilda visuella
1identiteter.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Det inneb\xe4r att en buggfix, prestandaoptimering eller ny funktion som utvecklas i kodbasen automatiskt kommer b\xe5da handlarna till godo. Effektiviteten i att underh\xe5lla en enda kodbas ist\xe4llet f\xf6r tv\xe5 separata l\xf6sningar var en avg\xf6rande faktor i kostnadsbesparingen."]})]})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"From hours to minutes":"Fr\xe5n timmar till minuter"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"With Storyblok as CMS, Sagaform's editors got an entirely new workflow. Content management that previously took hours is now done in minutes. The visual editing interface makes it easy to preview changes instantly, without waiting for builds or deployments.":"Med Storyblok som CMS fick Sagaforms redakt\xf6rer en helt ny arbetsvardag. Inneh\xe5llshantering som tidigare tog timmar g\xf6rs nu p\xe5 minuter. Det visuella redigeringsgr\xe4nssnittet g\xf6r det enkelt att f\xf6rhandsgranska \xe4ndringar direkt, utan att beh\xf6va v\xe4nta p\xe5 byggen eller deployments."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Four markets":"Fyra marknader"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"The platform was launched with support for four markets: Sweden, Denmark, Finland and the EU, with localized currency handling and content. Centra manages the market logic while Storyblok makes it easy to adapt content per market.":"Plattformen lanserades med st\xf6d f\xf6r fyra marknader: Sverige, Danmark, Finland och EU, med lokaliserad valutahantering och inneh\xe5ll. Centra hanterar marknadslogiken medan Storyblok g\xf6r det enkelt att anpassa inneh\xe5llet per marknad."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Lower costs":"L\xe4gre kostnader"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)(u.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"By choosing cost-effective, service-based platforms and modern hosting, we were able to significantly reduce Sagaform's operational costs compared to the previous solution, while future-proofing the entire technical foundation.":"Genom att v\xe4lja kostnadseffektiva, tj\xe4nstebaserade plattformar och modern hosting kunde vi s\xe4nka Sagaforms driftkostnader markant j\xe4mf\xf6rt med tidigare l\xf6sning, och samtidigt framtidss\xe4kra hela den tekniska grunden."})})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[5,11]},$responsive:{mobile:{$position:{$column:[2,14]}}},children:(0,i.jsx)($.b,{$aspectRatio:"4/5",mediaUrl:"/videos/cases/sagaform/sagaform_full-case_vertical.mp4"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},4052:function(e,s,t){t.d(s,{Tenson:function(){return x}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(7297),l=t(41),d=t(5668),A=t(2595),c=t(2173),m=t(5621),h=t(1686),p=t(2329),b=t(2),g=t(5440),$=t(7636),u=t(8087);let x=()=>{let e=(0,u.useLocale)();return(0,i.jsx)(A.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(l.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(p.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(r.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(o.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"Modern e-commerce "}),(0,i.jsx)("br",{}),"for a brand ready",(0,i.jsx)("br",{})," to grow - Tenson"]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:"Modern e-handel "}),(0,i.jsx)("br",{}),"f\xf6r ett varum\xe4rke redo",(0,i.jsx)("br",{})," att v\xe4xa - Tenson"]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,15]},children:(0,i.jsx)(b.z,{children:(0,i.jsx)(g.E,{src:"/images/cases/tenson/tenson-hero.png",alt:"en"===e?"Tenson e-commerce website":"Tenson e-handel webbplats",$as
1pectRatio:"16/8"})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsxs)(r.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsxs)(l.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:[(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"en"===e?"Technology behind":"Tekniken bakom"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:[{title:"Centra",href:"/tjanster/centra/"},{title:"Storyblok",href:"/tjanster/storyblok/"},{title:"Depict",href:"/tjanster/depict/"},{title:"Klaviyo"},{title:"Next.js",href:"/tjanster/nextjs/"},{title:"Vercel",href:"/tjanster/vercel/"},{title:"CJ Affiliate"},{title:"Kustom (Klarna)"}]})})]}),(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$responsive:{tablet:{$margin:{top:"none"}}},children:"en"===e?"Our services":"V\xe5ra tj\xe4nster"})}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(m.a,{$columns:1,$direction:"column",list:"en"===e?[{title:"Web design",href:"/tjanster/webbdesign/"},{title:"Technical strategy",href:"/tjanster/teknisk-strategi/"},{title:"Technical project management",href:"/tjanster/teknisk-projektledning/"},{title:"Development",href:"/tjanster/utveckling/"},{title:"Integration"}]:[{title:"Webbdesign",href:"/tjanster/webbdesign/"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi/"},{title:"Teknisk projektledning",href:"/tjanster/teknisk-projektledning/"},{title:"Utveckling",href:"/tjanster/utveckling/"},{title:"Integration"}]})})]})]}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Tenson is a Swedish outdoor brand within New Wave Group with roots dating back to 1951. Known for functional skiwear and outdoor clothing, Tenson had ambitions to grow their direct-to-consumer e-commerce, but the existing platform was holding them back.":"Tenson \xe4r ett svenskt outdoorvarum\xe4rke inom New Wave Group med r\xf6tter tillbaka till 1951. K\xe4nda f\xf6r funktionella skidkl\xe4der och friluftskl\xe4der hade Tenson ambitionen att v\xe4xa sin e-handel mot slutkonsument, men den befintliga plattformen h\xf6ll dem tillbaka."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Challenge":"Utmaning"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["Tenson","'","s e-commerce ran on an aging Umbraco installation that was difficult to maintain and develop further. At the same time, the company was in the middle of a broader transformation, switching ERP, warehouse system and PIM in parallel.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The challenge was to build a completely new e-commerce platform in just three months, while coordinating with the ongoing system changes happening around it, and deliver a foundation that Tenson could grow on for years to come."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Tensons e-handel k\xf6rdes p\xe5 en \xe4ldre Umbraco-installation som var sv\xe5r att underh\xe5lla och vidareutveckla. Samtidigt var bolaget mitt i en bredare omst\xe4llning, byte av ERP, lagersystem och PIM p\xe5gick parallellt.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Utmaningen var att bygga en helt ny e-handelsplattform p\xe5 bara tre m\xe5nader, samtidigt som vi koordinerade med de systembyten som p\xe5gick runtomkring, och leverera en grund som Tenson kunde v\xe4xa p\xe5 i \xe5ratal fram\xf6ver."]})]})]})]})})]}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsx)(l.k,{$direction:"column",children:(0,i.jsxs)($.N,{direction:"up",children:[(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Our role":"V\xe5r roll"}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsxs)(d.x,{...c.TG,children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["We took full ownership, from strategy and design to development and launch. We designed an entirely new e-commerce experience in Figma and built it on a modern composable stack with Storyblok, Centra, Depict and Next.js.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"The collaboration continues. We","'","re currently extending the platform with Ingrid for delivery management and Kustom (Klarna","'","s new checkout) to further strengthen the buying experience."]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Vi tog helhetsansvaret, fr\xe5n strategi och design till utveckling och lansering. Vi tog fram en helt ny e-handelsdesign i Figma och byggde den p\xe5 en modern composable-stack med Storyblok, Centra, Depict och Next.js.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"Samarbetet forts\xe4tter. Just nu vidareutvecklar vi plattformen med Ingrid f\xf6r leveranshantering och Kustom (Klarnas nya checkout) f\xf6r att st\xe4rka k\xf6pupplevelsen ytterligare."]})]})]})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-2xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(r.r,{$columns:14,$responsive:{mobile:{$gap:{$column:"none",$row:"mob-m"}}},children:(0,i.jsx)(r.P,{$position:{$column:[2,13]},$responsive:{mobile:{$position:{$column:[2,12]}}},children:(0,i.jsx)(l.k,{$justify:"flex-end",children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",$width:160,children:(0,i.jsx)(h.r,{href:"https://www.tenson.com/",$color:"pinkOnBlack",$responsive:{mobile:{$size:"mob-14"}},children:"en"===e?"Visit website":"Till webbplatsen"})})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...c.gk,children:(0,i.jsxs)(l.k,{$direction:"column",children:[(0,i.jsx)(a.i,{$size:"desk-2xs"}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Three months to launch":"Tre m\xe5nader till lansering"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Despite the tight timeline and the parallel system changes, we delivered a fully functional e-commerce platform in three months. The key was a clear technical strategy from day one and close collaboration with Tenson's team throughout the process.":"Trots den sn\xe4va tidsramen och de parallella systembytena levererade vi en fullt fungerande e-handelsplattform p\xe5 tre m\xe5nader. Nyckeln var en tydlig teknisk strategi fr\xe5n dag ett och ett n\xe4ra samarbete med Tensons team genom hela processen."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Built to grow":"Byggt f\xf6r att v\xe4xa"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"The new platform gives Tenson full control over their digital presence, with a modern stack that makes it easy to add new markets, integrations and functionality as the business grows. No platform lock-in, no unnecessary dependencies.":"Den nya plattformen ger Tenson full kontroll \xf6ver sin digitala n\xe4rvaro, med en modern stack som g\xf6r det enkelt att l\xe4gga till nya marknader, integrationer och funktionalitet i takt med att verksamheten v\xe4xer. Ingen inl\xe5sning, inga on\xf6diga beroenden."})}),(0,i.jsx)(a.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-s"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(o.X,{...c.MO,children:"en"===e?"Part of a larger picture":"Del av en st\xf6rre helhet"})}),(0,i.jsx)(a.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-xs"}}}),(0,i.jsx)($.N,{direction:"up",children:(0,i.jsx)(d.x,{...c.TG,children:"en"===e?"Tenson is part of New Wave Group, where we also work with Craft Sportswear and Sagaform. The shared knowledge and experience across these projects allows us to build smarter, move faster and make better technical decisions, something that benef
1its every brand we work with in the group.":"Tenson ing\xe5r i New Wave Group, d\xe4r vi \xe4ven arbetar med Craft Sportswear och Sagaform. Den delade kunskapen och erfarenheten mellan projekten g\xf6r att vi kan bygga smartare, r\xf6ra oss snabbare och fatta b\xe4ttre tekniska beslut, n\xe5got som kommer varje varum\xe4rke i koncernen till godo."})})]})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},876:function(e,s,t){t.d(s,{Wally:function(){return $}});var i=t(7437),n=t(5146),r=t(579),a=t(7297),o=t(41),l=t(5668),d=t(2595),A=t(2173),c=t(5621),m=t(2329),h=t(2),p=t(4252),b=t(7636),g=t(8087);let $=()=>{let e=(0,g.useLocale)();return(0,i.jsx)(d.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsxs)(o.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(r.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(m.V,{$disableHeight:!0,theme:"dark",children:(0,i.jsx)(n.r,{$columns:14,$responsive:{tablet:{$gap:{$column:"none",$row:"mob-s"}}},children:(0,i.jsx)(n.P,{$position:{$column:[2,12],$row:[1,1]},$responsive:{tablet:{$position:{$column:[2,13],$row:[2,2]}}},children:(0,i.jsxs)(a.X,{type:"h1",$size:"desk-72",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{desktop:{$size:"desk-48"},tablet:{$size:"desk-40"},mobile:{$size:"mob-32"}},children:["en"===e&&(0,i.jsxs)(i.Fragment,{children:["Wally - An ",(0,i.jsx)("span",{children:"accessible"})," Wordpress theme"]}),"sv"===e&&(0,i.jsxs)(i.Fragment,{children:["Wally - Ett ",(0,i.jsx)("span",{children:"tillg\xe4nglighetsanpassat"})," ","Wordpress-tema"]})]})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-l"}}}),(0,i.jsx)(n.r,{$columns:14,children:(0,i.jsx)(n.P,{$position:{$column:[2,15]},children:(0,i.jsx)(h.z,{$svgColor:"white",children:(0,i.jsx)(p.b,{mediaUrl:"/videos/cases/wally/wally-video-1.mp4"})})})}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-m"}}}),(0,i.jsxs)(n.r,{$columns:14,children:[(0,i.jsxs)(n.P,{$position:{$column:[2,5]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}},children:[(0,i.jsx)(o.k,{$direction:"column",$gap:"desk-l",$responsive:{tablet:{$direction:"column",$justify:"flex-start"},mobile:{$direction:"column",$gap:"mob-s"}},children:(0,i.jsxs)(o.k,{$direction:"column",children:[(0,i.jsx)(b.N,{direction:"up",children:(0,i.jsx)(a.X,{type:"h3",$color:"pinkOnBlack",$size:"mob-14",$uppercase:!0,$margin:{bottom:"desk-s"},children:"en"===e?"Technology behind":"Tekniken bakom"})}),(0,i.jsx)(b.N,{direction:"up",children:(0,i.jsx)(c.a,{$columns:1,$direction:"column",list:[{title:"Wordpress",href:"/tjanster/wordpress/"},{title:"WCAG 2.0 AA",href:"/tjanster/tillganglighet/"}]})})]})}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}})]}),(0,i.jsx)(n.P,{...A.gk,children:(0,i.jsx)(o.k,{$direction:"column",children:(0,i.jsxs)(b.N,{direction:"up",children:[(0,i.jsx)(l.x,{...A.TG,children:"en"===e?"When you use Wally, you get an accessible website both for the visitor and for you who work with the website. Regardless of who you are and how you work best. With Wally, you don't have to choose between a website that looks good and communicates what you want or an accessible website.":"N\xe4r du anv\xe4nder Wally s\xe5 f\xe5r du en tillg\xe4nglig webbplats b\xe5de f\xf6r bes\xf6karen och f\xf6r dig som arbetar med webbplatsen. Oavsett vem du \xe4r och hur du fungerar b\xe4st. Med Wally beh\xf6ver du inte v\xe4lja mellan en webbplats som ser bra ut och kommunicerar det du vill eller en tillg\xe4nglig webbplats."}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsx)(l.x,{...A.dr,children:"Vad:"}),(0,i.jsx)(l.x,{...A.TG,children:"en"===e?"WordPress theme with focus on accessibility for both visitors and editors":"WordPress-tema med fokus p\xe5 tillg\xe4nglighet f\xf6r b\xe5de bes\xf6kare och redakt\xf6r"}),(0,i.jsx)(r.i,{$size:"desk-s",$responsive:{tablet:{$size:"tab-s"}}}),(0,i.jsxs)(l.x,{...A.TG,children:["en"===e?'As one of the winners in the Swedish Post and Telecommunications Board\'s innovation competition on the theme "Innovation for all", we, together with the accessibility agency ETU, had the opportunity to explore how well WordPress and 360-degree accessibility rhyme. The result: a solid WordPress theme that takes accessibility even further, for visitors and users alike.':'Som en av vinnarna i Post- och telestyrelsens innovationst\xe4vling p\xe5 temat "Innovation f\xf6r alla" fick vi, tillsammans med tillg\xe4nglighetsbyr\xe5n ETU, m\xf6jligheten att utforska hur v\xe4l WordPress och 360-graders tillg\xe4nglighet rimmar. Resultatet: ett gediget WordPress-tema som tar tillg\xe4ngligheten \xe4nnu l\xe4ngre, f\xf6r s\xe5v\xe4l bes\xf6kare som anv\xe4ndare.',(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"en"===e?"The work spanned just over two years and has given us invaluable, in-depth knowledge of accessibility challenges and s
1olutions. Creating accessibility based on the different perspectives of both the concept and the different target groups is a multifaceted process.":"Arbetet sp\xe4nde \xf6ver dryga tv\xe5 \xe5r och har gett oss ov\xe4rderliga, djuplodande kunskaper i tillg\xe4nglighetens utmaningar och l\xf6sningar. Att skapa tillg\xe4nglighet utifr\xe5n s\xe5v\xe4l begreppets som de olika m\xe5lgruppernas olika perspektiv \xe4r en m\xe5ngfacetterad process.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"en"===e?"The result we are very proud of: a highly accessible WordPress theme and plugin, large amounts of knowledge and a number of insights along the way.":"Resultatet \xe4r vi v\xe4ldigt stolta \xf6ver: ett j\xe4ttetillg\xe4ngligt WordPress-tema och -plugin, stora m\xe4ngder kunskap och ett antal insikter p\xe5 k\xf6pet."]})]})})})]}),(0,i.jsx)(r.i,{$size:"desk-xl",$responsive:{tablet:{$size:"tab-xl"},mobile:{$size:"mob-s"}}}),(0,i.jsx)(r.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})}},2173:function(e,s,t){t.d(s,{B5:function(){return a},MO:function(){return r},TG:function(){return i},dr:function(){return n},gk:function(){return o}});let i={$size:"desk-24",$color:"sand",$lineHeight:"150",$margin:"none",$responsive:{tablet:{$size:"tab-18"}}},n={$size:"desk-20",$color:"sand50",$weight:"dark-bold",$lineHeight:"150",$margin:"none",$responsive:{tablet:{$size:"tab-18"}}},r={type:"h2",$size:"desk-48",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{tablet:{$size:"tab-28"},mobile:{$size:"mob-24"}}},a={type:"h3",$size:"desk-32",$color:"sand",$margin:"none",$lineHeight:"120",$responsive:{tablet:{$size:"tab-24"},mobile:{$size:"mob-18"}}},o={$position:{$column:[6,13]},$responsive:{tablet:{$position:{$column:[4,14]}},mobile:{$position:{$column:[2,14]}}}}},8814:function(e,s,t){t.d(s,{RaketIsMoving:function(){return b}});var i=t(7437),n=t(7207),r=t(5146),a=t(579),o=t(4505),l=t(41),d=t(2595),A=t(5668),c=t(7297),m=t(2173),h=t(5440),p={src:"/_next/static/media/office.93c199fe.jpg",height:552,width:925,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAGcD//EABYQAQEBAAAAAAAAAAAAAAAAAAIBFP/aAAgBAQABBQLS6f/EABYRAQEBAAAAAAAAAAAAAAAAAAEAIf/aAAgBAwEBPwEcv//EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oACAECAQE/Aa//xAAZEAABBQAAAAAAAAAAAAAAAAAAARESIlH/2gAIAQEABj8CSNHw/8QAGBAAAgMAAAAAAAAAAAAAAAAAAAEhQYH/2gAIAQEAAT8hbtFV8P/aAAwDAQACAAMAAAAQ8//EABURAQEAAAAAAAAAAAAAAAAAAAEA/9oACAEDAQE/EERf/8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQIBAT8QALf/xAAZEAEAAgMAAAAAAAAAAAAAAAABETEAIVH/2gAIAQEAAT8QebeGISdXWf/Z",blurWidth:8,blurHeight:5};let b=()=>(0,i.jsx)(d.Layout,{disableLoader:!0,theme:"dark",children:(0,i.jsx)(o.$,{$color:"black",children:(0,i.jsxs)(l.k,{$direction:"column",$height:"full",children:[(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsxs)(r.r,{$columns:14,children:[(0,i.jsx)(r.P,{$position:{$column:[2,2]},children:(0,i.jsx)(n.Y,{$color:"pinkOnBlack",children:(0,i.jsx)(A.x,{$color:"pinkOnBlack",$size:"desk-14",$margin:"none",$weight:"light-medium",children:"Kultur"})})}),(0,i.jsx)(a.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"},mobile:{$size:"mob-m"}}}),(0,i.jsx)(r.P,{$position:{$column:[2,9]},$responsive:{tablet:{$position:{$column:[5,14]}},mobile:{$position:{$column:[2,15]}}},children:(0,i.jsx)(c.X,{type:"h1",$color:"sand80",$size:"desk-104",$margin:"none",$weight:"dark-medium",$responsive:{desktopSmall:{$size:"tab-80"},tablet:{$size:"mob-40"}},children:"Hejd\xe5 Vasagatan. Hej Linn\xe9gatan!"})})]}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{...m.gk,children:(0,i.jsx)(l.k,{$direction:"column",children:(0,i.jsx)(A.x,{...m.TG,children:"I sex \xe5r huserade Raket i fantastiskt sk\xf6na lokaler med hemma-hos-k\xe4nsla mitt i Vasastan. Med h\xf6gt i tak och makal\xf6st parkettgolv.I takt med b\xe5de vi och kunderna blev fler \xf6kade behoven av s\xe5v\xe4l st\xf6rre arbetsytor som fler m\xf6tesutrymmen. I augusti 2020 gick s\xe5 flyttlasset fr\xe5n Viktoriagatan till Linn\xe9gatan."})})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}}),(0,i.jsx)(r.r,{$columns:14,children:(0,i.jsx)(r.P,{$position:{$column:[2,14]},children:(0,i.jsx)(h.E,{src:p,alt:"Fyra anst\xe4llda p\xe5 Raket \xe4ter pizza runt soffborden p\xe5 kontoret"})})}),(0,i.jsx)(a.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-xl"}}})]})})})},9744:function(e,s){s.Z={src:"/_next/static/media/newbody01.413e168c.jpg",height:2070,width:2940,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAGAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/9oADAMBAAIQAxAAAAG8Cf8A/8QAFRABAQAAAAAAAAAAAAAAAAAAAQP/2gAIAQEAAQUCRrH/xAAXEQADAQAAAAAAAAAAAAAAAAAAAQIh/9oACAEDAQE/AZWH/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8Br//EABgQAAMBAQAAAAAAAAAAAAAAAAECEQAD/9oACAEBAAY/AubLFsJ3/8QAFxAAAwEAAAAAAAAAAAAAAAAAACFRcf/aAAgBAQABPyFjYxQ//9oADAMBAAIAAwAAABAD/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAFB/9oACAEDAQE/EFQf/8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQIBAT8QEgrf/8QAGRABAAIDAAAAAAAAAAAAAAAAAQAhETHB/9oACAEBAAE/EDCQ8hnRsHLn/9k=",blurWidth:8,blurHeight:6}},5217:function(e,s){s.Z={src:"/_next/static/media/newbodyPortal.968a221e.jpg",height:2170,width:3080,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAGAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//aAAwDAQACEAMQAAABnhQf/8QAFRABAQAAAAAAAAAAAAAAAAAAEiH/2gAIAQEAAQUCh//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Bf//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Bf//EABQQAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQEABj8Cf//EABcQAAMBAAAAAAAAAAAAAAAAAAABUSH/2gAIAQEAAT8hUNp//9oADAMBAAIAAwAAABAD/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPxB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPxB//8QAGBABAAMBAAAAAAAAAAAAAAAAAQARMSH/2gAIAQEAAT8QVQ8x1s//2Q==",blurWidth:8,blurHeight:6}},5408:function(e,s){s.Z={src:"/_next/static/media/newbodyPortal02.253b9aaa.jpg",height:2170,width:1065,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAABBP/aAAwDAQACEAMQAAABmBQf/8QAFhAAAwAAAAAAAAAAAAAAAAAAAAES/9oACAEBAAEFAqZ//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAFRABAQAAAAAAAAAAAAAAAAAAAOH/2gAIAQEABj8Cj//EABcQAAMBAAAAAAAAAAAAAAAAAAABYZH/2gAIAQEAAT8hcsH/2gAMAwEAAgADAAAAEPP/xAAWEQADAAAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8QrP/EABYRAAMAAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPxCI/8QAGRAAAQUAAAAAAAAAAAAAAAAAAQAhMVHB/9oACAEBAAE/EAyHjRi//9k=",blurWidth:4,blurHeight:8}},7286:function(e,s){s.Z={src:"/_next/static/media/newbodyPortal03.ef78ab57.jpg",height:2170,width:1065,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//aAAwDAQACEAMQAAABiBL/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/9oACAEBAAEFAn//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/AX//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/AX//xAA
1VEAEBAAAAAAAAAAAAAAAAAAAAQf/aAAgBAQAGPwKP/8QAFhABAQEAAAAAAAAAAAAAAAAAAQAh/9oACAEBAAE/IV1n/9oADAMBAAIAAwAAABD3/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPxB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPxB//8QAGBABAQADAAAAAAAAAAAAAAAAAREAITH/2gAIAQEAAT8QGw7t4Gf/2Q==",blurWidth:4,blurHeight:8}},5941:function(e,s){s.Z={src:"/_next/static/media/newbodyPortal04.f2348bd4.jpg",height:2170,width:2555,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//aAAwDAQACEAMQAAABnAp//8QAFhAAAwAAAAAAAAAAAAAAAAAAAQIh/9oACAEBAAEFAkN//8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQMBAT8Br//EABYRAAMAAAAAAAAAAAAAAAAAAAACMf/aAAgBAgEBPwFqf//EABYQAAMAAAAAAAAAAAAAAAAAAAAhUf/aAAgBAQAGPwJw/8QAFxAAAwEAAAAAAAAAAAAAAAAAAAERkf/aAAgBAQABPyG7Vg//2gAMAwEAAgADAAAAEPf/xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAgBAwEBPxC3/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAEh/9oACAECAQE/EEo//8QAFxABAQEBAAAAAAAAAAAAAAAAATFRAP/aAAgBAQABPxBBBBOmHf/Z",blurWidth:8,blurHeight:7}},9502:function(e,s){s.Z={src:"/_next/static/media/newbodyProduct.12334107.jpg",height:2170,width:1060,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAGkD//EABYQAQEBAAAAAAAAAAAAAAAAAAQBEv/aAAgBAQABBQKmTv8A/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Br//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/AY//xAAaEAACAgMAAAAAAAAAAAAAAAABAgAREiEi/9oACAEBAAY/AmxSwTrqf//EABgQAAIDAAAAAAAAAAAAAAAAAAARASEx/9oACAEBAAE/IX1izTh//9oADAMBAAIAAwAAABAD/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Qp//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8QP//EABgQAQEAAwAAAAAAAAAAAAAAAAEhABFB/9oACAEBAAE/ECtEFppkWTmf/9k=",blurWidth:4,blurHeight:8}},212:function(e,s){s.Z={src:"/_next/static/media/newbodyProductList.58077b22.jpg",height:2170,width:1065,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABoiX/xAAVEAEBAAAAAAAAAAAAAAAAAAACIv/aAAgBAQABBQJKv//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Bf//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/Aa//xAAZEAABBQAAAAAAAAAAAAAAAAABAAIREnP/2gAIAQEABj8CNXGMl//EABcQAAMBAAAAAAAAAAAAAAAAAAABEYH/2gAIAQEAAT8hvklI/9oADAMBAAIAAwAAABAH/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Qj//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/EKf/xAAYEAEBAAMAAAAAAAAAAAAAAAABEQAxQf/aAAgBAQABPxAGBCAFoLHuf//Z",blurWidth:4,blurHeight:8}},8080:function(e,s){s.Z={src:"/_next/static/media/newbodyProducts.3a721b79.jpg",height:2175,width:2570,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAG4H//EABYQAQEBAAAAAAAAAAAAAAAAAAMBAv/aAAgBAQABBQKnsU//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/AX//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/AX//xAAYEAADAQEAAAAAAAAAAAAAAAABAhEAA//aAAgBAQAGPwLqGNLLRN//xAAYEAACAwAAAAAAAAAAAAAAAAABEQBBUf/aAAgBAQABPyEi6xaDOz//2gAMAwEAAgADAAAAEPP/xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAgBAwEBPxCv/8QAFREBAQAAAAAAAAAAAAAAAAAAADH/2gAIAQIBAT8Qj//EABkQAQACAwAAAAAAAAAAAAAAAAERIQBRcf/aAAgBAQABPxCQEJQ1raxw3n//2Q==",blurWidth:8,blurHeight:7}},5058:function(e,s){s.Z={src:"/_next/static/media/newbodySeller.d287a82a.jpg",height:2070,width:2940,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAGAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAABqJT/AP/EABcQAAMBAAAAAAAAAAAAAAAAAAIDBBH/2gAIAQEAAQUCXGef/8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQMBAT8Bj//EABcRAAMBAAAAAAAAAAAAAAAAAAABAhH/2gAIAQIBAT8Bq2qw/8QAGBAAAgMAAAAAAAAAAAAAAAAAASIAAhH
1/2gAIAQEABj8CY1Y4J//EABgQAAIDAAAAAAAAAAAAAAAAAAABESFB/9oACAEBAAE/IUbzUbg//9oADAMBAAIAAwAAABD/AP/EABURAQEAAAAAAAAAAAAAAAAAAAEA/9oACAEDAQE/EAJf/8QAFhEBAQEAAAAAAAAAAAAAAAAAASEA/9oACAECAQE/EGgZN//EABkQAQACAwAAAAAAAAAAAAAAAAEAMRFBUf/aAAgBAQABPxBQvixjS9F9n//Z",blurWidth:8,blurHeight:6}},6633:function(e,s){s.Z={src:"/_next/static/media/newbodySlider.7f3238ca.jpg",height:2170,width:3080,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAGAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAABvCP/xAAWEAEBAQAAAAAAAAAAAAAAAAACAQT/2gAIAQEAAQUCyFUf/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAGRAAAQUAAAAAAAAAAAAAAAAAAQACEiKh/9oACAEBAAY/AjMNNsX/xAAYEAACAwAAAAAAAAAAAAAAAAABEQAhMf/aAAgBAQABPyEtknVZH//aAAwDAQACAAMAAAAQD//EABYRAAMAAAAAAAAAAAAAAAAAAAABMf/aAAgBAwEBPxB0/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAEx/9oACAECAQE/EFD/xAAYEAEAAwEAAAAAAAAAAAAAAAABABExIf/aAAgBAQABPxBDjrHCUhmlz//Z",blurWidth:8,blurHeight:6}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.