--- title: A Shopify Website-Build Case-Study description: A Shopify Website Build Case Study for Glow Juicery by Social Lite Communications. image: https://go.merchantmastery.io/hubfs/image12.jpg --- - Get In Touch - [**](mailTo:info@sociallite.ca) - [**](Tel:780.701.3455) - [****linkedin**](https://www.linkedin.com/company/3862866/) - [****facebook**](https://www.facebook.com/SocialLite.ca/) - [****twitter**](https://twitter.com/SocialLiteComm?lang=en) - [****instagram**](https://www.instagram.com/sociallite.ca/?hl=en) [![header-logo](https://go.merchantmastery.io/hs-fs/hubfs/Social%20Lite%20-%202019/images/header-logo.png?width=449&name=header-logo.png "header-logo")](https://go.merchantmastery.io/) [![blue-logo](https://go.merchantmastery.io/hs-fs/hubfs/Social%20Lite%20-%202019/images/blue-logo.png?width=457&name=blue-logo.png "blue-logo")](https://go.merchantmastery.io/)   ![btn-img](https://go.merchantmastery.io/hs-fs/hubfs/Social%20Lite%20-%202019/images/btn-img.png?width=1000&name=btn-img.png "btn-img") GET THE ## PRICE GUIDE Your privacy is important to us, and we are committed to protecting your personal information. # A Shopify Website-Build Case-Study by [Kim Reirson](https://go.merchantmastery.io/blog/author/kim-reirson) on April 25 2019 ![image12](https://go.merchantmastery.io/hubfs/image12.jpg)   ## Glow Juicery ![](https://lh3.googleusercontent.com/MucHGEH4r8dHhjsvfp4cFUbZq3gVU2ope8H3JOEo0QRznEo2NiLuanSathnG3zCQTBAQfths6wv6r1VvzjIQz-qq96Vjg3HjeBR9qJDC0EN-FBi5xBugZmVAe-a6wCHK4KrR8iI)   Glow Juicery, founded by Marnie Ashcroft, is a fresh juice and raw food franchise company with locations across Canada. Glow is known for their Fruit and Vegetable Juice Cleanse Program, as a healthy alternative in a fast-paced lifestyle.   ## The Challenge | Objectives: 1. Create a responsive, E-Commerce website on the Shopify platform. 2. Streamline Glow's online sales and position products to wholesale clients and new channel partners. 3. Utilize the ReCharge Shopify App to integrate a scheduling functionality for purchasing Glow Juicery's products. Specifically, for customers to purchase and set a recurring order, digitally managed on a set schedule. 4. Design a custom creative, based on Glow’s product and company identity to resonate with the current customer, and attract a new clientele base. 5. The site needs to display the highest level of professionalism, education, and building credibility with every aspect of the site. 6. Develop a website that focuses on exceptional user experience (UX). 7. Using clearly communicated and accessible information to build authentic relationships between the Glow brand and new customers in the digital space.   ## The Process ### Research and Discovery **Metrics MOZ **Social Lite sets up 3rd party tracking tools for the client’s existing website so we can see how the customer is interacting with, and reaching the site.  ![image11](https://go.merchantmastery.io/hubfs/image11.png) --- ### ** Client Content Assessment** Social lite reviews the Client’s existing creative content for direction in design. **Brand Identity guide.** Glow had an existing brand which we worked with and then extended and adapted for web. ![image3](https://go.merchantmastery.io/hubfs/image3.jpg)   **Photography **In this case, Glow Owner Marnie Ashcroft, had existing photography, and her own photographer. ![image12](https://go.merchantmastery.io/hubfs/image12.jpg)   **Products **We then identify the existing products to strategize how they will be organized in the new website. ![](https://lh4.googleusercontent.com/6iK2rYt5ayvYAwYR7VbFJL2dOHQl8HXfOuw3Y0Cc8cLwjKgIHAs3VWza4Rcrs2R8bgQISeZqcPsat7g2k96eQZdioP6Raq6Fv7JzuMU8_CO-NpJyiluD1yZ0NoAPp86YyRAUzZA) --- ### Design **Sitemap **The sitemap is the website layout in its simplest form, representing the hierarchy of all the pages and subpages of the site. ![image18](https://go.merchantmastery.io/hubfs/image18.jpg) ** Web Brand Identity **Social Lite’s graphic designers create a Web Brand Identity Guide depending on the provided existing client branding. This can include logo variations, colours, icons, and typography for the website. ![web-identity](https://go.merchantmastery.io/hubfs/web-identity.png)  In Glow’s case, our designer created a robust system of custom navigation icons specifically for e-commerce functionality for an elevated user experience and original creative impact. **Wireframes **The wireframes are the blueprint of the website for each page, developed to establish content structure and hierarchy using grey scale and dummy text (lorem ipsum). For Glow we wanted to feature specific products, customer reviews (as social proof), and current blog posts for up-to-date relevant solutions on the homepage to show relevant implementation of Glow’s ethos and products. The product page includes related products to promote additional purchases (revenue,) customer reflected product ratings (for quality assurance,) and social sharing icons to allow customers to promote Glow products as well.  ![wires](https://go.merchantmastery.io/hubfs/wires.png)   **Design Concept & Mockups - Marvel - [Loom](https://www.useloom.com/)** ![image17](https://go.merchantmastery.io/hubfs/image17.png)  All of the pages [templates] are fully mocked up in [Adobe Photoshop](https://www.adobe.com/products/photoshop.html) and then prototyped in the [Marvel App](https://marvelapp.com/). Marvel is a new tool that Social Lite has adopted to communicate web design with the client, and to collect their feedback for specific elements of the design and copy. Now also using this tool with copywriters. **The mega-menu / Mobile Mockup**  ![mockup](https://go.merchantmastery.io/hubfs/mockup.jpg)  This tool is also used to prototype for specific screen sizes and to articulate all of the specifications, assisting in a streamlined hand-off between design and development. Marvel supports prototyping for numerous device sizes for clarity in mockups in all formats for the client and developer. ![](https://lh3.googleusercontent.com/o7DnF9KDSvnJs6SJyWkanHuapz4wEtihq4qwXJq7weJZLsgZQuw9fIzx8P5CDSdqzwOaTXbjqXArNQP03md4q_IhVVjcekNRV7bIcZe31YPH4xXEpsgSV7VO7tqKQNz4Mo7eO1A) ##### [Examples of screen sizes available in Marvel]   --- ### Content Creation ** Copy interview/writing **Website copy is written between the Wireframes and Mockups phase. The copy is informed by keyword research and site traffic analytics results and written for all of the wireframes and added to the Mockups. ** Photos [in this case done by 3rd party]** Social Lite employs a talented team of photographers and videographers available to create lifestyle, studio, and product imagery and video web content.   --- ### Development Pages are developed in Shopify using assets and content for seamless responsive browser window and screen sizes. ** Product Addition & Organization: Categories, Collections, Tags** Serve as a filtering system for customers to find products based on their: - Category (Collection) - A specific Ingredient - Bestsellers - Or by specific Location availability **Glow’s Categories are:**  ![image2-3](https://go.merchantmastery.io/hubfs/image2-3.png) --- ### ** Apps Installation ** ![image7-1](https://go.merchantmastery.io/hubfs/image7-1.png) **Geo-Location App** This app (through Google location services) located the customer using their IP address to help them get to the product nearest or most convenient for them. In Glow’s case, the customer picks up their fresh product at a location. **[ Re-Charge App](https://rechargepayments.com/)** This subscription app allows Glow customers to set up recurring orders, convenient planning for a healthy lifestyle.   --- ### 3rd Party Analytics Post launch, Social Lite sets up 3rd Party Analytics tools to monitor the way in which customers are interacting with the site and provide qualitative and quantitative data to their clients for measurable reports. ![tools](https://go.merchantmastery.io/hubfs/tools.jpg)   --- #### What do you get? - A Glow-ing example of custom Shopify site! ![](https://lh6.googleusercontent.com/lNvK7mVryj-T18s-KWPzxy0WXS-bNGI26D6nCCV9seQbxVKKSBv93IIRjhs_8kahBXNrfWMETgtesD0UECSicohXFnDK10mxZu7awRO4-OwLMASA54pOLs-ClNk35SV10JwRfDs) **What’s Next?** Remember the point of building a new website is to drive website traffic, convert customers, and ultimately scale revenue. We recommend mapping your Customer Value Journey before starting on your website, which is what we did with Glow Juicery. Click here to learn more about Social Lite’s Customer Value Journey marketing methodology.     This is a search field with an auto-suggest feature attached. - There are no suggestions because the search field is empty. ### Next Article ## Using Data to Set Up & Report on a Marketing Campaign [** ](https://go.merchantmastery.io/blog/using-data-to-set-up-report-on-a-marketing-campaign) [** ](https://go.merchantmastery.io/blog/how-to-transform-your-digital-marketing-agency-to-a-culture-of-learning-in-8-easy-steps-and-why-its-necessary-to-accelerating-growth) ### Love It? Share It! - [**facebook](https://www.facebook.com/sharer/sharer.php?u=https://go.merchantmastery.io/blog/a-shopify-website-build-case-study&title=A%20Shopify%20Website-Build%20Case-Study&picture=https://cdn2.hubspot.net/hubfs/594625/image12.jpg&description=A%20Shopify%20Website%20Build%20Case%20Study%20for%20Glow%20Juicery%20by%20Social%20Lite%20Communications.) - [**twitter](https://twitter.com/share?url=https://go.merchantmastery.io/blog/a-shopify-website-build-case-study&hashtags=) - [**LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://go.merchantmastery.io/blog/a-shopify-website-build-case-study&title=A%20Shopify%20Website-Build%20Case-Study&summary=A%20Shopify%20Website%20Build%20Case%20Study%20for%20Glow%20Juicery%20by%20Social%20Lite%20Communications.) - [**Facebook](https://plus.google.com/share?url=https://go.merchantmastery.io/blog/a-shopify-website-build-case-study) [![New call-to-action](https://no-cache.hubspot.com/cta/default/594625/a8a42da5-adce-4fc2-ab48-5217f5bb296e.png)](https://cta-redirect.hubspot.com/cta/redirect/594625/a8a42da5-adce-4fc2-ab48-5217f5bb296e) ## CONTACT [#215 11150 Jasper Avenue Edmonton, AB T5K 0C7 780.701.3455](tel:780.701.3455) [info@sociallite.ca](mailTo:info@sociallite.ca) - [****linkedin**](https://www.linkedin.com/company/3862866/) - [****facebook**](https://www.facebook.com/SocialLite.ca/) - [****twitter**](https://twitter.com/SocialLiteComm?lang=en) - [****instagram**](https://www.instagram.com/sociallite.ca/?hl=en)   ## GET IN TOUCH Copyright © 2026 Social Lite Communications Inc. All Rights Reserved. ```json { "@context": "http://schema.org", "@type": "Organization", "mainEntityOfPage":{ "@type":"WebPage", "@id":"https://go.merchantmastery.io/blog/a-shopify-website-build-case-study", "description": "A Shopify Website Build Case Study for Glow Juicery by Social Lite Communications. " }, "url": "https://merchantmastery.io/", "logo": "https://cdn2.hubspot.net/hubfs/594625/cropped-SL_icon_logo-blue-51-e1503080979792-1.png", "image": "https://www.sociallite.ca/hubfs/Social%20Lite%20Communications%20Team%20-%202018.jpg", "name": "Merchant Mastery", "alternateName": "Social Lite Communications", "description": "We help businesses across Canada grow using the latest digital marketing tools and strategies. Our team will manage your entire campaign, from reaching your customers and developing leads lists, to converting real transactions. Digital is all we do", "address": { "@type": "PostalAddress", "streetAddress": "10265 107 St NW Suite 103 ", "addressLocality": "Edmonton", "addressRegion": "Alberta", "addressCountry": "", "postalCode": "T5J5G2" }, "areaServed": { "@type": "GeoCircle", "geoMidpoint": { "@type": "GeoCoordinates", "latitude": "53.547575", "longitude": "-113.532969" }, "geoRadius": "150 km" }, "telephone": "(780) 701-3455", "email": "info@sociallite.ca", "sameAs": [ "https://www.facebook.com/SocialLite.ca/", "https://twitter.com/SocialLiteComm?lang=en", "https://www.linkedin.com/company/social-lite-communications/", "https://www.instagram.com/sociallite.ca/?hl=en" ] } ```