{"id":10283,"date":"2023-11-08T13:32:08","date_gmt":"2023-11-08T13:32:08","guid":{"rendered":"https:\/\/boldizart.com\/?post_type=portfolio&#038;p=10283"},"modified":"2026-02-05T10:52:42","modified_gmt":"2026-02-05T10:52:42","slug":"creating-an-online-store-for-jg-jewelry","status":"publish","type":"portfolio","link":"https:\/\/boldizart.com\/en\/portfolio\/creating-an-online-store-for-jg-jewelry\/","title":{"rendered":"Creating an unique\u00a0Online Store for JG Jewelry"},"content":{"rendered":"    \n    <section class=\"section hero-section block  bg-default with-highlights  d-flex align-items-center\" id=\"\">\n        <div class=\"container\">\n                        <div class=\"row pb-4\">\n                                    <div class=\"col-lg-6 d-none d-lg-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper animated right-to-left ps-lg-4\">\n                            <link rel=preload href=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/JG-Portfolio.png\" as=\"image\">\n                            <img decoding=\"async\" width=\"740\" height=\"621\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/JG-Portfolio.png\" class=\"hero-image no-lazy skip-lazy\" alt=\"JG - Portfolio - online prodavnica\" fetchpriority=\"high\" title=\"\">                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-6 order-last order-lg-first d-flex align-items-center\">\n                                    <div class=\"text-content animated left-to-right\">\n                                                    <h1 class=\"h1\">Creating an unique\u00a0Online Store for JG Jewelry<\/h1>\n                                                                            <div class=\"post-details d-flex align-items-center\">\n                                <div class=\"detail post-categories m-0\"><a href='https:\/\/boldizart.com\/en\/projects\/web-shop\/' rel='project' title='Web shop'>Web shop<\/a> <\/div>\n                                <div class=\"separator px-2\">|<\/div>\n                                <div class=\"detail post-date\"><i class=\"fa-regular fa-hourglass\"><\/i> 8. November<\/div>\n                                                            <\/div>\n                                                                            <div class=\"text\"><p>Creating a unique and elegant online store and migrating all products from Etsy to WordPress. It was necessary to create a unique design that is in accordance with the already established JG Jewelry brand style, using clean coding and enabling online payment.<\/p>\n<\/div>\n                                                                                                    <div class=\"cta\">\n                                                                    <a href=\"https:\/\/jelenagajicjewelry.com\/\" target=\"\" class=\"button btn btn-primary my-2 me-lg-2\" rel=\"noopener\">Check out JG Jewelry                                                                            <\/a>\n                                                                                            <\/div>\n                                                                    <\/div>\n                <\/div>\n            <\/div>\n\n                            <div class=\"row hero-highlights pt-4 animated bottom-to-top\">\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight\">\n                                                                    <b class=\"label\">Main goal                                                                    <\/b>\n                                                                                                    <div class=\"text\">Creating an online store in the client&#8217;s style with a payment system and user profile.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight\">\n                                                                    <b class=\"label\">Result                                                                    <\/b>\n                                                                                                    <div class=\"text\">A secure, fast, and technically SEO-optimized online store with integration for online payment.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight\">\n                                                                    <b class=\"label\">Approximate price                                                                    <\/b>\n                                                                                                    <div class=\"text\">The price of such an application ranges from 1,600 &#8211; 2,400 euros depending on the complexity and requirements.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section image-section block  bg-light\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated left-to-right d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper pe-lg-4\">\n                            <img decoding=\"async\" width=\"507\" height=\"397\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/JG-Cilj-platforme.png\" class=\"image\" alt=\"JG - Cilj platforme\" title=\"\">                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center\">\n                                    <div class=\"text-content animated right-to-left\">\n                                                    <h2 class=\"h2\">Online store goal and initial requirements<\/h2>\n                                                                            <div class=\"text\"><p>The initial goal of this online store was to provide users with a secure purchase with a clear user profile where they could track their orders, but also pay by credit card, PayPal account, and directly through the bank.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 155px; top: 15px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<\/div>\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section image-section block  bg-default\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated order-lg-last right-to-left d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper ps-lg-4\">\n                            <img decoding=\"async\" width=\"471\" height=\"396\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/JG-Najveci-izazovi.png\" class=\"image\" alt=\"JG - Najve\u0107i izazovi\" title=\"\">                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center\">\n                                    <div class=\"text-content animated left-to-right\">\n                                                    <h2 class=\"h2\">Biggest challenges when creating an online store<\/h2>\n                                                                            <div class=\"text\"><ol>\n<li>Create a unique design that is in line with the already established JG Jewelry brand style;<\/li>\n<li>Migrating products from Etsy to WordPress;<\/li>\n<li>Creating a clear user profile for tracking orders;<\/li>\n<li>Optimizing the online store for better performance and speed;<\/li>\n<li>Implementing a payment system using credit cards, PayPal accounts, and direct bank transfers.<\/li>\n<li>Compliance with GDPR standards, with blocking JavaScript files until visitors accept cookie consent.<\/li>\n<\/ol>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 561px; top: 87px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<\/div>\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section casestudy-section block  bg-light\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-lg-8 offset-lg-2 animated top-to-bottom\">\n                                            <h2 class=\"h2 d-block text-center\">What has been done<\/h2>\n                                                                <div class=\"text pb-5\"><p>Complete online store with user profile and payment system.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 191px; top: -9px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"row g-4\">\n                                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Unique design<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"38:1-38:87\">A unique design has been created based on the JG Jewelry brand and client requirements.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Payment system integration<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"42:1-42:131\">In addition to the classic payment integration via bank and card, payment integration via PayPal account has also been implemented.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 223px; top: 86px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Newsletter signup<\/h3>\n                                                                                        <div class=\"text\"><p>We have also set up a system for sending newsletters to the client and forms on the site for subscribing to the newsletter.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Security enhancement<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"50:1-50:174\">In addition to installing an SSL certificate, the latest security measures have been implemented to ensure the security of user data and protect the site from hacker attacks.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Loading speed improvement<\/h3>\n                                                                                        <div class=\"text\"><p>Online store optimization through file minification, image compression, and caching to further improve loading speed and performance.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 96px; top: 38px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n\n        <section class=\"section features-section block  bg-default with-btn\" id=\"\" style=\"\">\n        <div class=\"container\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"text-center col-lg-8 offset-lg-2 animated top-to-bottom\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"h2 d-block\">Results<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n            <div class=\"row pt-4 g-4 d-flex justify-content-center\">\n                                                                                    <div class=\" col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature \">\n                                <div class=\"feature-header pb-3 \">\n                                                                                                                        <div class=\"icon-container highlighted d-flex justify-content-center align-items-center\">\n                                                <i class=\"icon fa fa-line-chart\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Serious and SEO-optimized online store<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>JG Jewelry now has a serious, fast, optimized, and SEO-ready online store that is in line with the company&#8217;s style.<\/p>\n<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\" col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature \">\n                                <div class=\"feature-header pb-3 \">\n                                                                                                                        <div class=\"icon-container highlighted d-flex justify-content-center align-items-center\">\n                                                <i class=\"icon fa fa-shield fa-secure\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Provides a secure purchase<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>In addition to standard security settings, additional security measures have been implemented for the safety of buyers.<\/p>\n<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\" col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature \">\n                                <div class=\"feature-header pb-3 \">\n                                                                                                                        <div class=\"icon-container highlighted d-flex justify-content-center align-items-center\">\n                                                <i class=\"icon fa fa-shield-heart\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Aligned with the client&#8217;s style<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>The design of the online store has been done in a well-recognized client style.<\/p>\n<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section image-section block  bg-light\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated left-to-right d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper pe-lg-4\">\n                            <img decoding=\"async\" width=\"507\" height=\"397\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/JG-Naredni-koraci.png\" class=\"image\" alt=\"JG - Naredni koraci\" title=\"\">                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center\">\n                                    <div class=\"text-content animated right-to-left\">\n                                                    <h2 class=\"h2\">Next steps<\/h2>\n                                                                            <div class=\"text\"><ol>\n<li data-l-s=\"15204\">Monitor web shop performance and analyze visitors to identify potential problems or opportunities for further improvement.<\/li>\n<li data-l-s=\"15204\"><span class=\"animating\">Develop new functionalities that will further enhance the user experience and meet the needs of the client.<\/span><\/li>\n<li data-l-s=\"15204\"><span class=\"animating\">Continuous maintenance to ensure stability,<\/span><span class=\"animating\"> security,<\/span><span class=\"animating\"> and optimal speed.<\/span><\/li>\n<li data-l-s=\"15204\"><span class=\"animating\">Implement marketing activities to increase the visibility of the web shop and attract new users.<\/span><\/li>\n<\/ol>\n<\/div>\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n        <section class=\"section cta-section block  bg-default\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-lg-8 offset-lg-2 text-content text-center\">\n                                            <h2 class=\"h2 text-center d-block animated top-to-bottom\">Do you have an idea that you want to realize and start your own business?<\/h2>\n                                                                <div class=\"text text-center animated top-to-bottom\"><p>Schedule a consultation to talk about your idea and see how we can make it happen.<\/p>\n<\/div>\n                                                                                    <div class=\"cta animated bottom-to-top\">\n                            <a href=\"https:\/\/boldizart.com\/en\/contact-information-of-web-design-agency\/\" target=\"\" class=\"button btn btn-primary\">Schedule a consultation<\/a>\n                        <\/div>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"Creating a unique and elegant online store and migrating all products from Etsy to WordPress. It was necessary to create a unique design that is in accordance with the already established JG Jewelry brand style, using clean coding and enabling online payment.","protected":false},"author":1,"featured_media":12204,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"projects":[130],"class_list":["post-10283","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","projects-web-shop"],"acf":[],"_links":{"self":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/10283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/comments?post=10283"}],"version-history":[{"count":5,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/10283\/revisions"}],"predecessor-version":[{"id":10646,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/10283\/revisions\/10646"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media\/12204"}],"wp:attachment":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media?parent=10283"}],"wp:term":[{"taxonomy":"projects","embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/projects?post=10283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}