{"id":170121,"date":"2026-03-02T11:50:43","date_gmt":"2026-03-02T11:50:43","guid":{"rendered":"https:\/\/staging.devsdata.com\/case-studies\/shopify-ecommerce-augmented-reality-private-client\/"},"modified":"2026-06-23T09:20:28","modified_gmt":"2026-06-23T09:20:28","slug":"shopify-ecommerce-augmented-reality-private-client","status":"publish","type":"case_study","link":"https:\/\/staging.devsdata.com\/de\/case-studies\/shopify-ecommerce-augmented-reality-private-client\/","title":{"rendered":"High-end Shopify eCommerce \u2013 Augmented Reality Experience"},"content":{"rendered":"<section>\n<h1>High-end Shopify eCommerce \u2013 Augmented Reality Experience<\/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\/tatia-tatoshvili-min.webp\" type=\"image\/webp\"> \n                        <source \n                            srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tatia-tatoshvili-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\/tatia-tatoshvili-min.jpg\"\n                            alt=\"avatar\"\n                            loading=\"lazy\"\n                            title=\"Tatia Tatoshvili\"\n                        >\n                <\/picture>\n            <\/div>\n            <div style=\"display:flex; flex-direction:column;margin-right:auto;\" class=\"author_links\">\n            <a href=\"\/author\/tatia-tatoshvili\/\" class=\"author-name\">Tatia Tatoshvili<\/a>\n            <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/tatia-tatoshvili\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Tatia Tatoshvili 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><\/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                16 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\/10\/shopify_image_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/10\/shopify_image_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/10\/shopify_image.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/10\/shopify_image.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/shopify_image.webp\" width=\"640\" height=\"357\" alt=\"Shopify main image\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<ul>\n<li>Discover how DevsData LLC built a design-forward Shopify store with immersive AR previews for a private client, going from brief to launch in 3.5 weeks.<\/li>\n<li>Learn how a senior-led team paired cross-device WebAR with full confidentiality to validate a niche luxury concept on a scalable foundation.<\/li>\n<\/ul>\n<p>Launching a modern Shopify AR store takes more than off-the-shelf templates, it requires expert design, deep platform knowledge, and seamless Augmented Reality (AR) integration. For luxury brands and premium experiences, AR isn\u2019t just a novelty, it enhances product engagement, elevates the digital storefront, and bridges the sensory gap in online shopping. Customers can interact with products in their real environment, driving confidence and emotional connection before purchase.<\/p>\n<p>When a high-net-worth entrepreneur sought to validate a niche luxury concept online, <a href='\/' target='_blank'>DevsData LLC<\/a> was entrusted with full-cycle execution, from ideation to launch, with speed, precision, and absolute confidentiality. The client, a seasoned founder who had previously scaled and exited a 100+ person company, had clear expectations: fast time-to-market, flawless design, advanced AR functionality, and zero compromises on quality or privacy.<\/p>\n<p>This case study outlines how DevsData LLC delivered a polished, mobile-first Shopify store with immersive AR features, all within 3.5 weeks, helping the client test market appetite for a premium eCommerce concept while building a future-proof foundation for expansion.<br \/>\n<\/section>\n<section>\n<h2>Client overview<\/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\/08\/Shopify_Summary_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2025\/08\/Shopify_Summary_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/08\/Shopify_Summary.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2025\/08\/Shopify_Summary.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Shopify_Summary.webp\" width=\"640\" height=\"357\" alt=\"Shopify_Summary image\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<p>The client was a seasoned entrepreneur with a strong track record in scaling digital and consumer-facing ventures. This project was a side initiative, exploring a niche luxury lifestyle concept through a modern, design-driven Shopify store.<\/p>\n<p>While the product category and branding remain confidential, the project involved:<\/p>\n<ul>\n<li>A Shopify-based eCommerce platform.<\/li>\n<li>Full store configuration and setup.<\/li>\n<li>Advanced UX and visual design.<\/li>\n<li>A standout feature: Real-time Augmented Reality integration for product previews.<\/li>\n<\/ul>\n<p>Given the client\u2019s profile, a successful founder with a background in scaling high-performing, consumer-facing ventures, the project demanded absolute discretion, rapid execution, and a high level of trust, prioritized from day one through delivery. This venture was not a primary business but a strategic side project, driven by the client\u2019s personal interest in exploring emerging digital commerce formats. With a passion for design and technology, they saw an opportunity to experiment with Augmented Reality and premium branding to test the viability of a niche luxury lifestyle concept, without the overhead of a full-scale startup commitment.<\/p>\n<h2>Challenge<\/h2>\n<p>While the project was relatively compact in scope compared to enterprise-scale engagements, the level of precision, discretion, and speed expected made it uniquely demanding. The client, an experienced founder who had previously built and exited a successful company, came in with a clear vision and uncompromising standards, demanding top-tier execution across design, development, and emerging technology.<\/p>\n<p><strong>Tight timelines and minimal room for error<\/strong><\/p>\n<p>The client\u2019s primary goal was to test a niche concept in the eCommerce space, where speed-to-market was essential to capture early user feedback, gauge market interest, and stay ahead of potential copycats in a trend-sensitive luxury segment. The timeline was measured in days, not months, just 3.5 weeks from brief to launch, with no tolerance for missed milestones or extended iteration cycles. The store needed to be live, polished, and fully functional, ready for user feedback and lightweight marketing from day one.<\/p>\n<p><strong>High standards for visual and UX quality<\/strong><\/p>\n<p class='quote'>The user interface needed to reflect a premium brand experience from the first click. This meant clean lines, smooth motion, balanced typography, and flawless responsiveness across all screen sizes.<\/p>\n<p>Off-the-shelf design wasn\u2019t acceptable, every detail had to feel intentional, curated, and visually refined. The client\u2019s background in high-end ventures meant expectations were exceptionally high, with a strong preference for edge-to-edge imagery, generous white space, subtle micro-interactions, and a minimalist aesthetic that reflected modern luxury.<\/p>\n<p><strong>Advanced technology integration (Augmented Reality)<\/strong><\/p>\n<p>A core differentiator for the store was its use of Augmented Reality (AR), allowing customers to preview products in their real-world environment directly from their smartphones, no app download required. This feature elevated the overall shopping experience, particularly for lifestyle and design-oriented products where spatial context plays a key role in purchase decisions.<\/p>\n<p>Rather than treat AR as a gimmick, the client viewed it as a strategic tool to increase engagement, reduce return risk, and position the brand at the forefront of digital innovation. DevsData LLC ensured the AR layer was seamlessly integrated, fully responsive across devices, and aligned with the minimalist aesthetic of the store, all while keeping performance smooth and friction low for end users.<\/p>\n<p><strong>Future-proofed Shopify architecture<\/strong><\/p>\n<p>Despite being a \u201csmall side project,\u201d the store was built with scalability in mind. The client anticipated that if early traction was promising, the venture could evolve into a more robust commercial operation. Shopify was chosen for its balance of speed, stability, and extensibility, allowing for a rapid launch without sacrificing future growth potential.<\/p>\n<p>The platform\u2019s ecosystem of integrations, performance reliability, and ease of management made it ideal for a solo founder who wanted flexibility without ongoing technical overhead. The setup was kept modular and technically sound, ready to support new features, increased traffic, and product expansion without requiring architectural rework.<\/p>\n<p><strong>Communicating luxury in a digital-only environment<\/strong><\/p>\n<p>One of the core challenges in high-end eCommerce is conveying premium product value without the benefit of physical presence. The client\u2019s concept centered around carefully crafted, design-forward items, but unlike traditional luxury retail, there were no showrooms, no tactile interactions, and no in-person sales support.<\/p>\n<p>This meant every digital touchpoint, from product visuals to micro-interactions, had to communicate quality, sophistication, and trust. DevsData LLC approached this by integrating high-resolution visuals, immersive AR previews, and subtle UI animations, all housed within a minimalist layout that emphasized product craftsmanship. The result was a user experience that felt elevated and exclusive, despite being entirely online.<\/p>\n<p>In short, what the project lacked in size, it made up for in complexity, expectations, and the need for flawless execution under time pressure.<\/p>\n<h2>DevsData LLC\u2019s approach<\/h2>\n<p>To meet the demands of a fast-moving, premium-grade eCommerce launch, while preserving complete confidentiality, DevsData LLC assembled a compact, senior-level delivery team. <\/p>\n<p class='quote'>Every member was selected not only for technical expertise but for their ability to operate with speed, discretion, and strategic foresight.<\/p>\n<p>This mirrors our approach from the <a href='\/case-studies\/software-web-development-of-an-ecommerce-website\/'  target='_blank'>SZIC.pl eCommerce project<\/a>, where we built a fully custom automotive sales platform with modern UX, robust backend integrations, and long-term scalability. Like SZIC.pl, this Shopify project required translating a clear business vision into a performant, design-forward digital experience, but on a much faster timeline and with Augmented Reality as a key innovation layer.<\/p>\n<p><strong>Team composition:<\/strong><\/p>\n<table style='width: 100%'>\n<thead>\n<th>Role<\/th>\n<th>Responsibilities<\/th>\n<\/thead>\n<tr>\n<td><strong>Senior Shopify Developer<\/strong><\/td>\n<td>Led theme customization, private app integration, performance tuning, and advanced feature setup. Deployed AR components, configured checkout, and optimized mobile responsiveness.<\/td>\n<\/tr>\n<tr>\n<td><strong>Senior Project Manager (MBA)<\/strong><\/td>\n<td>Acted as strategic lead and client liaison. Oversaw scope and pacing, enforced agile sprint cycles, and ensured seamless communication across stakeholders.<\/td>\n<\/tr>\n<tr>\n<td><strong>Senior Graphic Designer<\/strong><\/td>\n<td>Created the full visual layer, iconography, typography, color systems, and mobile-first mockups, ensuring alignment between brand identity and product storytelling.<\/td>\n<\/tr>\n<tr>\n<td><strong>Augmented Reality Specialist<\/strong><\/td>\n<td>Handled AR asset prep, Shopify-compatible integration, and in-browser product previews. Used WebAR libraries and optimized 3D models for smooth, cross-device performance.<\/td>\n<\/tr>\n<\/table>\n<p><strong>Key features of our delivery model:<\/strong><\/p>\n<ul>\n<li><b>Agile sprint cycles for rapid iteration<\/b><\/li>\n<\/ul>\n<p>We worked in 2\u20133 day sprints, short, focused development cycles designed to deliver specific features or updates. This approach enabled quick turnarounds, real-time iteration, and kept the project moving at a fast but sustainable pace.<\/p>\n<ul>\n<li><b>Conversion-focused product presentation<\/b><\/li>\n<\/ul>\n<p>From day one, we applied proven eCommerce design principles aimed at maximizing user engagement and conversion. Product pages were crafted with visual hierarchy, clear calls to action, trust-building UI elements, and mobile-first layouts. Features like immersive AR previews, contextual details, and fast load times were not just technical niceties, they were carefully selected to drive user confidence and reduce friction in the buying journey.<\/p>\n<ul>\n<li><b>Allowed client feedback across time zones<\/b><\/li>\n<\/ul>\n<p>All updates, assets, and communications were shared through private, access-controlled channels using tools like Notion, Slack Connect, and Figma. This ensured smooth collaboration, even across time zones, while maintaining full privacy and version traceability.<\/p>\n<ul>\n<li><b>Shopify Plus scalability prep<\/b><\/li>\n<\/ul>\n<p>Although the MVP launched on standard Shopify, we structured configurations and workflows with future growth in mind, enabling a seamless upgrade path to Shopify Plus as traffic, complexity, or product range expands.<\/p>\n<ul>\n<li><b>Flexible AR toolchain integration<\/b><\/li>\n<\/ul>\n<p>We integrated lightweight, browser-based AR tools, primarily Google\u2019s Model Viewer, to enable 3D product previews without requiring app downloads. Solutions like 8thWall were evaluated for future extensibility. All implementations underwent rigorous cross-browser testing to ensure compatibility and a smooth experience across devices.<\/p>\n<p>This tailored, senior-led approach allowed DevsData LLC to move quickly while maintaining the high design fidelity, technical reliability, and discretion expected from a high-net-worth client engagement.<\/p>\n\n            <div class=\"schedule-consultation middle-scheduler\">\n                <div class=\"block-contact\">\n                    <p>Do you have software 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>Solution<\/h2>\n<p>To deliver a fast, high-fidelity Shopify experience equipped with Augmented Reality (AR) capabilities, DevsData LLC employed a modular, sprint-based development model. This structure enabled our team of expert Shopify Plus developers to combine precision design, technical scalability, and cross-device AR functionality within an accelerated timeline, while maintaining full discretion. The result highlights the kind of tailored execution that defines our Shopify development services for high-end, innovation-driven clients.<\/p>\n<p><strong>1. Platform configuration and customization<\/strong><\/p>\n<p>The project began with the selection of a premium, mobile-optimized Shopify theme, chosen for its clean layout, high performance, and flexibility. This theme served as the foundation for a deeply customized experience tailored to the client\u2019s branding and functional goals.<\/p>\n<p>One of the core areas of customization was the checkout flow, which we restructured to enhance user navigation and drive higher conversion rates. This redesign was carried out while maintaining full compatibility with Shopify\u2019s native payment and shipping systems.<\/p>\n<p>We also refined the collection and product pages to improve visual hierarchy and make filtering more intuitive. These enhancements were applied across both desktop and mobile, ensuring a seamless experience regardless of device.<\/p>\n<p>To support long-term growth through organic search, we implemented an SEO-friendly structure, featuring clean URLs, structured tags, and optimized metadata.<\/p>\n<p>Given the importance of mobile commerce, we placed special emphasis on mobile responsiveness. The site was rigorously tested and tuned for flawless performance on smartphones, with particular attention to ensuring that the AR (Augmented Reality) features worked seamlessly across both iOS and Android platforms.<\/p>\n<p><strong>2. Augmented Reality (AR) integration<\/strong><\/p>\n<p>A standout element of this project was the integration of an Augmented Reality (AR) feature, designed to let users interact with 3D products directly through their mobile browsers. By leveraging lightweight, browser-based WebAR technologies, we were able to deliver an immersive experience without requiring customers to install a separate app.<\/p>\n<p>To ensure broad compatibility, all product visuals were prepared in both <a href=\"https:\/\/developers.google.com\/ar\/develop\/webxr\/model-viewer#supported-file-types\" rel=\"nofollow noreffer noopener\" target=\"_blank\">GLB<\/a> and <a href=\"https:\/\/openusd.org\/release\/spec_usdz.html\" rel=\"nofollow noreffer noopener\" target=\"_blank\">USDZ<\/a> formats\u2014allowing seamless functionality across Android and iOS platforms. These models were embedded within the storefront through 3D viewers equipped with &#8222;View in Your Space&#8220; functionality, enabling users to visualize products in real-world environments. This feature was particularly impactful for design-focused and lifestyle-oriented items.<\/p>\n<p>The AR experience was carefully optimized for performance across a wide range of devices. Through extensive testing, we accounted for varying screen sizes, lighting conditions, and network speeds, ensuring smooth loading times and consistent model behavior on both newer and older smartphones.<\/p>\n<p><strong>3. Visual branding and UI design<\/strong><\/p>\n<p>Visual design was central to meeting the client\u2019s vision of a refined, elegant storefront. Our senior graphic designer led the development of a modern, high-touch visual identity that balanced minimalism with visual depth.<\/p>\n<p>A carefully considered typography system and spacing hierarchy brought clarity and sophistication to the user experience, making each page feel clean and purposeful. To enhance engagement without compromising performance, we introduced subtle animations and micro-interactions that added a layer of polish and responsiveness to the interface.<\/p>\n<p>Consistency across visual assets was a key focus. All 2D imagery and AR models were styled under a unified aesthetic framework to maintain a premium, cohesive feel. For instance, the wood grain texture applied to the 3D product models was precisely matched to the tones and lighting used in the lifestyle photography, ensuring a seamless transition between static visuals and interactive AR content.<\/p>\n<p><strong>4. Agile project management and delivery<\/strong><\/p>\n<p>With a fast-paced timeline, the project demanded precise coordination and efficient execution. Our team focused on rapid iteration, clear communication, and tightly managed workflows to ensure steady progress without sacrificing quality.<\/p>\n<p>Planning was organized around short, milestone-driven sprints, typically lasting two to three days. Each task was tracked in a shared project management board, providing full transparency and clearly defined objectives for all stakeholders.<\/p>\n<p>To keep momentum high and minimize delays, we adopted asynchronous feedback methods. The client shared input through recorded video reviews and annotated design comments, enabling quick turnarounds without the need for frequent live meetings.<\/p>\n<p>As we approached the final stages, quality assurance became a priority. The store underwent thorough testing across devices and browsers to catch edge cases and polish the user experience. Within just a few weeks, we successfully launched the final version, on schedule and fully aligned with the original expectations.<\/p>\n<p>This modular, design-forward approach enabled DevsData LLC to bring the Shopify store from concept to launch swiftly, without compromising quality, performance, or the client\u2019s privacy.<\/p>\n<h2>Business impact<\/h2>\n<p class='quote'>Although initially scoped as a small side venture, the Shopify project became a strategic enabler for the client, delivering tangible value far beyond its original intent and positioning them for future digital expansion.<\/p>\n<p><strong>1. Rapid market validation for a high-end concept<\/strong><\/p>\n<p>The delivered store functioned as a fast, low-risk validation tool for the client\u2019s eCommerce vision. Within just a few weeks, the client was able to showcase a fully functional, design-forward storefront equipped with advanced features like Augmented Reality (AR), which users engaged with over 100 times in the first week, previewing products in their own environment and providing early signals of interest and usability. This allowed them to:<\/p>\n<ul>\n<li>Present a working prototype to 5+ potential partners and advisors within the first 10 days post-launch.<\/li>\n<li>Run 2 lightweight marketing campaigns, generating over 300 unique sessions and 100+ AR product interactions.<\/li>\n<li>Capture early market signals through a lean, low-risk launch, validating core assumptions before committing to broader investment or scale.<\/li>\n<\/ul>\n<p>This rapid cycle of idea-to-execution provided the agility needed for an experienced entrepreneur to explore new digital channels.<\/p>\n<p><strong>2. A launch-ready, visually cohesive online store<\/strong><\/p>\n<p>The final product reflected a high standard of design and technical execution. Built on Shopify with a tailored UI, integrated AR functionality, and frontend performance optimizations, the store was more than just a prototype, it was fully launch-ready. Initial Lighthouse audits scored 90+ across performance and accessibility, with page load times averaging under 1.8 seconds, reinforcing a smooth, premium user experience across devices.<\/p>\n<p>The outcome wasn\u2019t just functional, it delivered a polished, premium digital storefront aligned with the client\u2019s vision. Key strengths of the final product included:<\/p>\n<ul>\n<li>Brand-consistent visuals elevated perceived product value.<\/li>\n<li>Mobile and desktop compatibility supported diverse user flows.<\/li>\n<li>Scalable Shopify architecture enabled fast onboarding of new SKUs or categories.<\/li>\n<\/ul>\n<p>The client had the tools and infrastructure to begin real-world operations immediately upon delivery.<\/p>\n<p><strong>3. A future-proof foundation for digital expansion<\/strong><\/p>\n<p>Even though this was a boutique project, the tech stack and design decisions laid the groundwork for future ventures. The client can now:<\/p>\n<ul>\n<li>Repurpose core components for other Shopify stores.<\/li>\n<li>Build upon the AR layer with new 3D models or use cases.<\/li>\n<li>Expand the platform into new regions or verticals without needing to rebuild from scratch.<\/li>\n<\/ul>\n<p>By investing in quality from day one, the client ensured they weren\u2019t just launching a store, they were building digital capital for future use.<\/p>\n<p><strong>4. Demonstrating operational excellence at a small scale<\/strong><\/p>\n<p>Perhaps most importantly, the engagement proved that even modestly scoped eCommerce projects can, and should, uphold the same standards of excellence as large enterprise initiatives. Through:<\/p>\n<ul>\n<li>Precise design.<\/li>\n<li>Efficient delivery.<\/li>\n<li>Advanced interactivity via AR.<\/li>\n<\/ul>\n<p>This collaboration demonstrated that strong user experience and operational discipline aren\u2019t exclusive to large, multi-million-dollar builds. When done right, even a compact Shopify project can reflect world-class execution, especially when it\u2019s driven by a team that treats small projects with big-league care.<\/p>\n<p>The end result was a polished, functional store that gave the client a solid foundation for exploring future opportunities.<\/p>\n<h2>Case match: Is your project similar?<\/h2>\n<p>Ask yourself:<\/p>\n<ul>\n<li>Are you a business owner exploring a side project in digital commerce?<\/li>\n<li>Do you value design precision, speed, and discretion?<\/li>\n<li>Are you interested in combining Shopify with modern tech (like AR)?<\/li>\n<\/ul>\n<p>If yes, DevsData LLC can help you go from idea to launch, rapidly, beautifully, and securely.<\/p>\n<p>For a confidential consultation, contact <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            <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\/11\/tatia-tatoshvili-min.webp\" type=\"image\/webp\" \/>\n                        <source srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tatia-tatoshvili-min.jpg\" type=\"image\/jpeg\" \/>\n                        <img class=\"avatar lazyload\" width=\"100\" height=\"100\" src=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/11\/tatia-tatoshvili-min.jpg\" alt=\"Tatia Tatoshvili\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                    <\/picture>\n                    <div class=\"author_card__details\">\n                        <p class=\"author_card__name\">\n                            <a href=\"\/author\/tatia-tatoshvili\/\">Tatia Tatoshvili<\/a>\n                        <\/p>\n                        <p class=\"author_card__position\">Copywriter and Marketer<\/p>\n                        <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/tatia-tatoshvili\/\" aria-label=\"Check out Tatia Tatoshvili 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=\"mailto:tatia.tatoshvili@devsdata.com\" aria-label=\"Email Tatia Tatoshvili\">\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\">Tatia Tatoshvili is a Marketing and Communications professional with deep expertise in digital strategy and project management. Tatia\u2019s experience includes implementing strategic marketing campaigns, elevating brand visibility, and building partnerships that expand education and job opportunities in the digital sector. She is passionate about fostering innovation and advancing digital literacy to create lasting impact.<\/p>\n                    <a class=\"author_about__link read_full_bio\" href=\"\/author\/tatia-tatoshvili\/\" aria-label=\"Read full bio: Tatia Tatoshvili\">\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":42,"featured_media":153158,"template":"","class_list":["post-170121","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\/170121","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\/42"}],"wp:attachment":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/media?parent=170121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}