Web Design and Development Services | Interactive Web Design Agency

<!doctype html> <html lang="en"> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><title> Web Design and Development Services | Interactive Web Design Agency </title><link rel="shortcut icon" type="image/x-icon" href="/gs-fav.ico" /><meta name="description" content="Trust your web design and development services to the experts at Graphically Speaking, Vancouver's leading web design and development agency." /><meta name="viewport" content="width=device-width, initial-scale=1" /><link href="/dist/css/main.css?v=2023051802" rel="stylesheet" type="text/css" /> <script src="//load.sumome.com/" data-sumo-site-id="5ea9953439f51b591c02e51eeaf8917409609155d329fbbcd1ffd366159d893a" async="async"></script> <script type='application/ld+json'> { "@context": "https://www.schema.org", "@type": "Organization", "name": "Graphically Speaking", "url": "https://www.graphicallyspeaking.ca/", "sameAs": [ "https://www.facebook.com/graphicallyspeaking", "https://www.linkedin.com/company/graphically-speaking-web-development-ecommerce-&-internet-marketing/", " https://twitter.com/g_speaking" ], "logo": "https://www.graphicallyspeaking.ca/dist/img/logo.png", "description": "Graphically Speaking is a digital agency that specializes in cost-effective web solutions for B2C and B2B companies. Our best-of-breed content management solutions (CMS) include Sitefinity.net, WordPress, Drupal and Microsoft SharePoint. We are proven ecommerce experts in Magento, Magento B2B, WooCommerce, Drupal Commerce and Shopify online shopping systems.", "address": { "@type": "PostalAddress", "streetAddress": "1140 W Pender St #840", "addressLocality": "Vancouver", "addressRegion": "BC", "postalCode": " V6E 4G1", "addressCountry": "Canada" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+1.877.875.4337", "contactType": "Customer Service" } } </script> <meta name="robots" content="index,follow"><link href="../App_Themes/Default/Global/default_old.css" type="text/css" rel="stylesheet" /><link href="../App_Themes/Default/Global/redesign_old.css" type="text/css" rel="stylesheet" /><script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1228289583901359'); fbq('track', 'PageView'); </script><meta name="Generator" content="Sitefinity 12.1.7131.0 PU" /><link rel="canonical" href="https://www.graphicallyspeaking.ca/services/website-design" /><script type="text/javascript"> (function(){ var metadataStr = '{\"Id\":\"919c8aac-d348-69ff-9211-ff000009ee95\",\"ContentType\":\"Page\",\"Title\":\"Website Design\",\"CanonicalTitle\":\"Website Design\",\"CanonicalUrl\":\"https://www.graphicallyspeaking.ca/services/website-design\",\"CreatedOn\":\"2022-05-10T23:29:40.137Z\",\"ModifiedOn\":\"2023-01-12T00:51:04.073Z\",\"SiteName\":\"SF82_Blank\",\"PageId\":\"919c8aac-d348-69ff-9211-ff000009ee95\"}'; window.decMetadata = window.decMetadata || {}; window.decMetadata.contentMetadata = JSON.parse(metadataStr); })(); </script><script type="text/javascript"> (function() { var jqueryXhrModified = false; var detectjs = false; var executeDataIntelligenceScript = function() { var source; if (!window.JSON) { source = '/WebResource.axd?d=tTNUeDtL8OsI39FmMLAdgAnji8wA-r92a3BT9PDEXkgTmhzQXyv1H4-wSg1u-tNOaSiNvlaS7SoSIZNU35MErF2Oq5Hd5GC5-Ls4rnIk6qISfCHi4BKcH1uuatsuz7NnusfYFjhTxvgMj-KgJ1Pwjex06dT6sy4k6QSzGa3H-ss1&t=638131936363036863'; } else if (!window.jQuery) { source = '/WebResource.axd?d=s7-zxpMGrfzFqvNoaI5niEBLcmWu8OWfG3nfH_50D6mqpBWD9c2Jqt2Gi4LXwG4WG1DF9HFH-ZRgW146WSej3eTSrud6rtWV_74XlOn3qGlEzUmf3XT-HZUKAedpGzZCx__mZkII2byeakISpIyheZei24n5ISYjEmQUL4G_tXo2sH58iIumbKIbqPlegfX00&t=638131936363036863'; } else if (!jqueryXhrModified) { source = '/WebResource.axd?d=OtDu8JfVYXvNVzEo1LSFcADxUnjzsqoZ7YVTQzbNTfApP0T35mUIR6V7pfiRCCaTDITl737eO8ps07o2HF4u0ifAdAmLs8hunX2PNRuYlY7S5eHnFKZ5uKv2n8ZlS2uYM8aMBTPiD3FYv32mZvErel9I9x8IkvhVIoBvqZpli2tzfDlnxNiRPaQplfOqYrSmP-e2qTvy9E8sPqVcVbOZW_Y5SiljwdHH91YpknSa9W7pZrT1JqTmvrf56OSKMb000&t=638131936205073227'; jqueryXhrModified = true; } else if (!detectjs) { source = '/WebResource.axd?d=6kZXgApsQ6ne3RX7gMeiNcnKO0SRefpn5Khr1wLzuOEDi_na1MDPK3wjNRKu9tmM1ENouNxKybTwqSJL3YTwck2tU7Sytm3P3ojhIj2CnzWpNc5e6WgUhYFBPhLjaWarsX748gpPwpU3L_ofBfrsENSZX0G-E1xXN_3U9OhiWUFZbufD3W1p6nHOm4ZFOHbC_YcoAymaNFCCTm6N1DgErMBsg3MgP1Onfm2yPgpM3-I1&t=638131936205073227'; detectjs = true; } else if (!window.DataIntelligenceSubmitScript) { source = '/WebResource.axd?d=svCNDiDihPX-0SS0GCW70CiMD6JVPJ7wy5AMaO42oZLbwW-TgvX1wIfzUxMzVki_kfZc--9WYSluK2dP0pWjL8hfLtNhH-Cva0kTNUm9e8PxqyZ4fnwdgl10WIRyzGqbSjbWEp3L9-dOIt_vNldW0HBWso9eQYr06MvVC26I7DhvkLlSVS2kyF2H7AS9y3Xv6NcRF_6XGHcJlK6UAwy-aGNQNhQsrUYduhq13Gu72dIafEiwqM3l3V2PFrXRero80&t=638131936205073227'; } else if (!window.sfDataIntell) { source = 'https://dec.azureedge.net/sdk/telerik-dec-client.min.3.0.5.js'; } else { return DataIntelligenceSubmitScript.load({"apiServerUrl":"https://api.dec.sitefinity.com","apiKey":"f9fa56ea-4b9c-691e-fb75-535c262798bb","applicationName":"Graphically_Speaking","trackingCookieDomain":"","keepDecTrackingCookieOnTrackingConsentRejection":false}); } var script = document.createElement('script'); script.type = 'text/javascript'; var callback = function() { if (!this.readyState || this.readyState === 'complete' || this.readyState === 'loaded') { executeDataIntelligenceScript(); } }; if(script.addEventListener) { script.addEventListener('load', callback, false); } else if(script.readyState) { script.onreadystatechange = callback; } script.src = source; return document.body.appendChild(script); }; if (window.addEventListener) { window.addEventListener('load', executeDataIntelligenceScript, false); } else if (window.attachEvent) { window.attachEvent('onload', executeDataIntelligenceScript); } })(); </script><link href="/Telerik.Web.UI.WebResource.axd?d=PMrIT5dOWaVYIcpFWUE4nOQkaiBMGgFpzWtLpEPMQlZnrrrRn4xxAItlkGU62kd-pLNmHG8nDI0xRYNh-ZnTybNwbGP1mE-wCjLKATlSUPWL68HSbsAV0WeDh5dnl5Nj0&t=638687935200174603&compress=0&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%2c+Version%3d12.1.7131.0%2c+Culture%3dneutral%2c+PublicKeyToken%3db28c218413bdf563%3aen%3a2df0b15c-9c61-4318-b24f-0901f9a12da3%3a7a90d6a%3a83fa35c7%3a850288ef" type="text/css" rel="stylesheet" /><style type="text/css" media="all">#gsfooter-credit span{ font-size:7px !important; line-height:11px !important; display:block; } #gsfooter-credit span a{ color:#a4a4a4; }</style><style type="text/css" media="all"> .home-block-top .home-slider .slick-slide img, #main-block-2 #home-whatwedo li img, #mid-col img, .partner-logo img, .swap-img-block>li img { height: 100%; } .copyrights_base{display:none;} .white-color a{color: #a4a4a4 !important;font-size:12px !important;}</style><meta name="keywords" content="top 7 Website design, web design, web development, responsive web design, web page design, Vancouver web design, website design services " /></head> <body id="bodyId">  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5DQQMB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push( { 'gtm.start': new Date().getTime(), event: 'gtm.js' } ); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5DQQMB');</script>  <form method="post" action="./website-design" onsubmit="javascript:return WebForm_OnSubmit();" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="ctl10_TSM" id="ctl10_TSM" value="" /> <input type="hidden" name="ctl11_TSSM" id="ctl11_TSSM" value="" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="wzZT/omql5Kk3bB9QY3SiBxektLLoJDV3gDZmKWPcMfD+52iffe5qK0GLDo8PCNW3beTr8jhWhi6vwgnx01uZjUlYrT8SFhVRnG5JFXIQOqRRCODW2oskDre6wCYsfjdff7E3dqo5ZxzHjM8pWDKjWYQT5GplhOSSoDGTWrqzDBThxMbnqMRcr1B1LgQ5A6y13D+hGIUve5D3uZZoxFcRecSFQH7XsOicr/lQ85Dv0vqxDm0v90CAop9lzYBlaIPa78GAbfz9D5/YCgj57hEWk0jmg5ioCrcBCAwFU01kk7yOx13LxvGm081+5RmmMVFBZIBHVSr6iIWkdnvAvN7NRB4fSMwCO56M75yJDB1Xu/mEFmQKGQStlDuDcgnIUNtC9UHgrDT5G9iYnsK6KOYjYZrA0nYvPfjBNvHT5iFmwlYnzYGQ21JCXLEm63LAgtFPtMWiTHemo0SEs94mlCmNTica98uLOhnvmikydQohlbjqbjv4xlVNZiHD6wYBhuHUPgSSys0C0uiZKCxxy5whglUR/UhStaBtcmtCFY5k86of5LeGRjEWEHTALU2kecSUD1Dk1luWzgizBRODhq0CRWHNsgueqCmYN6N53iid+g19qwMOQXa8WQGaivPU/s6+AYWYqDfKxX4Z64vO9M66chivLmB+hzlw9WfEBTE7q9TAdmaHI8cR0KBwgtlvaNNcNsayq7kF9RnNCMRhLTDcpCrOGl2+hgzZm74Qsa5ZkRR9Uy0yyTIsuuHJ671utG21LMFueKg7lpOaJBSbt8y2uAnIdnOYhSFK/ksIGjSOLvnJEXtiGxKp6mWeaFPBAvDOlC4tVMO/5rv2W0tEM0A9tSB0IzsQnB9CCpPWRPjA0ajBdwv5ve6p4QKGXmijrx7m0wI4E2hlASDh1Ppb47GeXFpWWeFZpVXtQUlAOJIepQJu82WaPmb92gcyDT1YOsnbFjIKsFoKovXHdS2Z/EJPYVxrNvX1fjmYm3bT61iIuMXOpAc9Gzvjee2mzEM9YUhK7YX15LLEJfmD00W7J+aSASmn3EmemSnUAd96ju9kh1eihtg71yIuDFmsJ3NRjy2bn/I1FoBd0E0muwdK5yf4QwjUfzlU06osoB/ySl0z/Eoq6GwhvKoPsYzYUjEyVIZ4CNlE1B8GOmmEzgqGEQL1tTtVHDQI+Fv1wAr6VvWVjM=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ window.WebForm_PostBackOptions||document.write('<script type="text/javascript" src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZAm8GIf3EYG89ykdCyGrFcPcbkfA0SmuR-EDlJo4dgayyALngCbksihb2-F5Kk1VNA2&t=638627955619783110"><\/script>');//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebUIValidation.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var __cultureInfo = {"name":"en","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":".","IsReadOnly":true,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":",","CurrencySymbol":"$","NaNSymbol":"NaN","CurrencyNegativePattern":0,"NumberNegativePattern":1,"PercentPositivePattern":0,"PercentNegativePattern":0,"NegativeInfinitySymbol":"-∞","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":".","NumberGroupSeparator":",","CurrencyPositivePattern":0,"PositiveInfinitySymbol":"∞","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":".","PercentGroupSeparator":",","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"AM","Calendar":{"MinSupportedDateTime":"\/Date(-62135568000000)\/","MaxSupportedDateTime":"\/Date(253402300799999)\/","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2029,"IsReadOnly":true},"DateSeparator":"/","FirstDayOfWeek":0,"CalendarWeekRule":0,"FullDateTimePattern":"dddd, MMMM d, yyyy h:mm:ss tt","LongDatePattern":"dddd, MMMM d, yyyy","LongTimePattern":"h:mm:ss tt","MonthDayPattern":"MMMM d","PMDesignator":"PM","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"M/d/yyyy","ShortTimePattern":"h:mm tt","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"MMMM yyyy","AbbreviatedDayNames":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"ShortestDayNames":["Su","Mo","Tu","We","Th","Fr","Sa"],"DayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"AbbreviatedMonthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthNames":["January","February","March","April","May","June","July","August","September","October","November","December",""],"IsReadOnly":true,"NativeCalendarName":"Gregorian Calendar","AbbreviatedMonthGenitiveNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthGenitiveNames":["January","February","March","April","May","June","July","August","September","October","November","December",""]},"eras":[1,"A.D.",null,0]};//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjax.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvm67T4ruoE9ep3H6F5HsOfTw9gDHetsF7v95laL51ubvBBTr_wvl5nKImak3IxNHuyJibnF1N4ntxpW8kD2seu-zEUgl_7jPEORqIWQU0BLd2BnZb5tOfWsxYP249Re49tA3WBZhMVl57D_SZ09KiC01&t=2a9d95e3"><\/script>');//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OPQpd4sbmhZRIq22Y7TarsRPyQDCH8v3qksZ70B4iSZowxEK1zxn5FtpYFlWuL6jpkX1gWJe1nIZixW6yHQ0-89UGTjNXla04i7S_8cmbdz9rCuPDyLEPuogdj1bdjAQGRPsuu_TvnRMiCSy0ZHtEII1&t=2a9d95e3"><\/script>');//]]> </script> <script src="https://code.jquery.com/jquery-1.12.1.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> <script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2019.2.514/Common/Core.js" type="text/javascript"></script> <script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2019.2.514/Common/jQuery.js" type="text/javascript"></script> <script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2019.2.514/ListView/RadListViewScripts.js" type="text/javascript"></script> <script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl10_TSM&compress=2&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity%2c+Version%3d12.1.7131.0%2c+Culture%3dneutral%2c+PublicKeyToken%3db28c218413bdf563%3aen%3a78ef41c6-eea6-4bbc-a1d7-47dcbac89fc7%3a721addc%3a41f6c3a7" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function WebForm_OnSubmit() { if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false; return true; } //]]> </script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CE0CC28E" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="FgO2MZdhB8YvArFyLYceOK5W0UQPfE3P3vCoSmfDnDfs55VHaRIpXnX1zVg5xIVqfX6hGnjOISay0Vmc2BBWCfc2h/27BjQ2W/rwk/cq5yWtpS1dJVPvKX2Zy7GxdSpeRoQmPUoj4CrT81W2R3bqLKlGoF9Th+ba3p+RPuu0N1u+ukx5hJfJfdE4WEf9pEb8yuf5DQsKLwgYWJBV+NK3ezHJAEHQvbFF18gkT4JdxHNyMdhx3MWy2r9b7TBlPv0Q+UIs3JuY53mR6zWUmj/i9IKRr7GLKlj5XVkw5XdyVZg=" /> </div><script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ctl10', 'form1', [], [], [], 90, 'ctl00'); //]]> </script> <input type="hidden" name="ctl00$ctl10" id="ctl10" /> <script type="text/javascript"> //<![CDATA[ Sys.Application.setServerId("ctl10", "ctl00$ctl10"); Sys.Application._enableHistoryInScriptManager(); //]]> </script> <iframe id="__historyFrame" src="/ScriptResource.axd?d=ed6Sd3vpgYBStPNuPpJI-95wEp3nZExvSskSSX12N9YhigcNlxfUn5MW_BkgiZ1dGcIQgO-ZLf399o8_TAob6JtTIWGdrTXCJ6YhpLG2bcyQptWxevPNOGXFoxcN8Vc7lT0JCEtSbtccxMf1L9U9ru7tijsOKvgPpH_b1qyIXSk1" style="display:none;"> </iframe> <div id="wrapper" > <header id="header" class="page-section allow-headroom"> <div class="h-w1 section-inner section-inner--mobilefull"> <a class="element-invisible" href="#content">Skip to Content</a> <a href="/" id="logo"> <img src="/dist/img/logo.png" alt="Graphically Speaking Logo" /></a> <div id="header-action"> <a class='mainnav-toggle' href='#'> <span class="mainnav-toggle-line"></span> </a> </div> <div id="sitenav"> <div class="sitenav-inner">  <nav id="mainnav" class="nav"> <div class='sfContentBlock'> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1228289583901359&ev=PageView&noscript=1" /></noscript>   </div> <ul id="CPH_Navigation_T51DF9C70004_ctl00_ctl00_navigationUl" class=""> <li> <a href="/services/website-design" class="sfSel">Website Design</a> <span class="label"></span> </li> <li> <a href="/services/ecommerce-website-design-and-development">Ecommerce Services</a> <span class="label">/services/ecommerce-website-design-and-development</span> </li> <li> <a href="/services/digital-marketing">Digital Marketing</a> <span class="label">/services/digital-marketing</span> </li> <li> <a href="/portfolio">Portfolio</a> <span class="label">/portfolio<span>See what sets us apart</span></span> </li> <li> <a href="/blog">Blog</a> <span class="label">/blog</span> </li> <li> <a href="/our-digital-agency">About</a> <span class="label">/our-digital-agency<span>Find Out More About Us</span></span> </li> </ul> <div class="nav-addition appendto" data-destination="#navlevel-2-megamenu"> <div class="nav-addition-cell"> </div> <div class="nav-addition-cell"> </div> </div> <div id="ctanav" class="appendto" data-destination="#navlevel-2-megamenu"> <div id="ctanav-newwebsite" class="ctanav"> <div class='sfContentBlock'><div class="ctanav-heading">Ready for a New Website? </div> <a href="/book-a-consultation" class="primary btn">Get a Quote</a> </div> </div> </div> </nav>  <div id="util"> <div class='sfContentBlock'><ul> <li><a href="/lets-connect" class="small primary btn orangebtn"><span>Contact us</span></a></li> </ul> </div> </div> <div id="header-message"> <div class="inner"> <div class="header-message-content"> <div class="vcenter"> <div> <div class='sfContentBlock'><a href="/book-a-consultation" class="small primary btn orangebtn">get a quote</a> </div> </div> </div> </div> <div id="scrollup"> <a href="#wrapper" class="btn-direction up"><span>Up</span></a> </div> </div> </div> <div id="megadropdown"></div> </div> </div> </div> </header> <div id="main"> <div class="m-w1 section-inner section-inner--mobilefull cf"> <div id="content"> <div class="c-w1"> <div class='sfContentBlock'><div id="cities-overlay" class="overlay-page" style="display:none;"> <div class="cities-overlay-inner"> <div class="container"> <div class="textwidget custom-html-widget">  <div class="span-title"><span>Browse Cities</span></div>  <div class="clearfix"> <ul class="list-cities"> <li><a href="/all-locations/abbotsford">Website Design & Development in Abbotsford, Chilliwack and Mission, BC</a></li> <li><a href="/all-locations/alberta">Website Design & Development in Alberta</a></li> <li><a href="/all-locations/burnaby">Website Design & Development in Burnaby BC</a></li> <li><a href="/all-locations/coquitlam">Website Design & Development in Coquitlam, BC</a></li> <li><a href="/all-locations/delta">Website Design & Development in Delta, BC</a></li> <li><a href="/all-locations/kelowna">Website Design & Development in Kelowna, BC</a></li> <li><a href="/all-locations/langley">Website Design & Development in Langley, BC</a></li> <li><a href="/all-locations/maple-ridge">Website Design & Development in Maple Ridge, BC</a></li> <li><a href="/all-locations/north-shore">Website Design & Development in North Vancouver, BC</a></li> <li><a href="/all-locations/prince-george">Website Design & Development in Prince George, BC</a></li> <li><a href="/all-locations/richmond">Website Design & Development in Richmond, BC</a></li> <li><a href="/all-locations/saskatchewan">Website Design & Development in Saskatoon</a></li> <li><a href="/all-locations/surrey">Website Design & Development in Surrey, BC</a></li> <li><a href="/all-locations/victoria">Website Design & Development in Victoria, BC</a></li> <li><a href="/all-locations/whistler">Website Design & Development in Whistler, BC</a></li> </ul>  <ul class="list-cities"> <li><a href="/winnipeg-manitoba-ecommerce-website-design-and-development">Ecommerce Website Design for Winnipeg Manitoba </a></li> <li><a href="/calgary-edmonton-alberta-ecommerce-website-design-and-development">Ecommerce Website Design for Calgary & Edmonton Alberta </a></li> <li><a href="/saskatoon-regina-saskatchewan-ecommerce-website-design-and-development">Ecommerce Website Design for Saskatoon & Regina Saskatchewan </a></li> <li><a href="/magento-website-design-development-developer/magento-alberta/">Magento Ecommerce Website Design & Development in Calgary & Edmonton Alberta</a></li> <li><a href="/magento-website-design-development-developer/magento-manitoba">Magento Ecommerce Website Design & Development in Winnipeg Manitoba </a></li> <li><a href="/magento-website-design-development-developer/magento-saskatchewan">Magento Ecommerce Website Design & Development in Saskatoon & Regina Saskatchewan</a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer/woocommerce-alberta">WordPress & WooCommerce Ecommerce Developers in Calgary & Edmonton Alberta</a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer/woocommerce-manitoba">WordPress & WooCommerce Ecommerce Developers in Winnipeg Manitoba</a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer/woocommerce-saskatchewan">WordPress & WooCommerce Ecommerce Developers in Saskatoon & Regina Saskatchewan</a></li> </ul> </div> </div> </div> </div> </div> <style> #cities-overlay div.span-title { font-size: 22px; text-transform: uppercase; text-align: center; margin-bottom: 50px; font-weight: 400; color: #fff; } </style> </div> <div> <div id="CPH_ContentBlock1_ctl00_ctl00_ctl00_detailContainer"> <div class='ban-blue blue-web-design' id="banner-wrapper"> <div class="ban-blue-inner">  <div class="ban-blue-inner-container"> <div class="ban-blue-inner-content"> <div class="category-parent">Website Design & Web Development</div> <h4 class="shopify-head"> Get more from your website. </h4> <h1>We design interactive websites that tell stories, sell products, and amplify brands.</h1> <div class="ban-blue-lists"> </div> <div class="ban-blue-third-col"> <div class="ban-blue-list"><p class="no-bullet-top"> Graphically Speaking is Western Canada’s most experienced digital design agency. </p> <p> From mid-size businesses to major brands, we help our clients attract customers, build trust, and fuel growth. Our experience means that you can count on us to reliably create digital products that inspire audiences and lead to commercial successes. </p></div> </div> </div> </div> </div> <div class="an-blue-inner-content mobile-only"> <div class="ban-blue-lists"> <div class="ban-blue-list"> </div> </div> </div> </div> <div id="banner-bk-img" style="display:none;"> </div> </div> <script type="text/javascript"> $(document).ready(function(){ if($.trim( $('#banner-bk-img').html()).length ) { $('#banner-wrapper').css("background-image", "url(" + $('#banner-bk-img').html() + ")"); } }); </script> </div> <div id="main-block-2"> <div class="sf_cols overview-swap-container"> <div class="split"> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock2_C005_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><h2>Complete and Reliable <span>Website Design Solutions</span></h2> </div><div>  <ul class="swap-img-block"> <li data-sf-provider='OpenAccessProvider' data-sf-id='9b9f8aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/web-strategy-450.jpg?sfvrsn=8048e2c6_0' alt='web strategy' title='web strategy' /> </div> <div class="swap-img-content"> <h3>Website <span>Strategy & Planning</span></h3> <p>Certified digital strategists work with you to qualify your audience, establish goals and metrics, and confirm all your website’s technical and functional attributes. Following best industry planning and research practices, we rely on data to make informed and strategic decisions.</p> <p><a href="/services/website-design/digital-strategy" class="primary btn">GO TO WEBSITE STRATEGY & PLANNING</a></p> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='aa9f8aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/web-design-services-450.jpg?sfvrsn=be48e2c6_0' alt='Web design services' title='Web design services' /> </div> <div class="swap-img-content"> <h3><span>Web Design</span> Services</h3> <p>Exceptional web design is impactful, purposeful, and precisely on-brand. We create barrier-free user experiences that make it easy for people to discover and access the information, products, and services that you provide.</p> <p><a href="/services/website-design/web-design" class="primary btn">GO TO WEB DESIGN SERVICES</a></p> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='b99f8aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/web-development-services-450.jpg?sfvrsn=ea48e2c6_0' alt='web development services' title='web development services' /> </div> <div class="swap-img-content"> <h3><span>Website Development</span> Services</h3> <p>Our certified software engineers work with open source and proprietary licenced CMS systems, and they have lots of experience with customizations and integrating websites with 3rd party applications like CRM’s, portals, marketing automation, and data analytics.</p> <p><a href="/services/website-design/web-development" class="primary btn">GO TO WEBSITE DEVELOPMENT SERVICES</a></p> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='5ca68aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/content-management-system-450.jpg?sfvrsn=cc48e2c6_0' alt='content management system' title='content management system' /> </div> <div class="swap-img-content"> <h3><span>Content Management</span> Systems</h3> <p>Our business analysts and digital strategists help you select a system that fits your organization today but will also scale to accommodate your future growth.</p> <p>CMS systems we support:</p> <ul> <li><a href="/services/website-design/cms/sitefinity-developer">Sitefinity</a></li> <li><a href="/services/website-design/cms/wordpress-developer">WordPress</a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer">WooCommerce</a></li> <li><a href="/services/ecommerce-website-design-and-development/shopify-developer">Shopify</a></li> <li><a href="/magento-website-design-development-developer">Adobe Commerce (Magento)</a></li> </ul> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='01948cac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/erp-integrations-inner.jpg?sfvrsn=8ce0e5c6_0' alt='erp integrations' title='erp integrations' /> </div> <div class="swap-img-content"> <h3><div class="y-dif-color">Website <span>Integration Services</span></div></h3> <p> Have true experts connect your WordPress and Sitefinity CMS systems to your CRM, marketing automation, advertising, analytic and customer service/support systems. Discover the benefits of automating core business functions, improving customer service and reducing costs by connecting processes. </p> <p><a href="/services/integration-services" class="primary btn">View Services</a></p> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='c7a68aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/website-maintenance-and-support-450.jpg?sfvrsn=d648e2c6_0' alt='Website Maintenance and Support' title='Website Maintenance and Support' /> </div> <div class="swap-img-content"> <h3>Website <span>Maintenance & Support</span></h3> <p>Looking for some content updates, a new webpage design, code fixes, or technical support? Our project managers, developers, and creatives are always ready to support your maintenance requests.</p> <p><a href="/services/website-design/support-maintenance" class="primary btn">GO TO WEBSITE MAINTENANCE & SUPPORT</a></p> </div> </li> </ul> <input id="ctl00_CPH_ContentBlock2_ctl03_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock2_ctl03_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock2_ctl03_ctl00_ctl00_dynamicContentListView" style="display:none;"></span> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock2_C005_Col01" class="sf_colsIn sf_1col_1in_100"> </div> </div> </div> </div></div> <div class='sfContentBlock'><div class="com-testi"> <div class="com-testi-inner"> <p>"Companies promoting top design practices outperformed industry-benchmark growth by a factor of almost 2-to-1"<br /> -- McKinsey & Company</p> </div> </div> </div> <div class='sfContentBlock'><div class="our-approach"> <div class="two-col-container"> <div class="row-50"> <h3>Our Approach</h3> <h2>You’ll Gain a Competitive Advantage</h2> <p>We build great websites that accomplish business goals and delight audiences.</p> <p>Working with our experienced responsive website design team, your website will be informed by our research and the latest UX/UI insights and digital design trends --giving your organization a competitive advantage and a ROI.</p> </div> <div class="row-50"><img src="/images/default-source/default-album/roi-new.jpg?sfvrsn=69a1e3c6_0" data-displaymode="Original" alt="Revenue on Investment" title="roi-new" /></div> </div> </div> </div><div> <div class="testi-con-wrap"> <div class="testi-head"> <h2>What People Are <span class="b-color">Saying About Us</span></h2> </div> <div class="testimonial-item-wrap" > <div class="testimonial-item"> <p>This is amazing and thank you again for all of your great work, we love it!</p> <p class="name"> - Mr. Lube - </p> </div> <div class="testimonial-item"> I’d like to take this opportunity to thank you for all your hard work on our new website. The website is excellent, and It’s been an absolute pleasure working with your team. We’ve really valued their professionalism, friendliness, creativity and excellent promptness. <p class="name"> - SSP Converged Solutions - </p> </div> <div class="testimonial-item"> Bottom line... I would not hesitate to endorse Graphically Speaking, without reservation. <p class="name"> - Thomas FX Group Inc. - </p> </div> <div class="testimonial-item"> You have completely impressed me with the depth of the work. <p class="name"> - Bezdan - </p> </div> <div class="testimonial-item"> On behalf of the Webtech team, we want to say thank you for your efforts in the launch of our new website, and for helping us meet our rushed deadline. <p class="name"> - Webtech - </p> </div> <div class="testimonial-item"> Graphically Speaking provides an expertise that never failed to impress. Their skillful team provided a level of direction that was both disciplined and creative. A very tough combination to find when collaborating in today's world. <p class="name"> - British Columbia Pharmacy Association - </p> </div> <div class="testimonial-item"> Your team has provided us with excellent support in the areas of website strategy, design, and search engine optimization, usability testing and general ongoing project management. <p class="name"> - The Jim Pattison Auto Group - </p> </div> <div class="testimonial-item"> I want to express my thanks for the amazing work you and your team put in. <p class="name"> - Absolute Software - </p> </div> <div class="testimonial-item"> <p>I am pleased with the design, UI and insights from the usability testing that has allowed us to develop an award-winning website. Job well done.</p> <p class="name"> - City of Richmond - </p> </div> <div class="testimonial-item"> I wanted to reach out to you to let you know how happy we are with the results of the work your team has done on our new website. Your team has helped improve our site while supporting us during this process. <p class="name"> - IABC Calgary - </p> </div> <div class="testimonial-item"> I want to thank you for the custom development of our Product Information Management system. Well done to the architects, programmers, account, and project managers. <p class="name"> - Cloverdale Paint - </p> </div> <div class="testimonial-item"> The new website is definitely a success. Once again, I would like to thank you and Graphically Speaking for helping us out. <p class="name"> - EasyPark - </p> </div> <div class="testimonial-item"> You, and the teams behind you really do such amazing work and truly boost the capabilities of our team here at Canfor. Thanks for all your work! <p class="name"> - Canfor - </p> </div> </div> </div> <input id="ctl00_CPH_ContentBlock4_ctl00_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock4_ctl00_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock4_ctl00_ctl00_ctl00_dynamicContentListView" style="display:none;"></span> </div> <div class="bannerflex bf-id-brands-trust"> <div class="section-inner">  <div class="fullscreen">  <label for="fullscreen-brandtrust"> <div class="secondary btn fullscreen-trigger fullscreen-trigger--brands">See More logos</div> </label> <input class="fullscreen-state" id="fullscreen-brandtrust" type="checkbox" />  <div class="fullscreen-fade-screen">  <div class="fullscreen-header"> <div class="fullscreen-close" for="fullscreen-brandtrust"></div> <div class="fullscreen-top" for="fullscreen-brandtrust"></div> </div>  <div id="fullscreen-inner--all" class="fullscreen-inner"> </div> </div> </div> </div> </div> <div id="formquote" class="footer-form"> <div class="footer-form-inner"> <div class="footer-form-content"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="CPH_Form_T51DF9C70041_Col00" class="sf_colsIn sf_1col_1in_100"><div> <div class="sfexpandedListWrp"> <h3 class="bannerflex-heading">Website Design Done Right. <span>Let's Talk!</span> </h3> <input id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState" name="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState" type="hidden" /><span id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl" style="display:none;"></span> </div> <input id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ClientState" name="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ClientState" type="hidden" /><span id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl" style="display:none;"></span> <span></span> </div> </div> </div> </div><div class="sf_cols bottom-form"> <div class="sf_colsOut sf_2cols_1_75" style="width: 70%;"> <div id="CPH_Form_T51DF9C70040_Col00" class="sf_colsIn sf_2cols_1in_75"> <style> .google-captcha-error {text-align:left; color:red;} </style> <script src="https://www.google.com/recaptcha/api.js?render=6LeAVPYaAAAAAF8MODZxst9_xPKJPwt2FAIp3cfc"></script> <script> $(document).ready(function () { }); function resetReCAPTCHAv3(e) { e.preventDefault(); var isOkay = false; var tokenValue = ""; grecaptcha.ready(function () { grecaptcha.execute('6LeAVPYaAAAAAF8MODZxst9_xPKJPwt2FAIp3cfc', { action: 'Request_Quote_Form' }).then(function (token) { tokenValue = token; $.ajax({ url: "/Widgets/VerifyGoogleReCaptcha.ashx", method: "post", data: { CurrentToken: tokenValue }, dataType: "json", async: false, success: function (data) { //response(data); isOkay = data.Success; var score = data.score; if (score >= 0.5 && isOkay == true) { __doPostBack('btnSubmit', 'OnClick'); } else { $('#lblCaptchaError').text("Google reCAPTCHA verification failed."); } }, error: function (err) { console.log(err); } }); }); }); return false; } </script> <div id="CPH_Form_T51DF9C70039_formtemplate" class="new-request-form"> <div class='contactpageform'> <ul class="contact-fields "> <li class="firstname-field form-field leftfield sfFormBox sfTxtBoxMedium"> <label id="lblname" class="sfTxtLbl sfInlineBlock">Name<span class="required">*</span></label> <input name="ctl00$CPH_Form$T51DF9C70039$Name" type="text" id="CPH_Form_T51DF9C70039_Name" class="sfTxt" placeholder="John Smith" /> <span id="CPH_Form_T51DF9C70039_RequiredFieldValidator1" class="sfError" style="display:none;">Name is required</span> </li> <li class="email-field form-field leftfield sfFormBox sfTxtBoxMedium"> <label id="lblemail" class="sfTxtLbl sfInlineBlock">Email<span class="required">*</span></label> <input name="ctl00$CPH_Form$T51DF9C70039$Email" type="text" id="CPH_Form_T51DF9C70039_Email" class="sfTxt" placeholder="john@companyname.ca" /> <span id="CPH_Form_T51DF9C70039_RequiredFieldValidator3" class="sfError" style="display:none;">Email is required</span> <span id="CPH_Form_T51DF9C70039_regEmail" class="sfError" style="display:none;">Invalid email address</span> </li> <li class="phone-field form-field rightfield sfFormBox sfTxtBoxMedium"> <label id="lblphone" class="sfTxtLbl sfInlineBlock">Phone Number<span class="required">*</span></label> <input name="ctl00$CPH_Form$T51DF9C70039$Phone" type="text" id="CPH_Form_T51DF9C70039_Phone" class="sfTxt" placeholder="555-345-6789" /> <span id="CPH_Form_T51DF9C70039_RequiredFieldValidator2" class="sfError" style="display:none;">Phone is required</span> <span id="CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone" class="sfError" style="display:none;">Invalid phone number. Format: 555 555-5555</span> </li> <li class="lastname-field form-field rightfield sfFormBox sfTxtBoxMedium"> <label id="lblcompany" class="sfTxtLbl sfInlineBlock">Company</label> <input name="ctl00$CPH_Form$T51DF9C70039$Company" type="text" id="CPH_Form_T51DF9C70039_Company" class="sfTxt" placeholder="Company Name" /> </li> <li class="message-field form-field long sfFormBlock sfTxtBlockMedium"> <label id="lblmessage" class="sfTxtLbl sfInlineBlock">Message</label> <textarea name="ctl00$CPH_Form$T51DF9C70039$Message" rows="2" cols="20" id="CPH_Form_T51DF9C70039_Message" class="sfTxt" placeholder="Message"> </textarea> <input name="ctl00$CPH_Form$T51DF9C70039$Address" type="text" id="CPH_Form_T51DF9C70039_Address" class="sfTxt other-input" /> <input type="hidden" name="ctl00$CPH_Form$T51DF9C70039$PageURL" id="CPH_Form_T51DF9C70039_PageURL" value="https://www.graphicallyspeaking.ca/services/website-design" /> </li> <li class="submit-button sfFormSubmit form-field sfSubmitBtnSmall" style="clear:both;"> <input type="submit" name="ctl00$CPH_Form$T51DF9C70039$btnSubmit" value="Send" onclick="if(Page_ClientValidate()) {return resetReCAPTCHAv3(event);}else { return false;};WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$CPH_Form$T51DF9C70039$btnSubmit", "", true, "contactform", "", false, false))" id="btnSubmit" class="form-field" /> </li> <li class="message-field form-field long sfFormBlock sfTxtBlockMedium"> <span id="lblCaptchaError" class="google-captcha-error"></span> </li> </ul> </div> <input type="hidden" name="ctl00$CPH_Form$T51DF9C70039$hf_token" id="hf_token" /> </div> </div> </div> <div class="sf_colsOut sf_2cols_2_25" style="width: 30%;"> <div id="CPH_Form_T51DF9C70040_Col01" class="sf_colsIn sf_2cols_2in_25"><div class='sfContentBlock'><div class="bottom-contact-info"> <ul> <li id="phone-image"> Phone Image </li> <li id="phone-number"> <span itemprop="telephone"><a href="tel:+16046825500">604.682.5500</a></span> </li> <li id="at-sign"> @ </li> <li id="team-address"> <a href="mailTo:team@graphicallyspeaking.ca"><span class="__cf_email__" data-cfemail="582c3d3935183f2a392830313b393434212b283d393331363f763b39">[email protected]</span></a> </li> <li class="footer-social-links-new"> <ul> <li><a target="_blank" class="footer-facebook" href="https://www.facebook.com/graphicallyspeaking">Facebook</a></li> <li><a target="_blank" class="footer-twitter" href="https://twitter.com/g_speaking">Twitter</a></li> <li><a target="_blank" class="footer-linkedin" href="https://www.linkedin.com/company/graphically-speaking-web-development-ecommerce-&-internet-marketing">Linkedin</a></li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div id="extra-parts" class="extra-content"> </div> </div> </div> </div> </div> <footer id="footer" class="page-section"> <div id="ctas" class="aside"> <div class="section-inner"> </div> </div> <div class="gsfooter"> <div id="gsfooter-w-heading" class="gsfooter-w"> <h3>Some of Our Credentials</h3> </div> <div id="gsfooter-w-partners" class="gsfooter-w"> <div id="gsfooter-partners"> <div class="gspartner"> <div class='sfContentBlock'><ul> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Microsoft Gold Application Development Partner" alt="Microsoft Gold Application Development Partner" data-displaymode="Original" src="/images/default-source/default-album/partner-miscrosoft.png?sfvrsn=bf61e4c6_0" width="132" height="80" />  </div> Microsoft Gold<br /> Application<br /> Development<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Google Agency Partner" alt="Google Agency Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-google.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]0b8a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> Google<br /> Agency<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Adobe Magento Agency Partner" alt="Adobe Magento Agency Partner" data-displaymode="Original" src="/images/default-source/default-album/partner-adobe-magento3d298dacd34869ff9211ff000009ee95.png?sfvrsn=1161e4c6_0" width="132" height="80" /></div> Adobe Magento<br /> Agency<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Shopify Certified Partner" alt="Shopify Certified Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-shoppify.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]358a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> Shopify<br /> Certified<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Progress Sitefinity Medallion Elite Partner" alt="Progress Sitefinity Medallion Elite Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-sitefinity-platinum.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]3d8a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> Progress Sitefinity<br /> Medallion<br /> Elite Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Project Management Professional PMP Certified" alt="Project Management Professional PMP Certified" data-displaymode="Original" src="/images/default-source/default-album/partner-pmp.png?sfvrsn=cb61e4c6_0" width="132" height="80" />  </div> Project<br /> Management<br /> Professional<br /> PMP Certified </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Certified UX & UI Specialists" alt="Certified UX & UI Specialists" data-displaymode="Original" src="/images/default-source/default-album/partner-nng022a8dacd34869ff9211ff000009ee95.png?sfvrsn=2e62e4c6_0" width="132" height="80" /></div> Certified UX & UI<br /> Specialists </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Certified Usability Analyst" alt="Certified Usability Analyst" data-displaymode="Original" src="/images/default-source/default-album/partner-cua.png?sfvrsn=f62e4c6_0" width="132" height="80" />  </div> Certified<br /> Usability<br /> Analyst </div> </li> <li> <div class="partner" href="https://amasty.com"> <div class="partner-logo"> <a href="https://amasty.com" target="_blank"><img title="Adobe Magento Technology Partner" alt="Adobe Magento Technology Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/amasty.png?sfvrsn=4" sfref="[images|OpenAccessDataProvider]2d8a7eac-d348-69ff-9211-ff000009ee95" width="110" height="50" /></a> </div> <a href="https://amasty.com" style="color:#a4a4a4;" target="_blank">Adobe MAGENTO <br /> TECHNOLOGY <br /> PARTNER</a> </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Website Design & Digital Marketing" alt="Website Design & Digital Marketing" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-webdesign.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]458a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> WEBSITE DESIGN <br /> & DIGITAL MARKETING </div> </li> </ul> </div> </div> </div> </div> <div id="gsfooter-w-last" class="gsfooter-w"> <div class="gstable"> <div id="gsfooter-company" class="gstable_cell"> <div class="gstable"> <div class='sfContentBlock'><div class="gstable_cell"> <div class="gsadress"> <p class="gsadress_title">Graphically Speaking</p> <p> <span class="gsadress_unit">#840</span> - <span class="gsadress_address">1140 West Pender Street </span> <span class="gsadress_city">Vancouver</span>, <span class="gsadress_province">BC</span>, <span class="gsadress_country">Canada</span> <span class="gsadress_postalcode">V6E 4G1</span></p> </div> </div> <div class="gstable_cell"> <div class="gsphone"> <a id="location_we_server" data-src="#cities-overlay" href="javascript:;">Locations We Serve</a>  </div> </div> <div class="gstable_cell"> <div class="gssocial"> <span class="gssocial_title">Follow Us</span> <ul> <li><a target="_blank" class="gssocial_item gssocial_item--facebook" href="https://www.facebook.com/graphicallyspeaking">Facebook</a></li> <li><a target="_blank" class="gssocial_item gssocial_item--twitter" href="https://twitter.com/g_speaking">Twitter</a></li> <li><a target="_blank" class="gssocial_item gssocial_item--linkedin" href="https://www.linkedin.com/company/graphically-speaking-web-development-ecommerce-&-internet-marketing">Linkedin</a></li> </ul> </div> </div> </div> </div> </div> <div id="gsfooter-menu" class='gstable_cell'> <div class='sfContentBlock'><div class="gstable_cell"> <div class="gsphone"> <span class="gsphone_label">Call us</span> <span itemprop="telephone"><a href="tel:+16046825500">604.682.5500</a></span> </div> <div class="gsphone"> <span class="gsphone_label">Toll Free</span> <span itemprop="telephone"><a href="tel:+18778754337">1.877.875.4337</a></span> </div> </div> </div> </div> <div id="gsfooter-credit" class="gstable_cell foot-cop"> <div class='copyrights_home'><div class="foo-copy-year"> © <lable id="gssi-copyright-year">2024</lable> Graphically Speaking Services Inc.</div> <div class="foo-all-right"> All right reserved.</div> <div class="nav" id="bottomlinks"> <ul> <li><a href="/disclaimer">Disclaimer</a></li> <li><a href="/privacy-policy">Privacy</a></li> <li><a href="/sitemap">Sitemap</a></li> <li><a href="/lets-connect">Contact</a></li> </ul> </div> </div> </div> </div> <div id="gsfooter-extra" style="background: #373e46;padding: 30px 50px;font-size: 12px;text-align: center;color: #aaaaaa;"> Graphically Speaking acknowledges the territories of First Nations in Canada and is grateful to carry out our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all indigenous Peoples – First Nations, Metis, and Inuit – respecting and acknowledging their distinct cultures, histories, rights, laws, and governments. </div> </div> </div> </footer> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> WebFontConfig = { google: { families: [ 'Open+Sans:400,600,700:latin' ] } }; (function(d) { var wf = d.createElement('script'), s = d.scripts[0]; wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js'; s.parentNode.insertBefore(wf, s); })(document); </script> <script src="https://kit.fontawesome.com/b096672edf.js" crossorigin="anonymous"></script> <script src='/dist/js/prescripts.min.js'></script> <script src="/dist/js/site-functions.min.js"></script>  <script type="text/javascript"> window.__lc = window.__lc || {}; window.__lc.license = 6795391; (function () { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); })(); </script>  <script src="https://www.google.com/recaptcha/api.js"></script> <script type="text/javascript"> document.getElementById("home-banner-slider").style.display = "block"; </script> <script type="text/javascript"> //<![CDATA[ var Page_Validators = new Array(document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator1"), document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator3"), document.getElementById("CPH_Form_T51DF9C70039_regEmail"), document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator2"), document.getElementById("CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone")); //]]> </script> <script type="text/javascript"> //<![CDATA[ var CPH_Form_T51DF9C70039_RequiredFieldValidator1 = document.all ? document.all["CPH_Form_T51DF9C70039_RequiredFieldValidator1"] : document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator1"); CPH_Form_T51DF9C70039_RequiredFieldValidator1.controltovalidate = "CPH_Form_T51DF9C70039_Name"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.errormessage = "Name is required"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.display = "Dynamic"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.initialvalue = ""; var CPH_Form_T51DF9C70039_RequiredFieldValidator3 = document.all ? document.all["CPH_Form_T51DF9C70039_RequiredFieldValidator3"] : document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator3"); CPH_Form_T51DF9C70039_RequiredFieldValidator3.controltovalidate = "CPH_Form_T51DF9C70039_Email"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.errormessage = "Email is required"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.display = "Dynamic"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.initialvalue = ""; var CPH_Form_T51DF9C70039_regEmail = document.all ? document.all["CPH_Form_T51DF9C70039_regEmail"] : document.getElementById("CPH_Form_T51DF9C70039_regEmail"); CPH_Form_T51DF9C70039_regEmail.controltovalidate = "CPH_Form_T51DF9C70039_Email"; CPH_Form_T51DF9C70039_regEmail.errormessage = "Invalid email address"; CPH_Form_T51DF9C70039_regEmail.display = "Dynamic"; CPH_Form_T51DF9C70039_regEmail.validationGroup = "contactform"; CPH_Form_T51DF9C70039_regEmail.evaluationfunction = "RegularExpressionValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_regEmail.validationexpression = "\\w+([-+.\']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*"; var CPH_Form_T51DF9C70039_RequiredFieldValidator2 = document.all ? document.all["CPH_Form_T51DF9C70039_RequiredFieldValidator2"] : document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator2"); CPH_Form_T51DF9C70039_RequiredFieldValidator2.controltovalidate = "CPH_Form_T51DF9C70039_Phone"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.errormessage = "Phone is required"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.display = "Dynamic"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.initialvalue = ""; var CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone = document.all ? document.all["CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone"] : document.getElementById("CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone"); CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.controltovalidate = "CPH_Form_T51DF9C70039_Phone"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.errormessage = "Invalid phone number. Format: 555 555-5555"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.display = "Dynamic"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.evaluationfunction = "RegularExpressionValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.validationexpression = "^[0-9.()Xx\\-ext ]{7,}$"; //]]> </script> <script type="text/javascript"> //<![CDATA[ window.__TsmHiddenField = $get('ctl10_TSM');//]]> </script> <script type="text/javascript"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5DQQMB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </script><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-6743265-1', 'auto'); ga('send', 'pageview'); </script><script type="text/javascript">$(document).ready(function () { $('.testimonial-item-wrap').slick({ dots: false, infinite: true, autoplay: true, speed: 2000, slidesToShow: 1, autoplaySpeed: 7000, slidesToScroll: 1, responsive: [ { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: true, dots: true, arrows:false } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); });</script> <script type="text/javascript"> //<![CDATA[ var Page_ValidationActive = false; if (typeof(ValidatorOnLoad) == "function") { ValidatorOnLoad(); } function ValidatorOnSubmit() { if (Page_ValidationActive) { return ValidatorCommonOnSubmit(); } else { return true; } } //]]> </script> <script type="text/javascript">const copyrightEl = document.getElementById('gssi-copyright-year'); if (copyrightEl) { const currentYear = new Date().getFullYear(); const copyrightText = "" + currentYear; copyrightEl.innerHTML = copyrightText; }</script> <script type="text/javascript"> //<![CDATA[ ;(function() { function loadHandler() { var hf = $get('ctl11_TSSM'); if (!hf._RSSM_init) { hf._RSSM_init = true; hf.value = ''; } hf.value += ';Telerik.Sitefinity.Resources, Version=12.1.7131.0, Culture=neutral, PublicKeyToken=b28c218413bdf563:en:2df0b15c-9c61-4318-b24f-0901f9a12da3:7a90d6a:83fa35c7:850288ef'; Sys.Application.remove_load(loadHandler); }; Sys.Application.add_load(loadHandler); })();Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock2$ctl03$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock2_ctl03_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":6,"clientStateFieldID":"ctl00_CPH_ContentBlock2_ctl03_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock2_ctl03_ctl00_ctl00_dynamicContentListView")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock4$ctl00$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock4_ctl00_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":13,"clientStateFieldID":"ctl00_CPH_ContentBlock4_ctl00_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock4_ctl00_ctl00_ctl00_dynamicContentListView")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_Form$T51DF9C70015$ctl00$ctl00$ctl00$listsControl$ctrl0$listItemsControl","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ItemsContainer","DataService":{}}},"_virtualItemCount":1,"clientStateFieldID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_Form$T51DF9C70015$ctl00$ctl00$ctl00$listsControl","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ListContainer","DataService":{}}},"_virtualItemCount":1,"clientStateFieldID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl")); }); Sys.Application.add_init(function() { $create(Telerik.Sitefinity.Web.UI.UserPreferences, {"_timeOffset":"-28800000","_userBrowserSettingsForCalculatingDates":true,"timeZoneDisplayName":"(UTC-08:00) Pacific Time (US \u0026 Canada)","timeZoneId":"Pacific Standard Time"}, null, null); }); document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator1').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator1')); } document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator3').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator3')); } document.getElementById('CPH_Form_T51DF9C70039_regEmail').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_regEmail')); } document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator2').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator2')); } document.getElementById('CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone')); } //]]> </script> </form> </body><script type="text/javascript"> let fnInputInFocus = function($obj) { $($obj).parent().find('label').addClass('dom-hidden'); }; let fnInputInLostFocus = function($obj) { let strVal = $($obj).val(); if(strVal.trim() == "") { $($obj).parent().find('label').removeClass('dom-hidden'); } }; let fnLabelInFocus = function($obj) { $($obj).parent().find('label').addClass('dom-hidden'); $($obj).next().focus(); }; jQuery('document').ready(function($){ $('.contact-fields input[type="text"],.contact-fields input[type="email"], .contact-fields textarea').each(function() { if($(this).val() != "") { fnInputInFocus(this); } }); $('.contact-fields input[type="text"],.contact-fields input[type="email"], .contact-fields textarea').bind({ 'keydown': function(){ fnInputInFocus(this); }, 'focus': function(){ fnInputInFocus(this); }, 'blur': function(){ fnInputInLostFocus(this); } }); $('.contact-fields .form-field label').bind({'click': function(){ fnLabelInFocus(this); }}); }); </script> </html>

CINXE.COM

Web Design and Development Services | Interactive Web Design Agency