{"id":1442,"date":"2026-01-23T22:35:10","date_gmt":"2026-01-23T22:35:10","guid":{"rendered":"https:\/\/nordyn.se\/?page_id=1442"},"modified":"2026-05-17T20:36:28","modified_gmt":"2026-05-17T20:36:28","slug":"e-handel","status":"publish","type":"page","link":"https:\/\/nordyn.se\/en\/e-handel\/","title":{"rendered":"e-handel"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nE-handel \u2014 Nordyn<\/title>\n<meta name=\"description\" content=\"Vi bygger e-handel som s\u00e4ljer. Skalbara l\u00f6sningar med fokus p\u00e5 konvertering, prestanda och anv\u00e4ndarv\u00e4nlighet.\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* --- GRUNDL\u00c4GGANDE VARIABLER --- *\/\n:root{\n --accent:#8A74FF;\n --muted:rgba(255,255,255,.82);\n --line:rgba(255,255,255,.12);\n \/* Cookie variables removed *\/\n --pad: clamp(24px, 3vw, 40px);\n}\n\n\/* GLOBAL RESET & BASICS *\/\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: #000000;\n margin: 0;\n padding: 0;\n width: 100%;\n overscroll-behavior-y: none;\n}\n\nbody{\n font-family:Inter,system-ui,sans-serif;\n color:#fff;\n overflow-x:hidden;\n}\n\nbutton:focus, a:focus { outline: none !important; box-shadow: none !important; }\n\n\/* -----------------------------------------------------------\n HEADER & NAV (GENENSAM)\n ----------------------------------------------------------- *\/\n.header {\n position:fixed; top:0; left:0; right:0; z-index:9999;\n padding: 22px 40px; display:flex; align-items: flex-start; justify-content:space-between;\n gap:16px; background: transparent; mix-blend-mode: difference; \n color: #fff; transition: opacity 0.3s ease;\n}\n.header.hidden { opacity: 0; pointer-events: none; }\n\n.brand { display:flex; align-items: center; gap: 16px; min-width:0; }\n.logoMark { width:145px; height:auto; display:flex; align-items:center; flex:0 0 auto; color: #fff; margin-left: -20px; }\n.logoMark svg { width:100%; height:auto; display:block; }\n\n.tagline {\n font-size:13px; line-height:1.3; color: #fff !important;\n opacity: 0.9; font-weight: 500; max-width: 200px;\n}\n.tagline.fade-out { opacity: 0; transform: translateX(-10px); transition: 0.4s ease; pointer-events: none; }\n\n.nav { display:flex; align-items:center; gap:22px; flex:0 0 auto; color: #fff; }\n.nav a.contact {\n color:inherit; text-decoration:none; font-size:14px; font-weight:600;\n opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;\n}\n.nav a.contact::after {\n content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .3s ease; opacity:.95;\n}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n\/* MENY KNAPP *\/\n.menuToggle, .menuToggleOverlay, .submenu-toggle-btn {\n cursor: pointer; user-select: none; -webkit-user-select: none;\n background: transparent; -webkit-tap-highlight-color: transparent !important; \n outline: none !important;\n}\n.menuToggle, .menuToggleOverlay {\n all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px;\n font-size:15px; font-weight:600; color: #fff; position:relative;\n padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.6); \n transition: border-color 0.3s ease;\n}\n.menuToggle:hover, .menuToggleOverlay:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n\/* -----------------------------------------------------------\n FULLSK\u00c4RMSMENY\n ----------------------------------------------------------- *\/\n.menuOverlay {\n position:fixed; inset:0; background:#000; z-index:9990;\n transform: translateY(-100%); opacity: 1; visibility:hidden;\n transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;\n}\n.menuOverlay.opening, .menuOverlay.open { visibility:visible; transform: translateY(0); }\n.menuOverlay.closing { transform: translateY(-100%); visibility:hidden; }\n\n.menuInner {\n min-height: 100svh; height: 100svh; padding: 0; \n display:flex; flex-direction:column; overflow:hidden; overflow-y: auto;\n}\n\n.menuTop { \n display:flex; align-items: flex-start; justify-content:space-between; \n gap:16px; flex:0 0 auto; padding: 22px 40px; color: #fff; z-index: 10;\n}\n.menuTop .brand, .menuTop .logoMark { color: #fff; }\n.menuTop .logoMark svg { fill: #fff; }\n.menuTop .tagline { color: rgba(255,255,255,0.7); }\n.menuToggleOverlay { color: #fff; border-color: rgba(255,255,255,0.6); }\n\n.menuContent { flex:1 1 auto; display:flex; align-items:center; padding: 18px 40px; }\n.menuList { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:24px; width:100%; }\n.menuItem { opacity:0; transform: translateY(14px); }\n.menuOverlay.open .menuItem {\n animation: menuIn .5s cubic-bezier(.2,.8,.2,1) forwards;\n animation-delay: calc(300ms + var(--d, 0ms));\n}\n@keyframes menuIn{ to { opacity:1; transform: translateY(0); } }\n\n.menuRow { display:flex; align-items:center; justify-content:space-between; gap:18px; position: relative; }\n.menuLink {\n color: rgba(255,255,255,0.5); text-decoration:none;\n font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em;\n position:relative; display:inline-block; padding:0; line-height:1.1;\n transition: color 0.3s ease;\n}\n.menuLink:hover, .menuLink:focus, .menuLink:active { color: #fff; }\n\n\/* SUBMENU STYLES *\/\n.submenu-toggle-btn {\n background: none; border: none; padding: 10px; cursor: pointer; color: var(--accent);\n display: flex; align-items: center; justify-content: center;\n}\n.bigArrow { \n flex:0 0 auto; color: var(--accent); opacity:1; \n transform: translateY(4px); transition: transform 0.4s ease; pointer-events: none;\n}\n.bigArrow svg { width:40px; height:24px; }\n.submenu {\n list-style: none; padding: 0; margin: 0; display: grid;\n grid-template-rows: 0fr; transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n}\n.submenu-inner { overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding-left: 4px; }\n.submenu-item { opacity: 0; transform: translateX(40px); transition: opacity 0.4s ease, transform 0.4s ease; }\n.submenu-link {\n font-size: clamp(20px, 3vw, 28px); font-weight: 600; color: rgba(255,255,255,0.6);\n text-decoration: none; display: block; transition: color 0.2s;\n}\n.submenu-link:hover { color: #fff; }\n\n.menuItem.has-expanded .submenu { grid-template-rows: 1fr; margin-top: 16px; }\n.menuItem.has-expanded .bigArrow { transform: translateY(4px) rotate(90deg); }\n.menuItem.has-expanded .submenu-item { opacity: 1; transform: translateX(0); }\n.menuItem.has-expanded .submenu-item:nth-child(1) { transition-delay: 0.1s; }\n.menuItem.has-expanded .submenu-item:nth-child(2) { transition-delay: 0.15s; }\n.menuItem.has-expanded .submenu-item:nth-child(3) { transition-delay: 0.2s; }\n.menuItem.has-expanded .submenu-item:nth-child(4) { transition-delay: 0.25s; }\n\n.menuBottom {\n flex:0 0 auto; display:grid; grid-template-columns: 1fr auto; gap:18px;\n align-items:end; padding: 20px 40px 40px 40px; border-top: 1px solid var(--line);\n}\n.bottomLeft { display: flex; flex-direction: column; gap: 24px; }\n.socials { display:flex; gap: 32px; flex-wrap:wrap; color: #fff; font-weight: 600; font-size: 18px; }\n.socials a { color:inherit; text-decoration:none; display:inline-flex; gap: 10px; align-items:center; transition: opacity 0.2s; }\n.socials a:hover { opacity: 0.7; }\n.extIcon svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill:none; margin-bottom: 2px; }\n.menuCTA { text-align: right; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.8); line-height: 1.4; }\n.menuCTA a { color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; }\n.menuCTA-text { display: inline; } \n\n\/* -----------------------------------------------------------\n FOOTER (Shared)\n ----------------------------------------------------------- *\/\n\/* Cookie CSS styles removed *\/\n\n.footer{background:#000;border-top:1px solid var(--line);padding:clamp(60px,8vh,100px) clamp(24px,3vw,40px) 40px}\n.footer-container{max-width:1200px;margin:0 auto}\n.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}\n.footer-brand{display:flex;flex-direction:column;gap:20px}\n.footer-logo{width:140px;height:auto}\n.footer-logo svg { width: 100%; height: 100%; fill: #fff; margin-left: -21px; display: block; }\n.footer-tagline{font-size:16px;font-weight:600;color:#fff;margin:0}\n.footer-contact{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.8}\n.footer-contact a{color:var(--accent);text-decoration:none}\n.footer-column h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin:0 0 20px 0}\n.footer-links{display:flex;flex-direction:column;gap:12px}\n.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color .2s ease}\n.footer-links a:hover{color:#fff}\n.footer-bottom{padding-top:40px;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;justify-content:center}\n.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:12px}\n\n\/* -----------------------------------------------------------\n E-HANDEL SPECIFIC CSS\n ----------------------------------------------------------- *\/\n.sub-hero {\n position: relative;\n padding: clamp(140px, 20vh, 220px) 40px clamp(80px, 10vh, 120px);\n background: linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(0,0,0,1) 100%);\n min-height: 80vh;\n display: flex;\n align-items: center;\n}\n.sub-hero-content {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 60px;\n align-items: center;\n}\n.sub-headline {\n font-size: clamp(42px, 5.5vw, 80px);\n line-height: 1.15;\n padding-bottom: 0.1em;\n font-weight: 800;\n letter-spacing: -0.04em;\n margin-bottom: 32px;\n background: linear-gradient(to right, #fff, rgba(255,255,255,0.7));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n color: #fff; \/* Fallback *\/\n}\n.sub-intro {\n font-size: clamp(18px, 1.8vw, 22px);\n line-height: 1.5;\n color: var(--muted);\n max-width: 540px;\n}\n.sub-hero-visual {\n width: 100%;\n aspect-ratio: 4\/3;\n background: radial-gradient(circle at center, rgba(138,116,255,0.15) 0%, transparent 70%), #111;\n border: 1px solid var(--line);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n}\n.abstract-ui {\n width: 80%; height: auto; opacity: 0.9;\n filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));\n}\n\n\/* CONTENT SECTIONS *\/\n.content-section {\n padding: clamp(80px, 12vh, 140px) 40px;\n position: relative;\n}\n.container-grid {\n max-width: 1200px; margin: 0 auto; display: grid;\n grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 100px);\n align-items: center;\n}\n.container-grid.reverse { direction: rtl; }\n.container-grid.reverse > * { direction: ltr; }\n\n.section-text h2 {\n font-size: clamp(32px, 4vw, 52px);\n font-weight: 700; line-height: 1.1; letter-spacing: -0.02em;\n margin-bottom: 20px; color: #fff;\n}\n.section-text p {\n font-size: 18px; line-height: 1.6; color: var(--muted); margin-bottom: 24px;\n}\n\n\/* FEATURES GRID *\/\n.features-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px; margin-top: 40px;\n}\n.feature-box {\n background: rgba(255,255,255,0.03); border: 1px solid var(--line);\n padding: 32px; border-radius: 8px; transition: background 0.3s;\n}\n.feature-box:hover { background: rgba(138,116,255,0.05); }\n.feature-box h3 { margin-top: 16px; font-size: 20px; color: #fff; }\n.feature-box svg { color: var(--accent); width: 32px; height: 32px; }\n.feature-box p { font-size: 15px; color: var(--muted); line-height: 1.5; margin: 8px 0 0 0; }\n\n\/* PROCESS *\/\n.process-steps {\n display: flex; flex-direction: column; gap: 40px;\n position: relative; max-width: 800px; margin: 60px auto 0;\n}\n.process-step { display: flex; gap: 32px; position: relative; }\n.step-number {\n flex: 0 0 50px; font-size: 50px; font-weight: 800;\n color: rgba(255,255,255,0.1); line-height: 1;\n}\n.step-content h3 { margin: 0 0 8px 0; font-size: 22px; color: #fff; }\n.step-content p { margin: 0; color: var(--muted); }\n\n\/* TARGET AUDIENCE *\/\n.target-list { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }\n.target-tag {\n background: rgba(255,255,255,0.1); padding: 10px 20px;\n border-radius: 50px; font-weight: 500; font-size: 15px;\n}\n\n\/* CTA & BUTTONS *\/\n.contact-btn {\n display: inline-flex; align-items: center; gap: 12px;\n padding: 18px 36px; background: var(--accent); color: #fff;\n text-decoration: none; font-weight: 700; font-size: 16px;\n border-radius: 6px; border: none; cursor: pointer;\n transition: transform .2s ease, background-color .2s ease;\n}\n.contact-btn:hover{transform:translateY(-2px)}\n.contact-btn:active { background-color: #5e4ad1; transform: translateY(0); }\n.contact-btn.secondary{background:transparent;border:2px solid var(--accent);color:var(--accent)}\n.contact-section{background:#000;padding:clamp(80px,12vh,140px) clamp(24px,3vw,40px)}\n.contact-container{max-width:900px;margin:0 auto;text-align:center}\n.contact-container h2{font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-0.04em;line-height:1.1;margin:0 0 24px 0;color:#fff}\n.contact-container p{font-size:clamp(16px,1.6vw,18px);line-height:1.65;color:rgba(255,255,255,0.8);margin:0 0 48px 0}\n.contact-options{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}\n\nh1, h2, h3, h4, h5, h6 { color: #fff !important; }\n\n\/* MEDIA QUERIES *\/\n@media (max-width:1024px){\n .container-grid { grid-template-columns: 1fr; gap: 40px; }\n .container-grid.reverse { direction: ltr; }\n .footer-main{grid-template-columns:1fr 1fr;gap:40px}\n}\n\n@media (max-width: 900px) {\n .sub-hero-content { grid-template-columns: 1fr; display: flex; flex-direction: column-reverse; gap: 40px; }\n .sub-hero { padding-top: 120px; padding-bottom: 60px; min-height: auto; text-align: left; }\n}\n\n@media (max-width:720px){\n .nav a.contact{display:none}\n .header{ padding:22px 24px; align-items:center; }\n .brand { flex-direction: column; gap: 4px; align-items: flex-start; }\n .logoMark{width:130px;}\n .tagline { font-size: 14px; line-height: 1.2; white-space: normal; max-width: 100%; margin-top: 4px; opacity: 0.8; }\n \n .menuTop { padding: 22px 24px; }\n .menuContent { padding: 10px 24px; }\n .menuBottom { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 60px 24px; border-top: none; }\n .bottomLeft { display: contents; }\n .socials { order: 2; display: flex; flex-direction: row; justify-content: flex-start; gap: 20px; font-size: 23px; margin-bottom: 10px; }\n .menuCTA { order: 3; text-align: right; max-width: none; display: flex; flex-direction: column; align-items: flex-end; gap: 0; }\n .menuCTA br { display: none; }\n .menuCTA-text { display: block; margin-bottom: 0px; color: rgba(255,255,255,0.6); font-weight: 400; font-size: 14px; line-height: 1.2; }\n \n \/* Mobile cookie styles removed *\/\n \n .footer-main { display: flex; flex-direction: column; gap: 40px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- HEADER -->\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <div class=\"logoMark\" aria-label=\"Nordyn logga\">\n <a href=\"\/en\/\" style=\"color:inherit; text-decoration:none; display:block;\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/a>\n <\/div>\n <div class=\"tagline\" id=\"headerTagline\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" style=\"-webkit-tap-highlight-color: transparent !important; outline: none !important; background: none !important;\">\n Menu <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n<!-- MENY OVERLAY -->\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n \n <div class=\"menuTop\">\n <div class=\"brand\">\n <div class=\"logoMark\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\">\n Menu <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Menu\">\n <li class=\"menuItem\" style=\"--d: 80ms;\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/en\/\">Startpage<\/a>\n <\/div>\n <\/li>\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/case\/\">Our work<\/a><\/div><\/li>\n \n <li class=\"menuItem\" style=\"--d: 240ms;\" id=\"servicesMenuItem\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/en\/tjanster\/\" style=\"color: #fff;\">Services<\/a>\n <button class=\"submenu-toggle-btn\" aria-label=\"Visa undertj\u00e4nster\" onclick=\"toggleSubmenu(event)\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; border: none !important;\">\n <span class=\"bigArrow\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 64 40\">\n <path d=\"M6 20H46\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n <path d=\"M36 8L50 20L36 32\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <\/div>\n \n <ul class=\"submenu\">\n <div class=\"submenu-inner\">\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/webbdesign\/\">Web Design<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/e-handel\/\" style=\"color:#fff;\">E-commerce<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/seo\/\">SEO<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/branding\/\">Branding<\/a><\/li>\n <\/div>\n <\/ul>\n <\/li>\n\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/vart-lofte\/\">Our Promise<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/om-nordyn\/\">About nordyn<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/kontakt\/\">Contact<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"bottomLeft\">\n \n <div class=\"socials\">\n <a class=\"nav-animate\" href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener nofollow\">\n Facebook\n <span class=\"extIcon\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n LinkedIn\n <span class=\"extIcon\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a class=\"nav-animate\" href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\" target=\"_blank\" rel=\"noopener\">\n Instagram\n <span class=\"extIcon\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg>\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"menuCTA\">\n <span class=\"menuCTA-text\">Interested in a partnership<\/span>\n <br>\n <a class=\"nav-animate\" href=\"\/en\/kontakt\/\">\n Get in touch\n <span class=\"ctaArrow\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<!-- ==============================================\n MAIN CONTENT START\n ============================================== -->\n\n<!-- 1. HERO SEKTION -->\n<section class=\"sub-hero\">\n <div class=\"sub-hero-content\">\n <div>\n <h1 class=\"sub-headline\">E-handel som \u00e4r byggd f\u00f6r att s\u00e4lja<\/h1>\n <p class=\"sub-intro\">Nordyn skapar stabila, snabba och anv\u00e4ndarv\u00e4nliga e-handelsl\u00f6sningar med fokus p\u00e5 konvertering, prestanda och tillv\u00e4xt. Vi bygger butiker som dina kunder \u00e4lskar.<\/p>\n <div class=\"links\" style=\"margin-top: 32px;\">\n <a class=\"contact-btn nav-animate\" href=\"#starta-projekt\">Starta projekt <span class=\"arrow\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"sub-hero-visual\">\n <!-- Abstract Hero Placeholder SVG -->\n <svg class=\"abstract-ui\" viewbox=\"0 0 400 300\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"20\" y=\"20\" width=\"360\" height=\"260\" rx=\"8\" fill=\"#1A1A1A\" stroke=\"#333\" stroke-width=\"2\"\/>\n <rect x=\"40\" y=\"40\" width=\"320\" height=\"30\" rx=\"4\" fill=\"#2A2A2A\"\/>\n <rect x=\"40\" y=\"90\" width=\"150\" height=\"120\" rx=\"4\" fill=\"#333\"\/>\n <rect x=\"210\" y=\"90\" width=\"150\" height=\"20\" rx=\"4\" fill=\"#444\"\/>\n <rect x=\"210\" y=\"120\" width=\"100\" height=\"10\" rx=\"4\" fill=\"#333\"\/>\n <rect x=\"210\" y=\"140\" width=\"120\" height=\"10\" rx=\"4\" fill=\"#333\"\/>\n <rect x=\"210\" y=\"180\" width=\"140\" height=\"30\" rx=\"4\" fill=\"#8A74FF\"\/>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 2. E-HANDEL HOS NORDYN -->\n<section class=\"content-section\">\n <div class=\"container-grid\">\n <div class=\"section-text\">\n <h2>Mer \u00e4n en webbutik<\/h2>\n <p>E-handel hos Nordyn handlar om helheten. Det r\u00e4cker inte att bara visa produkter; hela fl\u00f6det fr\u00e5n f\u00f6rsta bes\u00f6k till genomf\u00f6rt k\u00f6p m\u00e5ste vara s\u00f6ml\u00f6st.<\/p>\n <p>Vi fokuserar djupt p\u00e5 anv\u00e4ndarupplevelse (UX), tydlig struktur och logiska betalfl\u00f6den. Vi ser till att din e-handel inte bara \u00e4r en katalog, utan ett aff\u00e4rsverktyg som driver tillv\u00e4xt och bygger varum\u00e4rke.<\/p>\n <\/div>\n <div class=\"sub-hero-visual\" style=\"aspect-ratio: 16\/10;\">\n <!-- Abstract Funnel SVG -->\n <svg class=\"abstract-ui\" viewbox=\"0 0 400 250\" fill=\"none\">\n <path d=\"M50 50 L350 50 L250 200 L150 200 Z\" fill=\"url(#paint0_linear)\" fill-opacity=\"0.2\" stroke=\"#8A74FF\" stroke-width=\"2\"\/>\n <circle cx=\"200\" cy=\"125\" r=\"30\" fill=\"#8A74FF\"\/>\n <path d=\"M190 125 L200 135 L215 115\" stroke=\"#fff\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <lineargradient id=\"paint0_linear\" x1=\"200\" y1=\"50\" x2=\"200\" y2=\"200\" gradientunits=\"userSpaceOnUse\">\n <stop stop-color=\"#8A74FF\" stop-opacity=\"0.5\"\/>\n <stop offset=\"1\" stop-color=\"#8A74FF\" stop-opacity=\"0\"\/>\n <\/lineargradient>\n <\/defs>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 3. DESIGN SOM KONVERTERAR -->\n<section class=\"content-section\" style=\"background: #0a0a0a;\">\n <div class=\"container-grid reverse\">\n <div class=\"section-text\">\n <h2>Design med fokus p\u00e5 k\u00f6pbeteende<\/h2>\n <p>En snygg yta \u00e4r viktig, men funktion \u00e4r avg\u00f6rande. Vi designar med siktet inst\u00e4llt p\u00e5 konvertering. Det inneb\u00e4r tydliga produktlistor, genomt\u00e4nkta produktsidor och call-to-actions som syns.<\/p>\n <p>Genom att minimera hinder i kassan (checkout) och optimera fl\u00f6det f\u00f6r b\u00e5de mobil och desktop s\u00e4kerst\u00e4ller vi att du inte tappar kunder p\u00e5 m\u00e5llinjen.<\/p>\n <\/div>\n <div class=\"sub-hero-visual\" style=\"aspect-ratio: 16\/10;\">\n <!-- Abstract Checkout UI SVG -->\n <svg class=\"abstract-ui\" viewbox=\"0 0 400 250\" fill=\"none\">\n <rect x=\"50\" y=\"40\" width=\"300\" height=\"170\" rx=\"8\" fill=\"#151515\" stroke=\"#333\"\/>\n <rect x=\"80\" y=\"70\" width=\"140\" height=\"20\" rx=\"4\" fill=\"#333\"\/>\n <rect x=\"80\" y=\"100\" width=\"140\" height=\"20\" rx=\"4\" fill=\"#333\"\/>\n <rect x=\"250\" y=\"70\" width=\"70\" height=\"80\" rx=\"4\" fill=\"#222\"\/>\n <rect x=\"80\" y=\"150\" width=\"100\" height=\"30\" rx=\"4\" fill=\"#8A74FF\"\/>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 4. TEKNIK & PLATTFORM -->\n<section class=\"content-section\">\n <div class=\"container-grid\">\n <div class=\"section-text\">\n <h2>Stabil teknik f\u00f6r tillv\u00e4xt<\/h2>\n <p>Vi bygger fr\u00e4mst v\u00e5ra l\u00f6sningar p\u00e5 WordPress och WooCommerce \u2013 v\u00e4rldens mest anv\u00e4nda e-handelsplattform. Det ger dig en skalbar struktur som du \u00e4ger sj\u00e4lv, utan dyra licenskostnader.<\/p>\n <p>Vi s\u00e4kerst\u00e4ller att tekniken \u00e4r robust, s\u00e4ker och redo att hantera h\u00f6g trafik n\u00e4r kampanjerna drar ig\u00e5ng.<\/p>\n <\/div>\n <div class=\"sub-hero-visual\" style=\"background: transparent; border: none; aspect-ratio: auto; justify-content: flex-start;\">\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 100%;\">\n <div class=\"feature-box\" style=\"background: #111;\">\n <h3 style=\"color: #fff;\">WooCommerce<\/h3>\n <p>Flexibelt och skalbart.<\/p>\n <\/div>\n <div class=\"feature-box\" style=\"background: #111;\">\n <h3 style=\"color: #fff;\">Integrationer<\/h3>\n <p>Koppla till Fortnox, Klarna m.m.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 5. BETALNING, FRAKT & FUNKTIONER -->\n<section class=\"content-section\" style=\"background: #0a0a0a;\">\n <div class=\"container-grid\" style=\"display: block; max-width: 1000px;\">\n <div class=\"section-text\" style=\"text-align: center; margin-bottom: 60px;\">\n <h2>Allt som kr\u00e4vs f\u00f6r att driva e-handel<\/h2>\n <p>Vi anpassar funktionaliteten efter din unika aff\u00e4rsmodell.<\/p>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-box\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line><\/svg>\n <h3>Betalningsl\u00f6sningar<\/h3>\n <p>Integration av Klarna, Stripe, Swish eller Nets f\u00f6r smidiga k\u00f6p.<\/p>\n <\/div>\n <div class=\"feature-box\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\n <h3>Frakt & Logistik<\/h3>\n <p>Unifaun\/NShift, fraktv\u00e4ljare och sp\u00e5rning av paket.<\/p>\n <\/div>\n <div class=\"feature-box\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"><\/path><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><path d=\"M16 10a4 4 0 0 1-8 0\"><\/path><\/svg>\n <h3>Orderhantering<\/h3>\n <p>Effektiva fl\u00f6den f\u00f6r att hantera ordrar, returer och lagersaldo.<\/p>\n <\/div>\n <div class=\"feature-box\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line><\/svg>\n <h3>Kampanjer<\/h3>\n <p>Rabattkoder, merf\u00f6rs\u00e4ljning och automatiserade erbjudanden.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 6. PROCESS -->\n<section class=\"content-section\">\n <div class=\"container-grid\">\n <div class=\"section-text\">\n <h2>En strukturerad process<\/h2>\n <p>Vi tar dig fr\u00e5n id\u00e9 till f\u00e4rdig butik genom en bepr\u00f6vad metodik.<\/p>\n \n <div class=\"process-steps\">\n <div class=\"process-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <h3>Analys & Strategi<\/h3>\n <p>Vi s\u00e4tter m\u00e5len, definierar m\u00e5lgruppen och planerar sortimentsstrukturen.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <h3>Design & UX<\/h3>\n <p>Vi skapar en unik, varum\u00e4rkesbyggande design med fokus p\u00e5 konvertering.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <h3>Utveckling & Integration<\/h3>\n <p>Vi bygger butiken och kopplar p\u00e5 betalsystem och aff\u00e4rssystem.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-content\">\n <h3>Lansering & Tillv\u00e4xt<\/h3>\n <p>Test, lansering och l\u00f6pande optimering f\u00f6r att \u00f6ka f\u00f6rs\u00e4ljningen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hero-visual\" style=\"height: 100%; border:none; background: transparent;\">\n <!-- Abstract Flow Chart -->\n <svg class=\"abstract-ui\" viewbox=\"0 0 300 400\" fill=\"none\">\n <rect x=\"145\" y=\"20\" width=\"10\" height=\"360\" rx=\"5\" fill=\"#222\"\/>\n <circle cx=\"150\" cy=\"50\" r=\"10\" fill=\"#8A74FF\"\/>\n <circle cx=\"150\" cy=\"150\" r=\"10\" fill=\"#333\" stroke=\"#555\"\/>\n <circle cx=\"150\" cy=\"250\" r=\"10\" fill=\"#333\" stroke=\"#555\"\/>\n <circle cx=\"150\" cy=\"350\" r=\"10\" fill=\"#8A74FF\"\/>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 7. PRESTANDA & SEO + 8. M\u00c5LGRUPP -->\n<section class=\"content-section\" style=\"background: #0a0a0a;\">\n <div class=\"container-grid\">\n <div class=\"section-text\">\n <h2>Snabb, synlig och redo att skala<\/h2>\n <p>Laddningstider \u00e4r kritiska f\u00f6r e-handel. Vi optimerar varje rad kod och varje bild f\u00f6r blixtsnabb prestanda. Dessutom bygger vi med teknisk SEO i grunden \u2013 r\u00e4tt struktur, meta-data och URL:er \u2013 s\u00e5 att Google \u00e4lskar din butik lika mycket som kunderna.<\/p>\n \n <div style=\"margin-top: 60px;\">\n <h2>F\u00f6r vem passar Nordyns e-handel?<\/h2>\n <div class=\"target-list\">\n <span class=\"target-tag\">Startups & Nya varum\u00e4rken<\/span>\n <span class=\"target-tag\">Fysiska butiker som vill online<\/span>\n <span class=\"target-tag\">Etablerade e-handlare<\/span>\n <span class=\"target-tag\">B2B-f\u00f6rs\u00e4ljning<\/span>\n <span class=\"target-tag\">Nischade DTC-brands<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hero-visual\">\n <!-- SEO\/Performance Graph SVG -->\n <svg class=\"abstract-ui\" viewbox=\"0 0 400 300\" fill=\"none\">\n <path d=\"M50 250 L350 250\" stroke=\"#333\" stroke-width=\"2\"\/>\n <path d=\"M50 250 L50 50\" stroke=\"#333\" stroke-width=\"2\"\/>\n <polyline points=\"50 200 120 180 180 210 240 100 300 80 350 40\" fill=\"none\" stroke=\"#8A74FF\" stroke-width=\"3\"\/>\n <circle cx=\"350\" cy=\"40\" r=\"6\" fill=\"#8A74FF\"\/>\n <rect x=\"280\" y=\"50\" width=\"100\" height=\"40\" rx=\"4\" fill=\"#222\" opacity=\"0.8\"\/>\n <text x=\"300\" y=\"75\" fill=\"#fff\" font-family=\"sans-serif\" font-size=\"14\" font-weight=\"bold\">+145%<\/text>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 9. CTA -->\n<section id=\"starta-projekt\" class=\"contact-section\">\n <div class=\"contact-container\">\n <h2>Redo att bygga en e-handel som v\u00e4xer?<\/h2>\n <p>L\u00e5t oss diskutera hur vi kan ta er f\u00f6rs\u00e4ljning till n\u00e4sta niv\u00e5. Boka ett m\u00f6te eller skicka en f\u00f6rfr\u00e5gan.<\/p>\n <div class=\"contact-options\">\n <a href=\"https:\/\/nordyn.se\/en\/kontakt\/\" class=\"contact-btn\">Kontakta Nordyn <span class=\"arrow\">\u2192<\/span><\/a>\n <a href=\"tel:0729683400\" class=\"contact-btn secondary\">Call us<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ==============================================\n MAIN CONTENT END\n ============================================== -->\n\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n<div class=\"footer-container\">\n<div class=\"footer-main\">\n<div class=\"footer-brand\">\n<div class=\"footer-logo\"><svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg><\/div>\n<p class=\"footer-tagline\">Nordyn Web Agency Stockholm<\/p>\n<div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46722075505\">+46 72-207 55 05<\/a><br>Stockholm, Sweden<\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Services<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/webbdesign\/\">Web Design<\/a><a href=\"\/en\/E-handel\/\">E-commerce<\/a><a href=\"\/en\/SEO\/\">SEO<\/a><a href=\"\/en\/Branding\/\">Branding<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Company<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/om-nordyn\/\">About Nordyn<\/a><a href=\"\/en\/Lediga-tjanster\/\">Open Positions<\/a><a href=\"\/en\/Blogg\/\">Blog<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Socials<\/h4>\n<div class=\"footer-links\"><a href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" rel=\"nofollow noopener\" target=\"_blank\">Facebook<\/a><a href=\"#\">LinkedIn<\/a><a href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\">Instagram<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<a href=\"\/en\/Integritetspolicy\/\">Privacy Policy<\/a><a href=\"\/en\/cookiepolicy\/\">Cookiepolicy<\/a><a href=\"\/en\/Anvandarvillkor\/\">Terms of Service<\/a><a href=\"\/en\/GDPR\/\">GDPR<\/a>\n<\/div>\n<\/div>\n<\/footer>\n\n<!-- Cookie elements HTML removed -->\n\n<script>\n\/* Cookie script removed *\/\n\n\/\/ HEADER FADE\ndocument.addEventListener('DOMContentLoaded', (event) => {\n const headerTagline = document.getElementById('headerTagline');\n if (headerTagline) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) { headerTagline.classList.add('fade-out'); } \n else { headerTagline.classList.remove('fade-out'); }\n });\n }\n});\n\n\/\/ FULLSCREEN MENU LOGIC\nconst menuToggle = document.getElementById(\"menuToggle\");\nconst menuIcon = document.getElementById(\"menuIcon\");\nconst menuOverlay = document.getElementById(\"menuOverlay\");\nconst menuClose = document.getElementById(\"menuClose\");\nconst mainHeader = document.getElementById(\"mainHeader\"); \n\nfunction openMenu(){\n mainHeader.classList.add('hidden');\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.classList.add(\"opening\");\n \n menuOverlay.setAttribute(\"aria-hidden\",\"false\");\n menuToggle.setAttribute(\"aria-expanded\",\"true\");\n document.body.style.overflow = \"hidden\";\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"opening\");\n menuOverlay.classList.add(\"open\");\n }, 400);\n}\n\nfunction closeMenu(){\n mainHeader.classList.remove('hidden');\n menuOverlay.classList.remove(\"open\");\n menuOverlay.classList.add(\"closing\");\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.setAttribute(\"aria-hidden\",\"true\");\n menuToggle.setAttribute(\"aria-expanded\",\"false\");\n document.body.style.overflow = \"\";\n }, 400);\n}\n\nif(menuToggle){\n menuToggle.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur(); \n \n if (menuOverlay.classList.contains(\"open\") || menuOverlay.classList.contains(\"opening\")) {\n closeMenu();\n } else {\n openMenu();\n }\n });\n}\nif(menuClose) menuClose.addEventListener(\"click\", closeMenu);\n\nwindow.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && menuOverlay.classList.contains(\"open\")) closeMenu();\n});\n\n\/\/ LINK ANIMATION\nfunction isHashLink(href){ return href && href.startsWith(\"#\"); }\nfunction smoothScrollToHash(hash){\n const el = document.querySelector(hash);\n if (!el) return;\n el.scrollIntoView({ behavior:\"smooth\", block:\"start\" });\n}\n\ndocument.querySelectorAll(\".nav-animate\").forEach(a => {\n a.addEventListener(\"click\", (e) => {\n const href = a.getAttribute(\"href\");\n if (!href) return;\n if (a.target === \"_blank\") return;\n\n e.preventDefault();\n a.classList.add(\"arming\");\n\n if (menuOverlay.classList.contains(\"open\")) setTimeout(closeMenu, 120);\n\n setTimeout(() => {\n a.classList.remove(\"arming\");\n if (isHashLink(href)) {\n history.pushState(null, \"\", href);\n smoothScrollToHash(href);\n } else {\n window.location.href = href;\n }\n }, 220);\n });\n});\n\n\/\/ FUNKTION F\u00d6R ATT \u00d6PPNA\/ST\u00c4NGA TJ\u00c4NSTER MENYN\nfunction toggleSubmenu(event) {\n event.preventDefault();\n event.stopPropagation();\n \n \/\/ JS-hack: Ta bort fokus omedelbart f\u00f6r att f\u00f6rhindra bl\u00e5 markering\n if (event.currentTarget) {\n event.currentTarget.blur();\n }\n \n const menuItem = document.getElementById('servicesMenuItem');\n menuItem.classList.toggle('has-expanded');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>E-handel \u2014 Nordyn Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster Webbdesign E-handel […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1442","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/comments?post=1442"}],"version-history":[{"count":15,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1442\/revisions"}],"predecessor-version":[{"id":1880,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1442\/revisions\/1880"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}