Agencies often come to us with designs that we bring to life. The more unique and eye-catching a design is, the more pleasure it brings us to see it live. So today we\u2019d like to tell you about a case from our collaboration with a creative studio that commissioned us to implement their amazing design. <\/p>\n\n\n\n
As they describe themselves on their website, Stay.gold is \u201ca multidisciplinary creative studio offering on-demand strategy & design sprints to uncover, amplify, and actualize emerging insights.\u201d <\/p>\n\n\n\n
The company offers a long list of services, starting from market analysis, brand building, and consumer research to visual interface and digital identity. <\/p>\n\n\n\n
Stay.gold is our long-standing client, and over the years we have successfully completed numerous joint projects together. <\/p>\n\n\n\n
The US handmade jewelry brand Young In the Mountains<\/a> engaged Stay.gold to revamp their Shopify Plus-powered website to bring their creative ideas to life. <\/p>\n\n\n\n The project kicked off with Stay.gold handling the design and strategy parts while P2H was asked to oversee the eCommerce development and to consult on best practices <\/strong>throughout the project. <\/p>\n\n\n\n The design and experience were as unique as the brand itself: large imagery, typography, engaging videos, and subtle animations throughout. <\/p>\n\n\n\n The goal of the project was to create an informative and engaging website where customers could learn about the philosophy and science behind the products while also being able to create a truly unique jewelry piece. <\/p>\n\n\n\n In order to achieve the objective, we built the following custom functionality. <\/p>\n\n\n\n We developed the Product Customizer from scratch by implementing customizer sections and blocks (to generate the customizer steps). This allows the user to create their own unique product using predefined options. After choosing the desired option in each step, you are then directed to the Custom Product. <\/p>\n\n\n\n For example, a customer may choose to \u201cconstruct\u201d a unique ring instead of purchasing something available in stock by following these steps: <\/p>\n\n\n\n Once these steps are complete, the total price is calculated immediately. All that\u2019s left is to add the ring to the cart. <\/p>\n\n\n\n There is also a \u2018Save My Design\u2019 custom feature used to share with others the options chosen in the build steps or to share the entire generated product by sending them a link via email. <\/p>\n\n\n\n Each product, even a custom one, has its own properties with different options which can affect the total price. All properties are defined in the meta fields. To achieve that, we also used metafields to define the additional price for each option. For instance, a ring has its own set of metafields while a bracelet has its own, and so forth. <\/p>\n\n\n\n Besides that, we also used Shopify Scripts accessible to Shopify Plus subscribers only in order to write a script for recalculating the price at the checkout.<\/p>\n\n\n\n A list of retailers has been connected to customized <\/strong>Google Maps on the website. That\u2019s a super handy feature for everyone who wants to find out the exact address of a particular vendor with just a couple of clicks. This feature was built completely without the use of any apps.<\/p>\n\n\n\n We also leveraged the power of the most popular Shopify apps to provide several additional features. <\/p>\n\n\n\n To expand the reach of the brand\u2019s Instagram page to the website\u2019s visitors and gain more followers and likes, we used the Instafeed app<\/a> with a customized display of the feed. <\/p>\n\n\n\n To capture leads and secure more subscriptions, we integrated one of the most popular Shopify email marketing apps into the store – Mailchimp<\/a>. <\/p>\n\n\n\n To let the brand\u2019s customers refer a product to friends or anyone else easily, we integrated Drop a hint<\/a> – a powerful link share feature (including custom generated products). This option is very popular among jewelry store customers. For example, people looking for a gift may want to send a link to ask for someone\u2019s opinion regarding a certain piece that they noticed. <\/p>\n\n\n\n To facilitate the search and filtering of the products on the brand\u2019s website, we integrated the Product Filter & Search <\/a>app and customized <\/strong>its display view according to the designs provided. <\/p>\n\n\n\n Just like the rest of the projects we did for Stay.gold, the revamp of the YITM brand\u2019s website left everyone satisfied and happy. If you want to leverage our comprehensive expertise in building and customizing large Shopify Plus-based online stores too, drop us a line<\/a>! <\/p>\n","protected":false},"excerpt":{"rendered":" This is another case of our fruitful cooperation with a digital agency. Read this post to find out how we revamped a Shopify-based online store, making it look stylish, improving its UX, and letting its owners reduce maintenance costs by building some custom features from scratch. <\/p>\n","protected":false},"author":4,"featured_media":14447,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[743,754],"tags":[761,760,847,811],"class_list":["post-14443","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","category-shopify-development","tag-api-third-party-integrations","tag-custom-development","tag-retail","tag-shopify-plus"],"acf":[],"aioseo_notices":[],"author_meta":{"display_name":"Dmytro Mashchenko","author_link":"https:\/\/getdevdone.com\/blog\/author\/dima"},"featured_img":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/06101057\/Intro-preview-4-300x300.png","coauthors":[],"tax_additional":{"categories":{"linked":["Case study<\/a>","Shopify development<\/a>"],"unlinked":["Case study<\/span>","Shopify development<\/span>"]},"tags":{"linked":["API \/ third-party integrations<\/a>","Custom development<\/a>","Retail<\/a>","Shopify Plus<\/a>"],"unlinked":["API \/ third-party integrations<\/span>","Custom development<\/span>","Retail<\/span>","Shopify Plus<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 4 years ago","modified":"Updated 1 year ago"},"absolute_dates":{"created":"Posted on April 6, 2022","modified":"Updated on April 3, 2025"},"absolute_dates_time":{"created":"Posted on April 6, 2022 10:44 am","modified":"Updated on April 3, 2025 9:53 pm"},"featured_img_caption":"","series_order":"","featured_image_urls":{"thumbnail_723x315":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/06101057\/Intro-preview-4-400x315.png","thumbnail_723x315-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/06101057\/Intro-preview-4.png","thumbnail_723x315-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/06101057\/Intro-preview-4.png","thumbnail_770x510":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/06101057\/Intro-preview-4.png","thumbnail_770x510-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/06101057\/Intro-preview-4.png","thumbnail_770x510-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/06101057\/Intro-preview-4.png"},"featured_post_color":"#f3a345","author_avatar":"https:\/\/secure.gravatar.com\/avatar\/97bd036a871c68c70de0956108719ad9489849769ee15e25e0bee81f3bdd7286?s=96&d=mm&r=g","author_position":"CEO of GetDevDone","reading_time":"<\/span> 3<\/span> min read<\/span><\/span>","prev_post":{"slug":"how-to-make-your-shopify-store-more-mobile-friendly","name":"Shopify Mobile Optimization: How to Optimize a Shopify Store for Mobile"},"next_post":{"slug":"guide-to-wordpress-api","name":"A Beginner\u2019s Guide to WordPress API Basics"},"related_posts":["interactive-map-for-fundraising-site-supporting-ukraine","top-shopify-apps-for-dropshipping-save-time-on-finding-the-best-products-for-your-online-store","how-we-developed-and-animated-mr-white-creative-agencys-webflow-based-website"],"_links":{"self":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/comments?post=14443"}],"version-history":[{"count":28,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14443\/revisions"}],"predecessor-version":[{"id":24794,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14443\/revisions\/24794"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media\/14447"}],"wp:attachment":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media?parent=14443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/categories?post=14443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/tags?post=14443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}The Solution <\/h2>\n\n\n\n
Product Customizer<\/h3>\n\n\n\n
\n
Product Properties<\/h3>\n\n\n\n
Retailers Map<\/h3>\n\n\n\n
Other Features <\/h3>\n\n\n\n
\n
\n
Shopify Apps <\/h3>\n\n\n\n
Instafeed App<\/h4>\n\n\n\n
Mailchimp <\/h4>\n\n\n\n
Drop a hint <\/h4>\n\n\n\n
Product Filter & Search <\/h4>\n\n\n\n
The Outcome<\/h2>\n\n\n\n