{"id":14587,"date":"2022-04-27T10:51:59","date_gmt":"2022-04-27T10:51:59","guid":{"rendered":"https:\/\/getdevdone.com\/blog\/?p=14587"},"modified":"2025-04-03T21:56:23","modified_gmt":"2025-04-03T21:56:23","slug":"shopify-case-study-how-we-developed-abvgroup-wine-store","status":"publish","type":"post","link":"https:\/\/getdevdone.com\/blog\/shopify-case-study-how-we-developed-abvgroup-wine-store.html","title":{"rendered":"Shopify Case Study: How We Developed the abvgroup.ca Wine Store"},"content":{"rendered":"\n<p>Today we would like to tell you about one of our projects which was the development of a Shopify wine store. This is an excellent example of how we can create full-fledged eCommerce solutions at a reasonable cost that easily adapts to the client\u2019s budget requirements.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-client\">The Client&nbsp;<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup-1024x445.png\" alt=\"\" class=\"wp-image-22965\" srcset=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup-1024x445.png 1024w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup-300x130.png 300w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup-768x334.png 768w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup-1536x668.png 1536w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup-723x315.png 723w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup-1445x630.png 1445w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/03215558\/abvgroup.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>One of our long-standing clients, a digital agency, commissioned us to develop a Shopify-based store for a new Canadian wine business, the <a href=\"https:\/\/abvgroup.ca\/#\" target=\"_blank\" rel=\"noreferrer noopener\">AbV group<\/a>. The company sells multiple sorts of wines made by different producers from various regions and countries incorporating numerous production methods.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-challenge\">The Challenge&nbsp;<\/h2>\n\n\n\n<p>The client provided us with a complete design for building five pages:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Home<\/li>\n\n\n\n<li>Product<\/li>\n\n\n\n<li>Collection<\/li>\n\n\n\n<li>Legal<\/li>\n\n\n\n<li>FAQ<\/li>\n<\/ul>\n\n\n\n<p>Aside from converting these into high-quality markup, our task was to implement certain unique features requested by the client. The main challenge was that the company needed to stay within a relatively modest budget while still wanting a fully functional online store to provide their customers with the best shopping experience.<\/p>\n\n\n\n<p>Striking the right balance between cost and results is definitely something that we are good at. We offered the client a number of options to get the desired functionality that they needed while staying within their budget and we were able to work out an ideal compromise.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-features\">The Features&nbsp;<\/h2>\n\n\n\n<p>Here is some of the functionality that we added to AbV\u2019s website.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"the-animated-wine-selection-menu\">The Animated Wine Selection Menu<\/h3>\n\n\n\n<p>This feature allows customers to narrow down their search for wines based on certain attributes with just one click.&nbsp;<\/p>\n\n\n\n<p>When hovering over <strong>Wines<\/strong> in the header, a list of attributes shows up:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Varietal\u00a0<\/li>\n\n\n\n<li>Producer\u00a0<\/li>\n\n\n\n<li>Country\u00a0<\/li>\n\n\n\n<li>Region\u00a0<\/li>\n\n\n\n<li>Process<\/li>\n\n\n\n<li>Colour<\/li>\n<\/ul>\n\n\n\n<p>Hover over one of those options and you will see another list of specific countries, producers, regions, etc. Click on the preferred item and you will land on the corresponding product page where you can make the final selection.&nbsp;<\/p>\n\n\n\n<p>For example, <strong>Wines -&gt; Country -&gt; France<\/strong> will take you to the page with all the available French wines. That\u2019s a super handy feature that saves shoppers time and prevents confusion while searching for their favorite sort of wine.&nbsp;<\/p>\n\n\n\n<p>The animated menu looks great on the website\u2019s mobile version as well.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"featured-collections\">Featured Collections&nbsp;<\/h3>\n\n\n\n<p>The store\u2019s owners also wanted to provide an additional search filter for their customers to sort wines based on criteria other than those included in the main search menu (producer, country, etc.). Some examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Under $25<\/li>\n\n\n\n<li>Organic<\/li>\n\n\n\n<li>Mixed Cases.<\/li>\n<\/ul>\n\n\n\n<p>So we created the Featured Collections menu on the home page. Notice the hover effect on the tiles.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"the-mailchimp-integration-for-quick-newsletter-subscriptions\">The MailChimp Integration for Quick Newsletter Subscriptions&nbsp;<\/h3>\n\n\n\n<p>To let visitors subscribe to the company\u2019s newsletter easily, we integrated the famous email automation app MailChimp.&nbsp;<\/p>\n\n\n\n<p>Clicking on <strong>Subscribe to Our Newsletter<\/strong> in the header brings up a <strong>customized <\/strong>subscription form that <strong>saves space<\/strong> on the home page. Instead of permanently showing the form, it is not displayed until the user invokes it.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-outcome\">The Outcome<\/h2>\n\n\n\n<p>We delivered the project in 12 business days after the scope was approved and provided one free revision. All in all, the client was very satisfied with our performance since we implemented all the required functionality at a reasonable cost.&nbsp;<\/p>\n\n\n\n<p>Looking for <a href=\"https:\/\/getdevdone.com\/shopify-development.html\" target=\"_blank\" rel=\"noreferrer noopener\">expert Shopify developers<\/a>? <a href=\"https:\/\/getdevdone.com\/contact-us.html\" target=\"_blank\" rel=\"noreferrer noopener\">Contact <\/a>us.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post, we discuss another project we did for an agency: the development of an online store based on Shopify Plus. As usual, you will learn about the challenges we faced, the solution we provided, and the added value we created for the client. <\/p>\n","protected":false},"author":19,"featured_media":14589,"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":[836,761,859,811],"class_list":["post-14587","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","category-shopify-development","tag-agencies","tag-api-third-party-integrations","tag-ecommerce-development","tag-shopify-plus"],"acf":[],"aioseo_notices":[],"author_meta":{"display_name":"Baylor Eaton","author_link":"https:\/\/getdevdone.com\/blog\/author\/baylor"},"featured_img":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/26124628\/Intro-preview-8-300x300.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/getdevdone.com\/blog\/category\/case-study\" class=\"advgb-post-tax-term\">Case study<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Shopify development<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Case study<\/span>","<span class=\"advgb-post-tax-term\">Shopify development<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Agencies<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">API \/ third-party integrations<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">eCommerce development<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Shopify Plus<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Agencies<\/span>","<span class=\"advgb-post-tax-term\">API \/ third-party integrations<\/span>","<span class=\"advgb-post-tax-term\">eCommerce development<\/span>","<span class=\"advgb-post-tax-term\">Shopify Plus<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 4 years ago","modified":"Updated 1 year ago"},"absolute_dates":{"created":"Posted on April 27, 2022","modified":"Updated on April 3, 2025"},"absolute_dates_time":{"created":"Posted on April 27, 2022 10:51 am","modified":"Updated on April 3, 2025 9:56 pm"},"featured_img_caption":"","series_order":"","featured_image_urls":{"thumbnail_723x315":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/26124628\/Intro-preview-8-400x315.png","thumbnail_723x315-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/26124628\/Intro-preview-8.png","thumbnail_723x315-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/26124628\/Intro-preview-8.png","thumbnail_770x510":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/26124628\/Intro-preview-8.png","thumbnail_770x510-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/26124628\/Intro-preview-8.png","thumbnail_770x510-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/04\/26124628\/Intro-preview-8.png"},"featured_post_color":"#e88080","author_avatar":"https:\/\/secure.gravatar.com\/avatar\/2bc1e2706ee61710b1ba07fb6d106e9c35f8baed29da8ff47798b1e63665bba7?s=96&d=mm&r=g","author_position":"Business Development Manager","reading_time":"<span class=\"span-reading-time rt-reading-time\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 2<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span>","prev_post":{"slug":"website-revamp-partnership-with-creative-studio-stay-gold","name":"Shopify Case Study: Revamping Young in the Mountains Jewelry Brand Website"},"next_post":{"slug":"how-to-add-wordpress-contact-form","name":"How to Add a WordPress Contact Form With No Effort"},"related_posts":["shopify-website-development-6-reasons-to-build-your-online-store-with-shopify","engine-room-website-redesign-for-a-visual-effects-studio","how-to-make-your-shopify-store-more-mobile-friendly"],"_links":{"self":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14587","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\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/comments?post=14587"}],"version-history":[{"count":33,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14587\/revisions"}],"predecessor-version":[{"id":24751,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14587\/revisions\/24751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media\/14589"}],"wp:attachment":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media?parent=14587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/categories?post=14587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/tags?post=14587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}