{"id":170177,"date":"2026-03-02T11:51:10","date_gmt":"2026-03-02T11:51:10","guid":{"rendered":"https:\/\/staging.devsdata.com\/case-studies\/software-web-development-of-an-ecommerce-website\/"},"modified":"2026-06-24T06:48:42","modified_gmt":"2026-06-24T06:48:42","slug":"software-web-development-of-an-ecommerce-website","status":"publish","type":"case_study","link":"https:\/\/staging.devsdata.com\/de\/case-studies\/software-web-development-of-an-ecommerce-website\/","title":{"rendered":"SZIC.pl \u2013 Web Development and Design for Large eCommerce"},"content":{"rendered":"<section>\n<h1>SZIC.pl \u2013 Web Development and Design for Large eCommerce<\/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\/02\/ani-gasparyan-min.webp\" type=\"image\/webp\"> \n                        <source \n                            srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-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\/02\/ani-gasparyan-min.jpg\"\n                            alt=\"avatar\"\n                            loading=\"lazy\"\n                            title=\"Ani Gasparyan\"\n                        >\n                <\/picture>\n            <\/div>\n            <div style=\"display:flex; flex-direction:column;margin-right:auto;\" class=\"author_links\">\n            <a href=\"\/author\/ani-gasparyan\/\" class=\"author-name\">Ani Gasparyan<\/a>\n            <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/ani-gasparyan-15a7b3157\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Ani Gasparyan 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:\/\/twitter.com\/ani_l19\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Ani Gasparyan on Twitter\">\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\/ani-gasparyan\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Ani Gasparyan 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><\/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                10 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\n        <span class=\"img-container\">\n            <picture class=\"\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/07\/SZICMain_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/07\/SZICMain_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/SZICMain.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/SZICMain.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/SZICMain.webp\" width=\"640\" height=\"357\" alt=\"SZIC.pl main image\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<li>DevsData LLC partnered with SZIC.pl to design and build a fully custom, scalable eCommerce platform suitable for automotive sales.<\/li>\n<li>This collaboration led to steady growth in website traffic, customer engagement, and online vehicle sales.<\/li>\n<h2>Client overview<\/h2>\n<p><a href=\"https:\/\/omodajaecoo.szic.pl\/model\/omoda-5\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">SZIC.pl<\/a> is a trusted, family-owned automotive dealership in Poland with over 40 years of history, founded in 1978. Originally a Vehicle Mechanics and Car Body Shop, it has grown into the sole Authorized Kia Dealer in the Opole region and the oldest Authorized Mitsubishi Service center locally. Employing nearly 50 specialists, SZIC.pl combines efficient processes inspired by large partners with a unique, customer-first approach rooted in mutual respect and trust. <\/p>\n<p>The company provides comprehensive services, including vehicle sales, financing, and after-sales care. SZIC.pl aligns its future with the Kia brand, sharing values of innovation, automotive electrification, and inspiring customer mobility and independence.<\/p>\n<p>As online car shopping became more common, <a href=\"https:\/\/omodajaecoo.szic.pl\/model\/omoda-5\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">SZIC.pl<\/a> recognized the need to rethink how it connected with customers in the digital space. What started as a website update quickly evolved into a comprehensive transformation of their eCommerce strategy.<\/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\/2025\/07\/Szicgraph_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/07\/Szicgraph_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/Szicgraph.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/Szicgraph.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Szicgraph.webp\" width=\"640\" height=\"357\" alt=\"Szicgraph image\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h2>Project summary<\/h2>\n<p><a href=\"https:\/\/omodajaecoo.szic.pl\/model\/omoda-5\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">SZIC.pl<\/a> collaborated with <a href='\/services\/' target='_blank'>DevsData LLC<\/a> to design and develop a bespoke, scalable eCommerce site tailored specifically for automotive sales. Early in the process, DevsData LLC provided advisory on selecting the most suitable technologies to support performance, scalability, and integration with existing dealership systems. This is an area where many clients often seek guidance. Over the course of 2 years, this partnership achieved steady growth in website traffic, customer engagement, and online vehicle sales.<\/p>\n<p>The project followed a multi-phase structure: the core eCommerce platform was delivered within the initial months, followed by ongoing development, feature enhancements, and maintenance over a two-year collaboration. To support this evolving scope, DevsData LLC applied an agile methodology with bi-weekly meetings involving SZIC.pl\u2019s owner. These sessions enabled ongoing alignment, regular reprioritization, and close oversight, ensuring the platform continually evolved in line with the client&#8217;s vision and business goals.<\/p>\n<p class='quote'>\u201cDevsData LLC took charge of the entire process from UX\/UI design through backend development and search engine optimization. The final result was a mobile-friendly, conversion-driven website that reflected SZIC.pl&#8217;s premium brand image and boosted online visibility and sales.\u201d<\/p>\n\n            <div class=\"schedule-consultation middle-scheduler\">\n                <div class=\"block-contact\">\n                    <p>Do you have IT outsourcing 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<p>Regular collaboration, including bi-weekly strategy and feedback sessions with the company&#8217;s owner, played a key role in delivering a tailored and high-impact solution. This long-term engagement led to a measurable increase in website traffic and customer engagement, solidifying SZIC.pl&#8217;s digital presence in the competitive European automotive market.<br \/>\n<\/section>\n<section>\n<h2>Challenge<\/h2>\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\/2025\/07\/szic-book_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/07\/szic-book_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/szic-book.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/szic-book.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/szic-book.webp\" width=\"640\" height=\"357\" alt=\"szic image\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<p>Rebuilding SZIC.pl&#8217;s online presence involved a complex, multi-stage project presenting several technical and organizational hurdles:<\/p>\n<ul>\n<li><b>Integrating with internal systems:<\/b><\/li>\n<\/ul>\n<p>The platform needed to work seamlessly with SZIC.pl&#8217;s internal systems for inventory, customer management, and lead generation. Ensuring smooth data flows and minimal disruption to day-to-day operations added complexity to both backend and frontend development.<br \/>\nThese challenges required a highly structured, yet agile approach, combined with ongoing dialogue between DevsData LLC and SZIC.pl, to deliver a solution that was both technically robust and fully aligned with the client&#8217;s vision.<\/p>\n<ul>\n<li><b>Unique functionality needs:<\/b><\/li>\n<\/ul>\n<p>Selling vehicles online requires distinctive features such as dynamic model pages, detailed specifications, financing options, and personalized lead forms. Off-the-shelf platforms were unsuitable, so nearly every aspect demanded custom engineering.<br \/>\nSecurity was also a major focus, particularly around user data, lead submission forms, and integration points. The team implemented layered access control, encrypted data flows, and API rate limiting to meet best practices in web security.<\/p>\n<ul>\n<li><b>Advanced technical architecture:<\/b><\/li>\n<\/ul>\n<p>To support a high-performing, scalable eCommerce experience, the DevsData LLC team designed a custom architecture using React.js for the frontend and Node.js with a PostgreSQL database on the backend. Building a real-time vehicle availability system and enabling fast-loading, interactive pages posed performance challenges, especially under high user loads.<\/p>\n<ul>\n<li><b>Working with a non-technical stakeholder:<\/b><\/li>\n<\/ul>\n<p>Regular meetings with the company owner, who lacked a technical background, required clear communication of complex development decisions and frequent visual demonstrations to manage expectations.<\/p>\n<ul>\n<li><b>Preserving SEO through redesign:<\/b><\/li>\n<\/ul>\n<p>The team carefully handled URL structures, redirects, and on-page optimization to maintain and improve Google rankings during the site overhaul, avoiding any loss of organic traffic.<\/p>\n<ul>\n<li><b>Evolving requirements over a multi-year timeline:<\/b><\/li>\n<\/ul>\n<p>The project spanned 2 years, during which SZIC.pl&#8217;s business needs and strategic priorities evolved. This required DevsData LLC to maintain development consistency while remaining flexible enough to adapt features and timelines as priorities evolved.<\/p>\n<h2>Solution<\/h2>\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\/2025\/07\/SZIC-web_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/07\/SZIC-web_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/SZIC-web.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/SZIC-web.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/SZIC-web.webp\" width=\"640\" height=\"357\" alt=\"SZIC-web image\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<p>To meet SZIC.pl\u2019s ambitious objectives, <a href='\/services\/' target='_blank'>DevsData LLC<\/a> developed a custom eCommerce system built for automotive sales. The chosen tech stack (React.js, Node.js, and PostgreSQL) was selected for its flexibility, scalability, and speed. React.js offered a highly responsive and intuitive interface ideal for showcasing dynamic vehicle listings, while Node.js enabled efficient real-time data handling and seamless integration with third-party systems. PostgreSQL was selected for its strong data integrity, advanced querying capabilities, and reliable handling of structured dealership data.<\/p>\n<p>Below is a breakdown of how each business requirement was addressed with the appropriate technical solution:<\/p>\n<table style='width:100%'>\n<thead>\n<tr>\n<th>Business Need<\/th>\n<th>Technical Solution<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Responsive, user-friendly interface<\/td>\n<td>React.js for a modern, intuitive, and mobile-optimized frontend<\/td>\n<\/tr>\n<tr>\n<td>Seamless backend operations and third-party integrations<\/td>\n<td>Node.js with Express for scalable backend logic and integrations<\/td>\n<\/tr>\n<tr>\n<td>Efficient management of vehicle inventory and customer data<\/td>\n<td>PostgreSQL for structured, reliable data storage<\/td>\n<\/tr>\n<tr>\n<td>Easy content management for non-technical staff<\/td>\n<td>Contentful as a headless CMS for flexible and user-friendly content updates<\/td>\n<\/tr>\n<tr>\n<td>Scalable, secure, and high-availability hosting<\/td>\n<td>AWS infrastructure to support growth and maintain uptime<\/td>\n<\/tr>\n<tr>\n<td>Improved discoverability and web performance<\/td>\n<td>SEO best practices implemented from the ground up<\/td>\n<\/tr>\n<tr>\n<td>Real-time insight into user behavior and sales metrics<\/td>\n<td><a href=\"https:\/\/developers.google.com\/analytics\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Google Analytics<\/a>, along with <a href=\"https:\/\/tagmanager.google.com\/#\/home\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Google Tag Manager<\/a> for tracking and conversion optimization<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Key features designed specifically for the automotive market included:<\/p>\n<h3>Custom-built eCommerce platform for automotive sales<\/h3>\n<p>Drawing on <a href='\/case-studies\/branding-and-website-design-for-a-space-startup\/' target='_blank'>our prior experience<\/a> in redesigning websites and modernizing digital identities, DevsData LLC designed and built a platform from scratch that addressed the unique challenges of selling vehicles online. Key features included:<\/p>\n<ul>\n<li>Dynamic vehicle pages showcasing model variants, detailed specifications, image galleries, and lead capture forms<\/li>\n<li>Advanced search and filtering tools for users to quickly find suitable models<\/li>\n<li>Flexible pricing options accommodating promotions and financing details<\/li>\n<li>Agile process with frequent stakeholder involvement<\/li>\n<\/ul>\n<p class='quote'>\u201cDue to the project\u2019s multi-year scope, DevsData LLC used an agile methodology with bi-weekly meetings involving SZIC.pl&#8217;s owner. These sessions allowed continuous review of progress, prioritized feature development, and ensured the solution evolved closely in line with the client&#8217;s vision.\u201d<\/p>\n<h3>SEO-focused development<\/h3>\n<p>SEO was prioritized throughout the development process. The platform featured clean, descriptive URL structures, fast-loading pages optimized for mobile devices, schema markup for enhanced search engine visibility, and content layouts designed to benefit both users and search engine crawlers.<\/p>\n<h3>Scalable backend with system integrations<\/h3>\n<p>The backend architecture was built for scalability, supporting SZIC.pl&#8217;s growing inventory and customer base. It integrated seamlessly with internal systems to automate inventory updates, simplify data entry, and enable efficient lead tracking and CRM handoffs.<\/p>\n<h3>Handover and training for internal management<\/h3>\n<p>At project completion, DevsData LLC provided detailed documentation and conducted live training sessions. This empowered SZIC.pl&#8217;s in-house team to manage website content, update vehicle listings, and monitor performance independently, without needing ongoing technical support.<\/p>\n\n            <div class=\"schedule-consultation middle-scheduler\">\n                <div class=\"block-contact\">\n                    <p>Do you have IT outsourcing 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>Results<\/h2>\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\/2025\/07\/szicride_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/07\/szicride_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/szicride.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/07\/szicride.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/szicride.webp\" width=\"640\" height=\"357\" alt=\"szic ride image\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<p>The new platform modernized SZIC.pl\u2019s online presence and drove significant improvements across multiple areas:<\/p>\n<table style='witdth:100%'>\n<thead>\n<tr>\n<th>Area<\/th>\n<th>Result<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Online vehicle inquiries<\/td>\n<td>The redesigned platform significantly improved user experience and lead capture flows, resulting in a noticeable increase in online inquiries.<\/td>\n<\/tr>\n<tr>\n<td>Vehicle sales from online traffic<\/td>\n<td>Sales volumes grew steadily following the launch of the new website, with online-originated customer inquiries translating into higher conversions.<\/td>\n<\/tr>\n<tr>\n<td>Organic website traffic<\/td>\n<td>The SEO-optimized site structure, fast load times, and mobile performance led to an increase in organic traffic from Google searches.<\/td>\n<\/tr>\n<tr>\n<td>Search engine visibility<\/td>\n<td>Key landing pages, including model overviews and vehicle detail pages, ranked higher on Google, improving discoverability for both brand and non-brand searches.<\/td>\n<\/tr>\n<tr>\n<td>Customer engagement<\/td>\n<td>Visitors spent more time exploring the site, interacted with more pages per session, and bounce rates decreased, indicating improved user satisfaction.<\/td>\n<\/tr>\n<tr>\n<td>Internal content management<\/td>\n<td>With a user-friendly CMS and automation, SZIC.pl&#8217;s team can quickly update listings and content without requiring technical assistance, thereby improving operational efficiency.<\/td>\n<\/tr>\n<tr>\n<td>Mobile performance<\/td>\n<td>The mobile-first design significantly enhanced browsing on smartphones and tablets, resulting in improved engagement and higher conversions from mobile users.<\/td>\n<\/tr>\n<tr>\n<td>Scalability of the platform<\/td>\n<td>The backend architecture was built to accommodate future growth, supporting the addition of new models, offers, and integration with new tools without major redevelopment.<\/td>\n<\/tr>\n<tr>\n<td>Brand perception and credibility<\/td>\n<td>The visually polished, professional design strengthened SZIC.pl&#8217;s online brand image, creating more trust among new visitors and potential customers.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Business impact<\/h2>\n<p>The new eCommerce system transformed SZIC.pl\u2019s digital footprint by aligning technical solutions with strategic business goals. It attracted a wider audience through improved search visibility and a user-friendly shopping experience tailored to automotive buyers. The scalable backend supported expanded inventory and operational efficiency, cutting manual work and accelerating updates.<\/p>\n<p>This led to more qualified leads, higher conversion rates, and increased customer engagement. It also brought in new clients, driving tangible growth in vehicle sales and reinforcing SZIC.pl\u2019s standing as a premier Kia distributor in Europe. The website now draws around <span class=\"formatted-number\">5000<\/span> monthly visitors, reflecting its sustained growth and relevance among online car shoppers.<\/p>\n<p>Ready to elevate your digital presence and accelerate business growth?<\/p>\n<p>Partner with DevsData LLC to develop custom, scalable, and SEO-optimized solutions precisely tailored to your unique needs. Reach out to DevsData LLC 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>.<\/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\/ani_l19\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">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_card\">\n                    <picture class=\"author_card__photo\">\n                        <source srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.webp\" type=\"image\/webp\" \/>\n                        <source srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.jpg\" type=\"image\/jpeg\" \/>\n                        <img class=\"avatar lazyload\" width=\"100\" height=\"100\" src=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.jpg\" alt=\"Ani Gasparyan\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                    <\/picture>\n                    <div class=\"author_card__details\">\n                        <p class=\"author_card__name\">\n                            <a href=\"\/author\/ani-gasparyan\/\">Ani Gasparyan<\/a>\n                        <\/p>\n                        <p class=\"author_card__position\">Senior Copywriter and marketer<\/p>\n                        <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/ani-gasparyan-15a7b3157\/\" aria-label=\"Check out Ani Gasparyan 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\/ani_l19\" aria-label=\"Check out Ani Gasparyan 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\/ani-gasparyan\" aria-label=\"Check out Ani Gasparyan 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=\"mailto:ani.gasparyan@devsdata.com\" aria-label=\"Email Ani Gasparyan\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M64 112c-8.8 0-16 7.2-16 16v22.1l172.5 141.6c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0zM0 128c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64z\"\/><\/svg>\n                <\/a>\n            <\/li><\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"author_about\">\n                    <h2 class=\"author_about__title\">About the author<\/h2>\n                    <p class=\"author_about__bio\">Ani is a marketing enthusiast and content writer. With 8+ years of expertise in marketing, she succeeded in developing engaging marketing collaterals, including blog articles, social media content, and other promotional materials. With a keen eye for detail and a knack for storytelling, she thrives in crafting compelling content that resonates with the target audience.<\/p>\n                    <a class=\"author_about__link read_full_bio\" href=\"\/author\/ani-gasparyan\/\" aria-label=\"Read full bio: Ani Gasparyan\">\n                        Read full bio\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\">\n                                <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 5L19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                    <\/a>\n                    <a class=\"author_about__link recruitment_link\" href=\"\/recruitment\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        Read more about our IT staffing services\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\">\n                                <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 5L19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                    <\/a>\n                <\/div>\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                \/\/ The toast only exists when [render_copy_button] rendered one. Without it there is\n                \/\/ nothing to wire up, so bail before dereferencing it.\n                if (typeof toastPopUp === \"undefined\" || toastPopUp === null) {\n                    return;\n                }\n\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(\".toast__text\").innerHTML = \"Email copied to clipboard\";\n                    toastPopUp.classList.add(\"toast-active\");\n                    debouncedMessagePopUp();\n                }\n\n                const toastCloseBtn = toastPopUp.querySelector(\".toast__close\");\n                if (toastCloseBtn) {\n                    toastCloseBtn.addEventListener(\"click\", function() {\n                        toastPopUp.classList.remove(\"toast-active\");\n                    });\n                }\n        })\n<\/script>\n<br \/>\n<\/section>\n","protected":false},"author":27,"featured_media":180826,"template":"","class_list":["post-170177","case_study","type-case_study","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/case_study\/170177","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\/27"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/media\/180826"}],"wp:attachment":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/media?parent=170177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}