{"id":170111,"date":"2026-03-02T11:50:42","date_gmt":"2026-03-02T11:50:42","guid":{"rendered":"https:\/\/staging.devsdata.com\/case-studies\/urban-and-cubus-e-commerce-platforms\/"},"modified":"2026-03-02T11:51:05","modified_gmt":"2026-03-02T11:51:05","slug":"urban-and-cubus-e-commerce-platforms","status":"publish","type":"case_study","link":"https:\/\/staging.devsdata.com\/de\/case-studies\/urban-and-cubus-e-commerce-platforms\/","title":{"rendered":"Cubus and Urban eCommerce platforms"},"content":{"rendered":"<section>\n<h1>Cubus and Urban eCommerce platforms<\/h1>\n\n    <style>`\n        .post-info {\n            display: flex;\n            flex-direction: row;\n            font-family: Montserrat;\n            font-style: normal;\n            font-weight: 500;\n            font-size: 16px;\n            line-height: 150%;\n            letter-spacing: 0.02em;\n            color: #6D7082;\n            \/*padding-top:32px;*\/\n        }\n\n        .info-container .post-info {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .post-info-main {\n            width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            row-gap: 5px;\n            column-gap: 20px;\n            grid-template-rows: repeat(3, auto);\n            grid-template-columns: 60px max-content auto;\n            margin-bottom:12px;\n        }\n\n        .with-reviewer {\n            flex-wrap: wrap;\n            row-gap: 5px;\n        }\n\n        .author-name {\n            margin-bottom:4px;\n            grid-row-start: 2;\n            text-decoration: underline;\n            color:black !important;\n        }\n\n        .rank-math-breadcrumb {\n            margin-top:20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .rank-math-breadcrumb p {\n            margin: 0;\n            white-space: nowrap; \n            overflow: hidden;\n            text-overflow: ellipsis;\n            gap: 8px;\n            display: flex;\n        }\n\n        .rank-math-breadcrumb a {\n            color: #6d7082;\n        }\n\n        .rank-math-breadcrumb a:hover {\n            text-decoration: underline;\n            color: #0332c9;\n        }\n\n        .author-avatar {\n            display: flex;\n            justify-content: center;\n            margin-right: 15px;\n            width: fit-content;\n            grid-row-start: span 2;\n            grid-row-end: 4;\n        }\n\n        .author-avatar picture {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .author-avatar.clicked {\n            transform: scale(1.1);\n        }\n\n        .post-info .author-avatar img {\n            min-width:44px;\n            height: 44px;\n            width: auto;\n            object-fit: cover;\n            aspect-ratio: 1\/1;\n            filter: grayscale(1);\n            border-radius: 100%;\n            position: relative;\n            top: 2px;\n        }\n\n        .post-info .author_socials {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            grid-row-start: 3;\n            grid-column: span 2;\n            gap: 15px;\n            list-style-type: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .post-info .author_socials li a {\n            display: flex;\n            align-item: center;\n            text-decoration: none;\n        }\n\n        .author_socials a svg {\n            width: 16px;\n            height: 16px;\n            transition: 0.3s;\n            color: #000;\n        }\n      \n        .author_socials li:hover svg {\n            color: #0332c9;\n        }\n\n        .right-info a {\n            width: fit-content;\n            color: unset;\n        }\n\n        .right-info a:hover {\n            text-decoration: underline;\n        }\n\n        .post-info .clock {\n            position: relative;\n            padding-right: 5px;\n            top: 2px;\n        }\n\n        .post-info .arrow {\n            position: relative;\n            margin-left: 10px;\n            margin-right: 10px;\n            transition: .2s;\n            height: 6px;\n            bottom: 1px;\n        }\n        .post-info .post-info-separator {\n            padding-right: 3px;\n            padding-left: 3px;\n        }\n\n        .reviewer-info {\n            display: flex;\n            flex-direction:column;\n            justify-content: center;\n            align-items: flex-start;\n            grid-row-start: 2;\n            align-self: start;\n            justify-self: end;\n            font-family: \"Montserrat\", arial;\n            color: #000;\n        }\n\n        .reviewer-info.the_first_row {\n            justify-self: start;\n            grid-row-start: 1;\n            grid-column: span 3;\n        }\n\n        .meta-checkmark {\n            width: 20px;\n            height: auto;\n        }\n\n        .reviewer-info a {\n            margin-left: 0;\n            color: #000;\n            text-decoration: underline;\n        }\n        .reviewer-info a:hover {\n            color: #0332c9;\n        }\n        .reviewer-info a:visited {\n            color: #551a8b;\n        }\n        .reviewer-info a:active {\n            color: #0332c9;\n        }\n        .language-dropdown-container {\n            display: inline-block;\n            width: 200px;\n        }\n\n        .language_switcher {\n            display: inline-flex;\n            align-items: center;\n            flex-direction: row;\n            gap: 5px;\n            vertical-align: middle;\n        }\n        \n        .language_switcher .wpml-ls-legacy-dropdown {\n            width: auto;\n            position: relative;\n            vertical-align: middle;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language {\n            position: relative;\n            margin-bottom:0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language > a {\n            padding-left:16px !important;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {\n            display: none;\n            position: absolute;\n            z-index: 10;\n            top: 100%;\n            left: 0;\n            width: 100%;\n            margin: 0;\n            background-color: rgb(238, 238, 238);\n            border-radius: 0 0 8px 8px;\n            overflow: hidden;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {\n            display: block;\n            width: 100%;\n            margin-bottom:0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:hover {\n            background-color:rgba(204, 204, 211) !important\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {\n            display: block;\n            width: 100%;\n            padding: 8px 15px 8px 16px;\n            margin-left: 0;\n            box-sizing: border-box;\n            white-space: nowrap;\n            text-align: left;\n        }\n\n        @media (hover: hover) {\n            .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > .wpml-ls-sub-menu {\n                display: block;\n            }\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > .wpml-ls-sub-menu {\n            display: block;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > a.wpml-ls-item-toggle:after {\n            transform: scale(.7) rotate(180deg);\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > .wpml-ls-item-toggle {\n            border-radius: 8px 8px 0 0;\n            background-color: rgba(204, 204, 211);\n        }\n\n        .wpml-ls-legacy-dropdown a:focus {\n            background-color: #FFFFFF;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown a:visited {\n            color: #000000 !important;\n        }\n\n        .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {\n            content: \"\";\n            display: inline-block;\n            transform: scale(.7);\n            height: 20px;\n            width: 20px;\n            background: url(\"\/wp-content\/uploads\/2020\/07\/Vector.png\");\n            margin-left: 5px;\n            background-repeat: no-repeat;\n            background-position: center center;\n            background-size: 10px;\n            border: none;\n            position: unset;\n            background-color: #eee;\n            border-radius: 50%;\n            padding: 10px;\n            transition: transform 0.2s ease-in-out;\n            vertical-align: middle;\n            flex-shrink: 0;\n        }\n\n        .language_switcher a {\n            border: none;\n            padding: 10px 15px;\n        }\n\n        .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {\n            padding: 0 5px 0 2px !important;\n        }\n\n        @media (hover: hover) {\n            .wpml-ls-sub-menu a.wpml-ls-link:hover,\n            .language_switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover {\n                background-color: rgba(204, 204, 211);\n                color: #000000 !important;\n                text-decoration: none;\n            }\n        }\n\n        .wpml-ls-sub-menu {\n            border: none !important;\n            background-color: transparent;\n        }\n\n        .wpml-ls-sub-menu a {\n            background-color: #FFFFFF;\n        }\n\n        .wpml-ls-current-language .wpml-ls-item-toggle {\n            border-radius: 8px;\n        }\n\n        @media (hover: hover) {\n            .wpml-ls-current-language:hover .wpml-ls-sub-menu a {\n                background-color: rgb(238, 238, 238) !important;\n            }\n\n            .wpml-ls-current-language .wpml-ls-sub-menu a:hover,\n            a.wpml-ls-item-toggle:hover:after {\n                background-color: rgba(204, 204, 211) !important;\n            }\n\n            .wpml-ls-current-language:hover a.wpml-ls-item-toggle:after {\n                transform: scale(.7) rotate(180deg);\n            }\n\n            .wpml-ls-current-language:hover .language_switcher .wpml-ls-legacy-dropdown a {\n                background-color: rgba(109, 112, 130, 0.1);\n            }\n\n            .wpml-ls-current-language:hover .wpml-ls-item-toggle{\n                border-radius: 8px 8px 0 0;\n            }\n\n            .wpml-ls-current-language:hover .wpml-ls-item:last-child .wpml-ls-link{\n                border-radius: 0 0 8px 8px;\n            }\n        }\n\n        .wpml-ls-current-language.wpml-dropdown-open .wpml-ls-sub-menu a {\n            background-color: rgb(238, 238, 238) !important;\n        }\n\n        .wpml-ls-current-language.wpml-dropdown-open .wpml-ls-item:last-child .wpml-ls-link{\n            border-radius: 0 0 8px 8px;\n        }\n\n        ul.language-list {\n            \/*min-height: 71px;*\/\n            margin: 0;\n            overflow: hidden;\n            position: absolute;\n            display: inline-block;\n            list-style: none;\n            vertical-align: top;\n            background-color: #FFFFFF;\n            padding: 0;\n            z-index: 2;\n        }\n\n        ul.language-list.mobile {\n            border-radius: 10px;\n            border: 1px solid rgba(109, 112, 130, 0.1);\n            margin-left: 10px;\n        }\n\n        .language-list.mobile li:hover {\n            background-color: rgba(109, 112, 130, 0.1)\n        }\n\n        .language-list.mobile li:hover a {\n            color: #000000;\n        }\n\n        .dropdown-arrow {\n            display: inline-block;\n            border-radius: 50%;\n            height: 30px;\n            width: 30px;\n        }\n\n        .dropdown-arrow {\n            background-color: rgba(109, 112, 130, 0.1);\n        }\n\n        .dropdown-arrow:hover {\n            background-color: rgba(109, 112, 130, 0.3);\n        }\n\n        .dropdown-arrow.mobile,\n        .dropdown-arrow.mobile:hover {\n            background-color: unset;\n        }\n\n        .language-list li {\n            padding-left: 10px;\n            cursor: pointer;\n            display: none;\n        }\n\n        .language-list li a {\n            color: #6D7082;\n            text-decoration: none;\n        }\n\n        .language-list li:first-child {\n            display: block;\n        }\n\n        .active li {\n            display: block;\n        }\n\n        .rotated {\n            transform: rotate(180deg);\n            bottom: 2px !important;\n        }\n        .bookmark {\n            align-self: center;\n            cursor:pointer;\n            display:none;\n        }\n        \n        .article h1 + p,\n        .article h1 + p + p {\n            margin: 0;\n            margin-bottom: 0 !important;\n        }\n\n        .info-container{\n            \/*min-height:150px;*\/\n            direction: ltr;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding-top: 20px;\n        }\n        .tags{\n            font-family: \"Montserrat\", sans-serif;\n            display: flex;\n            flex-direction: row;\n            justify-content: flex-start;\n            flex-wrap: wrap;\n            width: 100%;\n            overflow: hidden;\n            font-size: 14px;\n            border-radius: unset;\n            margin-bottom:20px;\n        }\n        .tags a {\n            font-style: normal;\n            line-height: 1.75em;\n            border: 0.5px solid #e2e5e9;\n            margin-right: 7px;\n            margin-top: 7px;\n            transition: 0.2s;\n            transition-property: background;\n            border-radius: 5px;\n            padding: 0.2em 0.8em;\n            color: black;\n        }\n        .tags a:hover {\n            background-color: #c1c7d0;\n        }\n\n        .tags a:visited {\n            color: #000;\n        }\n        .tags a:active {\n            color: #000;\n        }\n        .default-a:focus {\n            background-color: unset;\n        }\n\n        .default-a:hover{\n            text-decoration: underline;\n        }\n        .separator {\n        color:black !important;\n        font-weight:600;\n        }\n        .last {\n        color:black !important;\n        font-weight:600;\n        }\n        @media screen and (max-width:1034px) {\n        .author_links {\n        margin-right:auto;\n        }\n        .reviewer-info {\n        width: 100%;\n        }\n        }\n        @media screen and (max-width:767px) {\n        .language_switcher {\n        display: flex;\n        margin-top: 5px;\n        }\n        }\n        @media screen and (max-width:490px) {\n        .review-lowres {\n        display:flex !important;\n        }\n        .review-highres {\n        display:none !important;\n        }\n        .author_links {\n        margin-right:36px !important;\n        } \n        }\n    <\/style>\n    <div><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div>\n    \n    <div class=\"info-container\">\n    <div class=\"post-info with-reviewer\">\n        <div class=\"post-info-main\">\n            <div class=\"author-avatar\">\n                <picture>\n                        <source\n                            srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tompotanski-new-min.webp\" type=image\/webp> \n                        <source \n                            srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tompotanski-new-min.jpg\" type=\"image\/jpeg\">\n                        <img decoding=\"async\" \n                            class=\"avatar lazyload\"\n                            width=\"64\" \n                            height=\"64\"\n                            src=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tompotanski-new-min.jpg\"\n                            alt=\"avatar\"\n                            loading=\"lazy\"\n                            title=\"Tpotanski\"\n                        >\n                <\/picture>\n            <\/div>\n            <div style=\"display:flex; flex-direction:column;margin-right:auto;\" class=\"author_links\">\n            <a href=\"\/author\/tpotanski\/\" class=\"author-name\">tpotanski<\/a>\n            <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/tompotanski\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Tpotanski on Linkedin\">\n                    <svg version=\"1.0\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n                            <g id=\"linkedin5_layer\">\n                                <path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\" data-hs-event-238572417=\"1\"><\/path>\n                            <\/g>\n                        <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/www.crunchbase.com\/person\/tom-potanski\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Tpotanski on Crunchbase\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" role=\"img\">\n                            <title>Crunchbase icon<\/title>\n                            <path d=\"M21.6 0H2.4A2.41 2.41 0 0 0 0 2.4v19.2A2.41 2.41 0 0 0 2.4 24h19.2a2.41 2.41 0 0 0 2.4-2.4V2.4A2.41 2.41 0 0 0 21.6 0zM7.045 14.465A2.11 2.11 0 0 0 9.84 13.42h1.66a3.69 3.69 0 1 1 0-1.75H9.84a2.11 2.11 0 1 0-2.795 2.795zm11.345.845a3.55 3.55 0 0 1-1.06.63 3.68 3.68 0 0 1-3.39-.38v.38h-1.51V5.37h1.5v4.11a3.74 3.74 0 0 1 1.8-.63H16a3.67 3.67 0 0 1 2.39 6.46zm-.223-2.766a2.104 2.104 0 1 1-4.207 0 2.104 2.104 0 0 1 4.207 0z\"\/>\n                        <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/medium.com\/@tompotanski\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Tpotanski on Medium\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"800px\" height=\"800px\" viewBox=\"0 -55 256 256\" version=\"1.1\" preserveAspectRatio=\"xMidYMid\">\n                        <g>\n                            <path d=\"M72.2009141,1.42108547e-14 C112.076502,1.42108547e-14 144.399375,32.5485469 144.399375,72.6964154 C144.399375,112.844284 112.074049,145.390378 72.2009141,145.390378 C32.327779,145.390378 0,112.844284 0,72.6964154 C0,32.5485469 32.325326,1.42108547e-14 72.2009141,1.42108547e-14 Z M187.500628,4.25836743 C207.438422,4.25836743 223.601085,34.8960455 223.601085,72.6964154 L223.603538,72.6964154 C223.603538,110.486973 207.440875,141.134463 187.503081,141.134463 C167.565287,141.134463 151.402624,110.486973 151.402624,72.6964154 C151.402624,34.9058574 167.562834,4.25836743 187.500628,4.25836743 Z M243.303393,11.3867175 C250.314,11.3867175 256,38.835526 256,72.6964154 C256,106.547493 250.316453,134.006113 243.303393,134.006113 C236.290333,134.006113 230.609239,106.554852 230.609239,72.6964154 C230.609239,38.837979 236.292786,11.3867175 243.303393,11.3867175 Z\" fill=\"currentColor\"><\/path>\n                        <\/g>\n                    <\/svg>\n                <\/a>\n            <\/li><\/ul>\n            <\/div>\n            <div class=\"reviewer-info\"> \n                                                                            <span style=\"color:#6D7082;\" class=\"\">\n                Last updated on \n                2. M\u00e4rz 2026 \n                <span class=\"post-info-separator\">| <\/span> \n                14 min read\n                \n            <\/span>\n                            <\/div>\n        \n        <\/div>\n    <\/div>\n    <div class=\"bookmark\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2020\/08\/bookmark-add-2-1.svg\" alt=\"bookmark\" title=\"\">\n    <\/div>\n    <div class=\"tags\"><\/div>\n    <\/div>\n    <script type=\"module\" defer>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Get the current path from the URL\n    const path = window.location.pathname;\n\n    \/\/ Check if it starts with \/case-studies\n        if (path.startsWith(\"\/case-studies\")) {\n        const tagsElement = document.querySelector(\".tags\");\n        if (tagsElement) {\n        tagsElement.style.marginBottom = \"0\";\n        }\n        }\n        });\n        Array.from(document.getElementsByClassName(\"separator\")).forEach(el => {\n            el.textContent = \" > \";\n        });\n\n            var wpmlToggle = document.querySelector(\".language_switcher .wpml-ls-item-toggle\");\n            if (wpmlToggle) {\n                wpmlToggle.addEventListener(\"click\", function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    var currentLang = this.closest(\".wpml-ls-current-language\");\n                    if (currentLang) {\n                        currentLang.classList.toggle(\"wpml-dropdown-open\");\n                    }\n                });\n                document.addEventListener(\"click\", function(e) {\n                    var openDropdown = document.querySelector(\".wpml-ls-current-language.wpml-dropdown-open\");\n                    if (openDropdown && !openDropdown.contains(e.target)) {\n                        openDropdown.classList.remove(\"wpml-dropdown-open\");\n                    }\n                });\n            }\n\n            var languageList = document.querySelector(\"#language-list\");\n            var dropdownArrow = document.querySelector(\".dropdown-arrow\");\n\n            if(languageList){\n                languageList.addEventListener(\"click\", () => {\n                    languageList.classList.toggle(\"active\");\n                    document.querySelector(\"#arrow\").classList.toggle(\"rotated\");\n                })\n            }\n                \n            function handleViewportChange() {\n                if(languageList) {\n                    if (window.innerWidth < 1280) {\n                        if(!languageList.classList.contains(\"mobile\")) {\n                            languageList.classList.add(\"mobile\");\n                            dropdownArrow.classList.add(\"mobile\");\n                        }\n                    } else {\n                        if(languageList.classList.contains(\"mobile\")) {\n                            languageList.classList.remove(\"mobile\");\n                            dropdownArrow.classList.remove(\"mobile\");\n                        }\n                    }\n                };\n            };\n\n            \/\/ If there is a small\/no space between reviewer and author name, reviewer moves to the first row\n            function update_post_info_layout() {\n                const author_name_element = document.querySelector(\".author-name\");\n                const reviewer_element = document.querySelector(\".reviewer-info\");\n                const post_info_container = document.querySelector(\".post-info\");\n\n                if(reviewer_element) {\n                    let distance_next_to_author, reviewer_fits_next_to_author; \n                    if(post_info_container && author_name_element) {\n                        distance_next_to_author = post_info_container.getBoundingClientRect().right - author_name_element.getBoundingClientRect().right;\n                        reviewer_fits_next_to_author = distance_next_to_author - reviewer_element.clientWidth >= 15;\n                    }\n\n                    if(!reviewer_fits_next_to_author) {\n                        reviewer_element.classList.add(\"the_first_row\");\n                    } else if (reviewer_fits_next_to_author && reviewer_element.classList.contains(\"the_first_row\")) {\n                        reviewer_element.classList.remove(\"the_first_row\");\n                    }\n                }\n            }\n\n            handleViewportChange();\n            update_post_info_layout();\n             \n            window.addEventListener(\"resize\", () => {\n                handleViewportChange();\n                update_post_info_layout();\n            });\n    <\/script>\n<p><span class=\"img-container\">\n<picture><source srcset=\"\/wp-content\/uploads\/2021\/05\/cubus-urban-case.webp\" type=\"image\/webp\" \/><\/picture> <picture><source srcset=\"\/wp-content\/uploads\/2021\/03\/cubus-urban-case.png\" \/><\/picture> <picture><img decoding=\"async\" class=\"lazyload\" src=\"\/wp-content\/uploads\/2021\/03\/cubus-urban-case.png\" alt=\"case study image\" title=\"\"><\/picture> <\/span><\/p>\n<div class=\"download-button-container\"><a class=\"case-study-download-button\" href=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/e-commerce\/e-commerce.pdf\" target=\"_blank\" rel=\"noopener\">Download as PDF<\/a><\/div>\n<p>Developing software and UX\/UI design that hits world market.<\/p>\n<h2>Introduction<\/h2>\n<p><a href=\"https:\/\/varner.com\/en\/about-us\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Varner Group<\/a>, one of Scandinavia\u2019s largest fashion retailers, owns several popular brands, including <a href=\"https:\/\/cubus.com\/no\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Cubus<\/a> and <a href=\"http:\/\/urbanoutfitters.com\/help\/customer-service\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Urban<\/a>. Both were looking to modernize their digital presence and strengthen their eCommerce operations.<\/p>\n<p>Cubus needed a refreshed platform to match the scale of its retail network across Northern Europe. Urban, known for its streetwear collections, wanted to build a more dynamic and conversion-oriented online store to compete with emerging digital fashion brands.<\/p>\n<p><a href=\"https:\/\/devsdata.com\/\" target=\"_blank\" rel=\"nofollow noopener\">DevsData LLC<\/a> partnered with Varner Group to deliver advanced software development, UX\/UI redesign, and system integration for both brands. The collaboration improved usability, performance, and design consistency across platforms, while introducing a shared, scalable architecture that enabled faster rollout of new features and campaigns. <\/p>\n<h2>Client profile<\/h2>\n<p>Cubus is one of Scandinavia\u2019s largest clothing retailers, offering apparel, cosmetics, and lifestyle accessories. Its eCommerce platform serves as a key extension of hundreds of physical stores across Norway, Sweden, and Finland.<\/p>\n<p>Urban targets a younger demographic with fashion inspired by urban culture. As customer behavior shifted toward mobile-first shopping and visually driven discovery, the existing platform no longer reflected the brand\u2019s positioning or supported modern eCommerce expectations. The digital transformation aimed to create a more engaging and visually distinctive platform that aligned with Urban\u2019s brand identity while improving user engagement and sales performance.<\/p>\n<p>At the time of the project, both brands operated under Varner Group \u2013 one of the Nordic region\u2019s most established fashion retail organizations. Founded in 1962 with a single store in Oslo, Varner has grown into a major retail group operating more than <span class=\"formatted-number\">1100<\/span> physical stores and six online stores across Norway, Sweden, Finland, and Iceland, employing over <span class=\"formatted-number\">3000<\/span> people. Its portfolio includes well-known brands such as Dressmann, Dressmann XL, Bik Bok, Carlings, Volt, Cubus, Junkyard, and Levi\u2019s Store.<\/p>\n<p>Following the redesign, <a href=\"https:\/\/nordic9.com\/news\/varner-buys-junkyard-from-the-investment-company-frankenius-equity-news8360696867\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Varner Group<\/a> consolidated its streetwear brands by merging Urban into Junkyard, rebranding Urban\u2019s physical stores under the Junkyard name. The move aligned Urban\u2019s retail presence with Junkyard\u2019s established eCommerce platform, supporting a more unified omnichannel experience across the Nordic market.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/01\/cubusgr_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/01\/cubusgr_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/01\/cubusgr.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/01\/cubusgr.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/cubusgr.jpg\" width=\"640\" height=\"357\" alt=\" image testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h2>Project overview<\/h2>\n<p>DevsData LLC was engaged to modernize the digital platforms for Cubus and Urban, focusing on user experience, performance, and design consistency across the Varner ecosystem. In addition to delivery, DevsData LLC advised Varner\u2019s teams on eCommerce architecture, UX best practices, and platform scalability to support long-term digital development.<\/p>\n<p>Key objectives:<\/p>\n<ul>\n<li>Build a modern, responsive eCommerce platform for both brands.<\/li>\n<li>Develop a unified UX\/UI Design System with reusable components.<\/li>\n<li>Integrate platforms with Varner\u2019s enterprise APIs and retail software.<\/li>\n<li>Implement secure, frictionless financial transaction systems.<\/li>\n<li>Optimize each brand\u2019s conversion funnel and international accessibility.<\/li>\n<li>Provide architectural and UX advisory support to help Varner define scalable design patterns, governance, and best practices for future brand rollouts.<\/li>\n<\/ul>\n<h2>Challenges<\/h2>\n<p>Before the redesign, both platforms suffered from issues common in legacy retail systems. The technology stack had become outdated, limiting scalability and flexibility. The interfaces lacked visual appeal, and the overall user experience fell short of modern eCommerce standards.<\/p>\n<p>Navigation paths were complex, causing friction during product discovery and checkout. The absence of a clear visual hierarchy and intuitive calls-to-action led to high cart abandonment rates. Additionally, the fragmented backend made it difficult to introduce new features or run promotional campaigns efficiently.<\/p>\n<p>For Cubus, one of the main challenges was handling a vast product catalog while maintaining high website performance. The platform needed to support multiple categories, dynamic filtering, and seasonal updates without slowing down page load times. Another focus area was aligning the digital experience with the in-store brand identity to ensure consistency across all customer touchpoints.<\/p>\n<p>For Urban, the situation was different. The brand wanted a digital presence that reflected its youthful, trend-driven image. The existing design lacked the energy and storytelling needed to connect with a younger audience. The checkout flow was long and outdated, discouraging mobile users, an essential segment for Urban\u2019s target market. The new platform had to combine bold aesthetics with a seamless, fast shopping experience that encouraged repeat engagement.<\/p>\n<p>Finally, both brands faced a shared challenge: international accessibility. Their previous platforms supported only Scandinavian languages, limiting their ability to scale across European markets. Varner Group approached DevsData LLC as a technology and design partner capable of combining hands-on delivery with architectural and UX advisory support, helping internal teams define a scalable foundation for long-term digital growth.<\/p>\n<h2>Our approach<\/h2>\n<p><a href='\/' target='_blank'>DevsData LLC <\/a>began the engagement with a structured business and technical analysis for both brands. The team reviewed existing analytics data, evaluated key eCommerce KPIs (including conversion, drop-off rates, and device usage), and assessed current merchandising and checkout flows against commercial objectives. In parallel, DevsData LLC conducted UX audits of critical user journeys, mapping paths from landing pages to checkout, identifying friction points in navigation, content hierarchy, and payment steps, and analyzing performance bottlenecks that impacted conversion and user engagement.<\/p>\n<p>For Cubus, the emphasis was on scalability and structure. DevsData LLC approached this by first analyzing the size and behavior of the product catalog, including category depth, filtering logic, and seasonal update patterns. Based on this analysis, the team redesigned the information architecture, defined a clearer category hierarchy, and standardized product listing and detail page templates.<\/p>\n<p>On the technical side, frontend modules were refactored into reusable components, and data-loading strategies were optimized to ensure fast page rendering even during high-traffic periods. The deliverables included a restructured catalog architecture, optimized navigation and filtering flows, and a streamlined checkout process with fewer steps between entry and purchase. The result was a cleaner, more efficient purchasing flow that improved operational throughput and made ongoing catalog updates easier for internal teams.<\/p>\n<p>For Urban, the work centered on creative design and user engagement. DevsData LLC began by analyzing Urban\u2019s target audience, mobile usage patterns, and existing content presentation to understand how users interacted with products and brand storytelling. Based on these insights, the team defined a visual direction inspired by fashion editorials, focusing on bold imagery, clean typography, and clear content hierarchy.<\/p>\n<p>The deliverables included redesigned product listing and product detail page templates, immersive product presentations with enhanced imagery, and interactive carousel components optimized for mobile browsing. These elements were implemented within the shared Design System to ensure usability and performance standards were maintained. The refreshed interface strengthened Urban\u2019s brand identity while delivering a fast, intuitive shopping experience.<\/p>\n<p>Throughout the project, DevsData LLC worked closely with Varner Group\u2019s marketing, analytics, and product teams within an iterative delivery model that combined regular planning sessions, design reviews, and feedback cycles. Responsibilities were clearly defined to enable fast decision-making, while priorities were continuously refined based on business goals and release timelines. Design and UX changes were validated using A\/B testing and behavioral analytics tools such as Hotjar, Google Analytics, and FullStory, with insights translated directly into backlog updates covering layout, messaging, and CTA improvements. This collaborative, data-driven approach ensured steady progress while aligning design decisions with measurable engagement and conversion outcomes.<\/p>\n<p>This approach mirrors the methodology used in several of our other <a href=\"https:\/\/devsdata.com\/case-studies\/branding-and-website-design-for-a-space-startup\/\" target=\"_blank\" rel=\"nofollow noopener\">design-driven projects<\/a> for corporate clients, where iterative design, rapid feedback cycles, and close collaboration with internal teams play a central role.<\/p>\n<p class='quote'>By combining data-driven decisions with design expertise, the project struck a balance between performance and business outcomes, laying a strong foundation for sustainable digital growth across both brands.<\/p>\n\n            <div class=\"schedule-consultation middle-scheduler\">\n                <div class=\"block-contact\">\n                    <p>Do you have web development needs?<\/p>\n                <\/div>\n                <div class=\"contact-us-show schedule-consultation-button\">\n                    \ud83c\udfa7\n                    <span>Schedule a meeting<\/span>\n                <\/div>\n            <\/div>\n    \n<h2>Design System and technologies<\/h2>\n<p>A key deliverable of the project was a flexible and reusable Design System implemented across both Cubus and Urban platforms. It ensured consistency, scalability, and long-term maintainability of design and code.<\/p>\n<p>The system included:<\/p>\n<ul>\n<li>Over 100 interactive screen prototypes and layouts, covering full user journeys, special campaigns, and seasonal product flows.<\/li>\n<li>Clearly defined design principles for responsiveness and interaction logic, ensuring that components behaved consistently across devices.<\/li>\n<li>A shared component library, allowing Cubus and Urban to maintain distinct brand identities while relying on the same foundational UX patterns and reusable interface modules.<\/li>\n<\/ul>\n<p>This framework was created through a structured Design System development process led by <a href='\/' target='_blank'>DevsData LLC<\/a>. The team began by auditing existing UI components, brand guidelines, and recurring design patterns across both platforms, identifying overlaps and inconsistencies. Based on this analysis, DevsData LLC defined a shared set of design principles, interaction rules, and component standards, which were then translated into reusable UI elements and documented usage guidelines. These components were built, tested, and refined in parallel with development, ensuring they worked across devices and use cases. As a result, Varner\u2019s internal teams were able to quickly adapt pages for new campaigns, products, or seasonal launches while preserving visual coherence and streamlining collaboration between designers, developers, and marketing teams, consistent with DevsData LLC\u2019s approach to large-scale Design System engagements.<\/p>\n<p>DevsData LLC rebuilt both platforms using a modern, modular architecture centered around React and TypeScript, paired with Next.js to ensure fast rendering and smooth performance across devices. The design workflow relied on <a href=\"https:\/\/www.figma.com\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Figma<\/a> and <a href=\"https:\/\/storybook.js.org\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Storybook<\/a>, allowing designers and developers to work within a unified component library that kept UX consistent across both brands. <\/p>\n<p>On the backend, the team used Node.js along with a mix of REST and GraphQL APIs to handle data flows and connect the platforms to Varner\u2019s existing retail systems, including inventory, pricing, and customer accounts. The infrastructure was deployed on AWS with CloudFront as the CDN, supported by Docker-based containerization and <a href=\"https:\/\/github.com\/features\/actions\" rel=\"nofollow noreffer noopener\" target=\"_blank\">GitHub Actions<\/a> for automated CI\/CD. This setup delivered a stable, mobile-optimized user experience with real-time data synchronization and reliable transaction flows, giving both Cubus and Urban a solid technical foundation for long-term, multi-brand growth.<\/p>\n<h2>Results<\/h2>\n<p>The collaboration between DevsData LLC and Varner Group delivered two modern, high-performing eCommerce platforms with improved usability and stability.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/01\/cubusnew_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/01\/cubusnew_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/01\/cubusnew.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/01\/cubusnew.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/cubusnew.jpg\" width=\"640\" height=\"357\" alt=\" image testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<p>For Cubus, the redesigned structure simplified navigation, shortened the checkout process, and improved site speed. The scalable architecture made it easy to introduce new product lines and seasonal updates, supporting continuous business growth.<\/p>\n<p>For Urban, the new editorial-style design increased user engagement and time on site. The platform\u2019s cleaner interface and faster mobile performance led to higher conversion rates and a stronger digital identity aligned with the brand\u2019s youthful image.<\/p>\n<p class='quote'>This project was a perfect example of how design and engineering can come together to create measurable business results. Working with Varner\u2019s team was incredibly collaborative, and seeing both platforms evolve into high-performing, modern eCommerce solutions was something we\u2019re truly proud of.<\/p>\n<p>Both brands benefited from the shared Design System, which enabled consistent updates and faster rollout of new features. Post-launch analytics confirmed higher conversion and order value across both platforms. Urban\u2019s enhanced online presence also contributed to its acquisition by Junkyard.no, confirming the lasting business impact of the redesign.<\/p>\n<p><a href='\/testimonials\/#nikolai' target='_blank' rel=\"noopener\">\n        <span class=\"img-container\" style=\"cursor: pointer; margin: -13px 0;\">\n            <picture class=\"zoom\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nikolai_Fasting_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nikolai_Fasting_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nikolai_Fasting.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nikolai_Fasting.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nikolai_Fasting.jpg\" width=\"640\" height=\"357\" alt=\"Nikolai_Fasting testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    <\/a><\/p>\n<h2>Conclusion<\/h2>\n<p>The collaboration between DevsData LLC and Varner Group went far beyond a standard redesign. It combined strategy, software engineering, and design to modernize two distinct yet connected eCommerce ecosystems.<\/p>\n<p>Both Cubus and Urban now operate on stable, high-performance platforms that reflect their brand identities, enhance user experiences, and support measurable business growth. For Varner Group, the project proved how technology-driven design and user-focused architecture can translate directly into commercial success and long-term scalability across multiple retail brands.<\/p>\n<p>The partnership reinforced DevsData LLC\u2019s reputation as a trusted technology partner for leading companies in fashion and eCommerce \u2013 delivering practical solutions that connect strong engineering with clear business outcomes.<\/p>\n<p>Is this relevant to your situation? If you\u2019re facing any of the challenges Cubus or Urban encountered, your organization may be ready for a transformation as well. Consider the questions below:<\/p>\n<p><strong>Quick self-assessment<\/strong><\/p>\n<ul>\n<li>Is your current eCommerce platform slowing down product launches, promotions, or category updates?<\/li>\n<li>Are mobile users dropping off due to performance issues or unclear navigation?<\/li>\n<li>Does your team spend too much time maintaining components instead of building new features?<\/li>\n<li>Do you lack a unified Design System that supports multiple brands or business units?<\/li>\n<li>Is your technical architecture limiting your ability to introduce personalization, new APIs, or modern tooling?<\/li>\n<\/ul>\n<p>If you answered \u201cyes\u201d to any of the above, your platform may need the same kind of strategic redesign and engineering support that helped Varner Group elevate Cubus and Urban.<\/p>\n<p>We\u2019d be happy to review your current setup or discuss potential improvements. Contact us at <a href=\"mailto:general@devsdata.com\" target=\"_blank\" rel=\"noopener\">general@devsdata.com<\/a> or visit <a href='\/' target='_blank' rel=\"noopener\">www.devsdata.com<\/a> to learn more.<\/p>\n\n        <section class=\"author_section_container\">\n            \n            <p class=\"contact_on_twitter\">\n                Any questions or comments? Let me know on \n                <a href=\"https:\/\/twitter.com\/tompotanski\" target=\"_blank\" rel=\"nofollow noopener\">Twitter\/X<\/a>.\n            <\/p> \n        \n            <div class=\"schedule-consultation\">\n                <div class=\"block-contact\">\n                    <p>Discover how IT recruitment and staffing can address your talent needs. Explore trending regions \n        like Poland, Portugal, Mexico, Brazil and more. <\/p>\n                <\/div>\n                <div class=\"contact-us-show schedule-consultation-button\">\n                    \ud83d\uddd3\ufe0f\n                    <span>Schedule a consultation<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"author_section\">\n                <div class=\"author_photo_container\">\n                    <picture>\n                        <source srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tompotanski-new-min.webp\" type=\"image\/webp\"> \n                        <source srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tompotanski-new-min.jpg\" type=\"image\/jpeg\">\n                        <img decoding=\"async\" class=\"avatar lazyload\" width=\"64\" height=\"64\" src=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tompotanski-new-min.jpg\" alt=\"avatar\" loading=\"lazy\" title=\"Tom Potanski\" >\n                    <\/picture>\n                    <a class=\"read_full_bio\" href=\"\/author\/tom-potanski\/\" aria-label=\"Read more from Tom Potanski\">Read full bio<\/a>\n                <\/div>\n                <div class=\"author_info_container\">\n                    <div class=\"author_info\" data-role=\"Author\">\n                        <h4 id=\"author_title\">\n                            <a href=\"\/author\/tom-potanski\/\" aria-label=\"Read more from Tom Potanski\">Tom Potanski<\/a>\n                            <span class=\"position\">Managing Director<\/span>\n                        <\/h4>\n                    <\/div>\n                <\/div>\n                <div class=\"author_about\">\n                    <span>Passionate and experienced technology leader. Combining business and technology, helping American clients find exceptional technical talent in Europe and LatAm.<\/span>\n                    <div class=\"links\">\n                        <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/tompotanski\/\" aria-label=\"Check out Tom Potanski on LinkedIn\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg version=\"1.0\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n                        <g id=\"linkedin5_layer\">\n                            <path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\" data-hs-event-238572417=\"1\"><\/path>\n                        <\/g>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/twitter.com\/tompotanski\" aria-label=\"Check out Tom Potanski on Twitter\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg viewBox=\"0 0 512 512\" class=\"scriptlesssocialsharing__icon twitter\" fill=\"currentColor\" height=\"1em\" width=\"1em\" aria-hidden=\"true\" focusable=\"false\" role=\"img\">\n                        <path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/www.crunchbase.com\/person\/tom-potanski\" aria-label=\"Check out Tom Potanski on Chrunchbase\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" role=\"img\">\n                        <title>Crunchbase icon<\/title>\n                        <path d=\"M21.6 0H2.4A2.41 2.41 0 0 0 0 2.4v19.2A2.41 2.41 0 0 0 2.4 24h19.2a2.41 2.41 0 0 0 2.4-2.4V2.4A2.41 2.41 0 0 0 21.6 0zM7.045 14.465A2.11 2.11 0 0 0 9.84 13.42h1.66a3.69 3.69 0 1 1 0-1.75H9.84a2.11 2.11 0 1 0-2.795 2.795zm11.345.845a3.55 3.55 0 0 1-1.06.63 3.68 3.68 0 0 1-3.39-.38v.38h-1.51V5.37h1.5v4.11a3.74 3.74 0 0 1 1.8-.63H16a3.67 3.67 0 0 1 2.39 6.46zm-.223-2.766a2.104 2.104 0 1 1-4.207 0 2.104 2.104 0 0 1 4.207 0z\"\/>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/medium.com\/@tompotanski\" aria-label=\"Check out Tom Potanski on Medium\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"800px\" height=\"800px\" viewBox=\"0 -55 256 256\" version=\"1.1\" preserveAspectRatio=\"xMidYMid\">\n                        <g>\n                            <path d=\"M72.2009141,1.42108547e-14 C112.076502,1.42108547e-14 144.399375,32.5485469 144.399375,72.6964154 C144.399375,112.844284 112.074049,145.390378 72.2009141,145.390378 C32.327779,145.390378 0,112.844284 0,72.6964154 C0,32.5485469 32.325326,1.42108547e-14 72.2009141,1.42108547e-14 Z M187.500628,4.25836743 C207.438422,4.25836743 223.601085,34.8960455 223.601085,72.6964154 L223.603538,72.6964154 C223.603538,110.486973 207.440875,141.134463 187.503081,141.134463 C167.565287,141.134463 151.402624,110.486973 151.402624,72.6964154 C151.402624,34.9058574 167.562834,4.25836743 187.500628,4.25836743 Z M243.303393,11.3867175 C250.314,11.3867175 256,38.835526 256,72.6964154 C256,106.547493 250.316453,134.006113 243.303393,134.006113 C236.290333,134.006113 230.609239,106.554852 230.609239,72.6964154 C230.609239,38.837979 236.292786,11.3867175 243.303393,11.3867175 Z\" fill=\"currentColor\"><\/path>\n                        <\/g>\n                    <\/svg>    \n                <\/a>\n            <\/li><\/ul>\n                        <a class=\"recruitment_link\" href=\"\/recruitment\/\" target=\"_blank\">\n                            Read more about our IT staffing services\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M5 12H19\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 5L19 12L12 19\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"tags-author \">\n                \n            <\/div>\n        <\/section>\n    \n<p>\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                function debounceMessagePopUp(func, timeout = 300) {\n                    let timer;\n                    return (...args) => {\n                        clearTimeout(timer);\n                        timer = setTimeout(() => {\n                            func.apply(this, args);\n                        }, timeout);\n                    };\n                }\n\n                const toastPopUp = document.getElementById(\"copy-toast-meet-us\");\n                const copyEmailPopButtons = document.querySelectorAll(\".copy-email-button-meet-us\");\n\n                const debouncedMessagePopUp = debounceMessagePopUp(() => toastPopUp.classList.remove(\"toast-active\"), 2000);\n\n                for (let i = 0; i < copyEmailPopButtons.length; i++) {\n                    copyEmailPopButtons[i].addEventListener(\"click\", () => copyEmailFunctionPopUp(copyEmailPopButtons[i]));\n                }\n\n                function copyEmailFunctionPopUp(button) {\n                    navigator.clipboard.writeText(button.previousElementSibling.innerHTML);\n                    toastPopUp.querySelector(\"span\").innerHTML = \"Email copied\";\n                    toastPopUp.classList.add(\"toast-active\");\n                    debouncedMessagePopUp();\n                }\n        })\n<\/script>\n<br \/>\n<\/section>\n<style>\n.quote {\n  font-size: 26px !important;\n  letter-spacing: -.3px;\n  line-height: 36px;\n  color: #000;\n  font-family: Tiempos Headline, sans-serif;\n  font-weight: 300;\n  letter-spacing: -.3px;\n  line-height: 50px !important;\n  padding-bottom: 36px;\n  padding-left: 36px;\n  padding-top: 30px;\n  position: relative;\n}\n.quote:before {\n  background-color: #0332c987;\n  border-radius: 2px;\n  content: \"\";\n  display: block;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 4px;\n}\nul{\nlist-style: inside;\n}\nol.numbered-list-1{\n  list-style: none;\n}\nol.numbered-list-1 li a{\n  color: #000;\n  text-decoration: none;\n}\nol.numbered-list-1 li a:hover {\n  color: #0332c9;\n}\nol.numbered-list,\nol.page-numbered-list {\n  list-style: none;\n  counter-reset: list-counter;\n}\nol.page-numbered-list {\n  padding: 0;\n}\nol.numbered-list li a {\n  color: #000;\n  text-decoration: none;\n}\nol.numbered-list li a:hover {\n  color: #0332c9;\n}\nol.numbered-list li::before,\nol.page-numbered-list li>h2::before {\n  content: counter(list-counter) \") \";\n  counter-increment: list-counter;\n  margin-right: 5px;\n  font-weight: bold;\n}\nol.numbered-list li::before {\n  display: inline-flex;\n  justify-content: end;\n  width: 30px;\n  margin-right: 10px;\n}\nol.page-numbered-list li:nth-of-type(-n+15) h2 a {\n  padding-top: 40px;\n}\nol.page-numbered-list li:nth-of-type(-n+15) h2::before {\n  padding-top: 40px;\n}\nol.page-numbered-list li>h2 {\n  display: flex;\n  font-weight: 500;\n  position: relative;\n  z-index: -1;\n}\nol.page-numbered-list li>h2 a {\n  color: #000;\n}\nol.page-numbered-list li>h2::before {\n  font-weight: 500;\n}\nli>a:hover {\n  text-decoration: underline;\n}\n#devsdata_homepage img {\n  transition: all .25s linear;\n}\n#devsdata_homepage:hover img {\n  transform: scale(1.01);\n}\ntable, th, td {\n  border: 1px solid black;\n  border-collapse: collapse;\n  text-align: start;\n  padding: 5px 10px;\n  vertical-align: top;\n}\nthead {\n  background-color: #b8c0c6;\n}\ntd ul {\n  list-style: none;\n  margin-top: 0;\n  padding-left: 0;\n}\ntd > p {\n  margin: 0 !important;\n}\ntd > a:hover {\n  text-decoration: underline;\n}\ntbody > tr:hover {\n  background-color: rgba(255, 248, 220, 0.5);\n}\nli{\n  margin-bottom: 5px;\n}\nol.java-inform > li{\n  margin-bottom: 10px !important;\n}<\/p>\n<\/style>\n","protected":false},"author":1,"featured_media":0,"template":"","class_list":["post-170111","case_study","type-case_study","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/case_study\/170111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/types\/case_study"}],"author":[{"embeddable":true,"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/media?parent=170111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}