Case Studies | Scottish Water

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Case Studies | Scottish Water | mtc</title> <link rel="preload" href="/uploads/images/cms/work/promo-mobile/16134985441581350194299.jpeg" as="image"> <link rel="preload" href="https://www.mtc.co.uk/core/fonts/fa-light-300.woff2" as="font" crossorigin> <link rel="preload" href="https://www.mtc.co.uk/core/fonts/fa-brands-400.woff2" as="font" crossorigin> <link rel="preconnect dns-prefetch" href="https://ajax.googleapis.com"> <link rel="preload" href="https://www.mtc.co.uk/sites/mtc/fonts/woff2/Gotham-Bold_Web.woff2" as="font" crossorigin> <link rel="preload" href="https://www.mtc.co.uk/sites/mtc/fonts/woff2/Gotham-Ultra_Web.woff2" as="font" crossorigin> <link rel="preload" href="https://www.mtc.co.uk/sites/mtc/fonts/woff2/Gotham-Thin_Web.woff2" as="font" crossorigin> <link rel="preload" href="https://www.mtc.co.uk/sites/mtc/fonts/woff2/Gotham-Book_Web.woff2" as="font" crossorigin> <link rel="preload" href="https://www.mtc.co.uk/sites/mtc/fonts/woff2/Gotham-Light_Web.woff2" as="font" crossorigin> <link rel="preload" href="https://www.mtc.co.uk/sites/mtc/fonts/woff2/Gotham-XLight_Web.woff2" as="font" crossorigin> <link rel="preload" href="https://www.mtc.co.uk/sites/mtc/fonts/woff2/Gotham-Black_Web.woff2" as="font" crossorigin> <meta name="robots" content="index, follow" /> <meta name="description" content="View the case study for the new Scottish Water website designed and developed by mtc." /> <meta name="format-detection" content="telephone=no" /> <link rel="manifest" href="/manifest.json"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="application-name" content="mtc."> <meta name="apple-mobile-web-app-title" content="mtc."> <meta name="theme-color" content="#1055C4"> <meta name="msapplication-navbutton-color" content="#1055C4"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="msapplication-starturl" content="https://www.mtc.co.uk">  <link rel="icon" type="image/x-icon" href="/sites/mtc/images/favicon.ico" />  <link rel="apple-touch-icon" href="/sites/mtc/images/apple-touch-icon.png" > <link rel="preload" href="/public/css/work-page-critical.css?id=57b537378da6104f1325" as="style"> <link rel="stylesheet" href="/public/css/work-page-critical.css?id=57b537378da6104f1325"> <meta name="viewport" content="width=device-width"> <meta property="og:title" content="Case Studies | Scottish Water | mtc"/> <meta property="og:url" content="https://www.mtc.co.uk/our-work/scottish-water" /> <meta property="og:type" content="website"/> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="Case Studies | Scottish Water | mtc" /> <meta property="og:image" content="https://www.mtc.co.uk/uploads/images/cms/og/16134985301581350194299.jpeg"/> <meta property="og:site_name" content="mtc."/> <meta property="og:description" content="View the case study for the new Scottish Water website designed and developed by mtc."/> <meta property="fb:admins" content="102104033195827"/> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@mtcmedia" /> <meta name="twitter:title" content="Scottish Water" /> <meta name="twitter:description" content="View the case study for the new Scottish Water website designed and developed by mtc." /> <meta name="twitter:image" content="https://www.mtc.co.uk/uploads/images/cms/og/16134985301581350194299.jpeg" /> <meta name="twitter:url" content="https://www.mtc.co.uk/our-work/scottish-water" />  <script> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); (function() { var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://matomo.mtc.co.uk/js/container_hvUao0tJ.js'; s.parentNode.insertBefore(g,s); })(); </script>   <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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PKZ286P');</script>  <script type="text/javascript">var iptrack_params = iptrack_params || []; iptrack_params.push(["wait", "b21e311d-a1dd-447e-ab44-008fa59b354b"]); var t = document["createElement"]("script"), i; t["type"] = "text/javascript"; t["src"] = window["location"]["href"]["split"]("/")[0] + "//iptrack.io/iptrack.js"; i = document["getElementsByTagName"]("script")[0]; i["parentNode"]["insertBefore"](t, i);</script>  </head> <body class="hasPromo white" data-site="mtc" > <svg id="fader"></svg> <script> function fadeInPage() { if (!window.AnimationEvent) { return; } var fader = document.getElementById('fader'); fader.setAttribute('class', 'fade-out'); } fadeInPage(); </script> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;"> <symbol id="fa-angle-right" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/></symbol> <symbol id="fa-phone" viewBox="0 0 512 512"><path d="M476.5 22.9L382.3 1.2c-21.6-5-43.6 6.2-52.3 26.6l-43.5 101.5c-8 18.6-2.6 40.6 13.1 53.4l40 32.7C311 267.8 267.8 311 215.4 339.5l-32.7-40c-12.8-15.7-34.8-21.1-53.4-13.1L27.7 329.9c-20.4 8.7-31.5 30.7-26.6 52.3l21.7 94.2c4.8 20.9 23.2 35.5 44.6 35.5C312.3 512 512 313.7 512 67.5c0-21.4-14.6-39.8-35.5-44.6zM69.3 464l-20.9-90.7 98.2-42.1 55.7 68.1c98.8-46.4 150.6-98 197-197l-68.1-55.7 42.1-98.2L464 69.3C463 286.9 286.9 463 69.3 464z"/></symbol> <symbol id="fa-envelope" viewBox="0 0 512 512"><path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z"/></symbol> <symbol id="fa-envelope-open" viewBox="0 0 512 512"> <defs><style>.fa-secondary{opacity:.4}</style></defs> <path fill="#ffffff" d="M0 211.06v-10.34A48 48 0 0 1 18.39 163c24.91-19.53 45.5-35.37 164.2-121.51C199.41 29.17 232.8-.35 256 0c23.2-.35 56.6 29.18 73.41 41.44 118.69 86.13 139.31 102 164.2 121.51A48 48 0 0 1 512 200.72v6.1c-74.82 55.9-156.29 116.66-182.59 135.75C312.59 354.83 279.2 384.35 256 384c-23.21.34-56.56-29.15-73.41-41.43C159.44 325.77 80.5 269 0 211.06z" class="fa-secondary"/> <path fill="#ffffff" d="M512 246.76V464a48 48 0 0 1-48 48H48a48 48 0 0 1-48-48V250.48c73.71 53 142.49 102.53 163.74 118C184 383.21 220.26 416.24 256 416c35.72.24 72-32.77 92.26-47.57 24-17.43 94.51-69.97 163.74-121.67z" class="fa-primary"/> </symbol> <symbol id="fa-instagram" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></symbol> <symbol id="fa-facebook" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></symbol> <symbol id="fa-linkedin" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></symbol> <symbol id="fa-twitter" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></symbol> <symbol id="fa-chevron-down" viewBox="0 0 448 512"><path d="M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z"/></symbol> <symbol id="fa-arrow-right" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></symbol> </svg>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PKZ286P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="vueContainer"> <div class="vueContainerInner"> <div class="siteWrapper"> <div id="header" class="header"> <div class="headerWrap"> <a href="/" class="logo" title="mtc."> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1402.223px" height="555.556px" viewBox="0 0 1402.223 555.556" enable-background="new 0 0 1402.223 555.556" xml:space="preserve"> <g> <path class="main" d="M525.544,124.801c46.138,24.343,77.665,59.881,82.312,141.069c0,68.89,0,271.454,0,271.454H485.701V318.559 c0-43.113,0-67.861-11.176-85.426c-9.582-15.967-28.741-23.953-46.307-23.953c-10.379,0-39.125,2.396-54.294,29.543 c-9.582,16.762-8.785,34.327-8.785,71.854v226.748H242.982V289.818c0-39.917-5.579-57.483-23.951-69.46 c-10.375-7.187-23.149-10.379-35.923-10.379c-5.588,0-21.56,0-35.131,10.379c-25.549,19.162-26.351,51.895-26.351,79.039v237.928 H0.272c0,0-0.325-207.584-0.265-270.582c6.238-82.061,41.884-118.628,86.636-142.683c59.142-31.791,168.606-39.686,226.02,15.525 c-7.087,13.047-19.857,29.651-23.716,52.304C341.313,95.412,454.07,87.095,525.544,124.801z"/> <path class="main" d="M813.066,205.987v186.827c0,16.764-0.797,26.346,3.197,33.533c7.182,13.57,26.346,13.57,28.746,13.57 c14.367,0,28.74-0.797,43.109-0.797v95.01c-7.979,1.598-36.725,6.389-64.674,6.389c-8.779,0-17.561,0-25.539-0.801 c-11.182-0.797-47.91,0-75.855-25.549c-31.938-27.943-30.339-70.258-30.339-108.584V205.188h-60.68v-75.052h60.68V0h121.354 v130.939h81.438v75.048H813.066z"/> <path class="main" d="M1267.896,479.039c-55.092,64.674-126.15,71.859-156.49,71.859c-18.363,0-55.088-2.395-97.404-23.156 c-78.242-38.324-109.379-112.574-109.379-195.611c0-19.16,0.797-59.079,20.754-105.383 c47.107-109.387,150.102-118.169,188.424-118.169c32.736,0,106.189,6.387,162.078,76.651c4.787,6.387,7.984,11.178,15.967,23.953 l-91.02,51.895c-0.797-2.396-7.186-15.172-13.57-23.955c-7.188-8.783-30.428-31.756-67.861-34.327 c-21.539-1.479-45.242,4.065-66.498,21.07c-41.398,33.119-44.307,96.297-44.307,104.276c0,35.928,9.92,84.969,39.918,105.393 c22.141,15.076,48.238,22.283,74.875,19.957c39.779-3.475,61.498-27.129,68.664-37.521c4.592-6.658,7.168-10.158,14.744-23.318 l89.842,46.467C1287.852,452.697,1278.275,467.062,1267.896,479.039"/> <g> <path class="main" d="M1311.33,509.396c0-11.961,8.439-39.393,43.617-39.393c20.395,0,39.395,16.178,39.395,42.209 c0,23.213-17.588,38.686-39.395,38.686C1339.465,550.898,1311.33,542.457,1311.33,509.396z"/> </g> </g> </svg> <span class="linkTitle">mtc.</span> </a> <button class="flyoutButton" title="Menu"> <span></span> </button> <ul class=" mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" " > <a href="/our-work" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Our Work</span> </a> </li> <li class=" " > <a href="/about" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">About</span> </a> </li> <li class=" " > <a href="/services" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Services</span> </a> </li> <li class=" " > <a href="/sectors-work" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Sectors</span> </a> </li> <li class=" " > <a href="/contact" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Contact</span> </a> </li> </ul> <div class="phonesWrap"> <a class="phonesTrigger" href="tel:03448042021" title="Call Us"> <span class="icon-phone"> <svg><use xlink:href="#fa-phone"></use></svg> </span> </a> </div> <a href="/getaquote" class="letsTalk button" title="Get a Quote"> <span class="title">Let's Talk</span> <span class="icon-envelope"> <svg><use xlink:href="#fa-envelope"></use></svg> </span> </a> <div class="flyoutWrap"> <div class="menuBlockWrap menuInfo"> <div class="header"> <div class="headerWrap"> <a href="/" class="logo" title="mtc."> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1402.223px" height="555.556px" viewBox="0 0 1402.223 555.556" enable-background="new 0 0 1402.223 555.556" xml:space="preserve"> <g> <path class="main" d="M525.544,124.801c46.138,24.343,77.665,59.881,82.312,141.069c0,68.89,0,271.454,0,271.454H485.701V318.559 c0-43.113,0-67.861-11.176-85.426c-9.582-15.967-28.741-23.953-46.307-23.953c-10.379,0-39.125,2.396-54.294,29.543 c-9.582,16.762-8.785,34.327-8.785,71.854v226.748H242.982V289.818c0-39.917-5.579-57.483-23.951-69.46 c-10.375-7.187-23.149-10.379-35.923-10.379c-5.588,0-21.56,0-35.131,10.379c-25.549,19.162-26.351,51.895-26.351,79.039v237.928 H0.272c0,0-0.325-207.584-0.265-270.582c6.238-82.061,41.884-118.628,86.636-142.683c59.142-31.791,168.606-39.686,226.02,15.525 c-7.087,13.047-19.857,29.651-23.716,52.304C341.313,95.412,454.07,87.095,525.544,124.801z"/> <path class="main" d="M813.066,205.987v186.827c0,16.764-0.797,26.346,3.197,33.533c7.182,13.57,26.346,13.57,28.746,13.57 c14.367,0,28.74-0.797,43.109-0.797v95.01c-7.979,1.598-36.725,6.389-64.674,6.389c-8.779,0-17.561,0-25.539-0.801 c-11.182-0.797-47.91,0-75.855-25.549c-31.938-27.943-30.339-70.258-30.339-108.584V205.188h-60.68v-75.052h60.68V0h121.354 v130.939h81.438v75.048H813.066z"/> <path class="main" d="M1267.896,479.039c-55.092,64.674-126.15,71.859-156.49,71.859c-18.363,0-55.088-2.395-97.404-23.156 c-78.242-38.324-109.379-112.574-109.379-195.611c0-19.16,0.797-59.079,20.754-105.383 c47.107-109.387,150.102-118.169,188.424-118.169c32.736,0,106.189,6.387,162.078,76.651c4.787,6.387,7.984,11.178,15.967,23.953 l-91.02,51.895c-0.797-2.396-7.186-15.172-13.57-23.955c-7.188-8.783-30.428-31.756-67.861-34.327 c-21.539-1.479-45.242,4.065-66.498,21.07c-41.398,33.119-44.307,96.297-44.307,104.276c0,35.928,9.92,84.969,39.918,105.393 c22.141,15.076,48.238,22.283,74.875,19.957c39.779-3.475,61.498-27.129,68.664-37.521c4.592-6.658,7.168-10.158,14.744-23.318 l89.842,46.467C1287.852,452.697,1278.275,467.062,1267.896,479.039"/> <g> <path class="main" d="M1311.33,509.396c0-11.961,8.439-39.393,43.617-39.393c20.395,0,39.395,16.178,39.395,42.209 c0,23.213-17.588,38.686-39.395,38.686C1339.465,550.898,1311.33,542.457,1311.33,509.396z"/> </g> </g> </svg> <span class="linkTitle">mtc.</span> </a> </div> </div> <div class="menuBlock"> <div class="mtcTitleWrap"><span class="mtcTitle">MTC MEDIA</span></div> <div class="innerWrap"> <ul class="mainMenuFull mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" hasChildren " > <a href="/our-work" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Our Work</span> <svg class="arrow"><use xlink:href="#fa-chevron-down"></use></svg> </a> <ul class="mainMenuFull " > <li class=" " > <a href="/our-work" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">All Work</span> </a> </li> <li class=" " > <a href="/our-work/websites" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Websites</span> </a> </li> <li class=" " > <a href="/our-work/ecommerce" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Ecommerce</span> </a> </li> <li class=" " > <a href="/our-work/branding" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Branding</span> </a> </li> <li class=" " > <a href="/our-work/apps" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Apps</span> </a> </li> <li class=" " > <a href="/our-work/marketing" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Marketing</span> </a> </li> </ul> </li> <li class=" hasChildren " > <a href="/about" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">About</span> <svg class="arrow"><use xlink:href="#fa-chevron-down"></use></svg> </a> <ul class="mainMenuFull " > <li class=" " > <a href="/about" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">About Us</span> </a> </li> <li class=" " > <a href="/our-team" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Meet the Team</span> </a> </li> <li class=" " > <a href="/careers" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Careers</span> </a> </li> <li class=" " > <a href="/blog" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Blog</span> </a> </li> </ul> </li> <li class=" servicesList hasChildren " > <a href="/services" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Services</span> <svg class="arrow"><use xlink:href="#fa-chevron-down"></use></svg> </a> <ul class="mainMenuFull " > <li class=" " > <a href="/services" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">All Services</span> </a> </li> <li class=" " > <a href="/services/websites" itemprop="url" > <span itemprop="name">Website Experiences</span> </a> </li> <li class=" " > <a href="/services/ecommerce-websites-and-apps" itemprop="url" > <span itemprop="name">eCommerce Websites & Development</span> </a> </li> <li class=" " > <a href="/services/online-marketing" itemprop="url" > <span itemprop="name">Online Marketing</span> </a> </li> <li class=" " > <a href="/services/ui-ux-design" itemprop="url" > <span itemprop="name">UI / UX Design</span> </a> </li> <li class=" " > <a href="/services/branding-and-print" itemprop="url" > <span itemprop="name">Design & Branding</span> </a> </li> <li class=" " > <a href="/services/bespoke" itemprop="url" > <span itemprop="name">Bespoke Solutions</span> </a> </li> <li class=" " > <a href="/services/hosting-and-domains" itemprop="url" > <span itemprop="name">Hosting & Domains</span> </a> </li> <li class=" " > <a href="/services/apps" itemprop="url" > <span itemprop="name">App Development</span> </a> </li> <li class=" " > <a href="/services/aftercare" itemprop="url" > <span itemprop="name">Support</span> </a> </li> </ul> </li> <li class=" hasChildren " > <a href="/our-work" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Sectors</span> <svg class="arrow"><use xlink:href="#fa-chevron-down"></use></svg> </a> <ul class="mainMenuFull " > <li class=" " > <a href="/our-work/retail-ecommerce" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Retail Ecommerce</span> </a> </li> <li class=" " > <a href="/our-work/automotive" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Automotive</span> </a> </li> <li class=" " > <a href="/our-work/food-drinks" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Food & Drinks</span> </a> </li> <li class=" " > <a href="/our-work/healthcare" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Healthcare</span> </a> </li> <li class=" " > <a href="/our-work/energy-oil-gas" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Energy, Oil & Gas</span> </a> </li> <li class=" " > <a href="/our-work/leisure-sport-tourism" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name"> Sport & Tourism</span> </a> </li> <li class=" " > <a href="/our-work/law-business" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Law & Business</span> </a> </li> <li class=" " > <a href="/our-work/hospitality-travel" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Hospitality & Travel</span> </a> </li> <li class=" " > <a href="/our-work/engineering-manufacturing" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Engineering & Manufacturing</span> </a> </li> <li class=" " > <a href="/our-work/charity-voluntary" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Charity & Voluntary</span> </a> </li> <li class=" " > <a href="/our-work/public-services-administration" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Public Services </span> </a> </li> </ul> </li> <li class=" " > <a href="/contact" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Contact</span> </a> </li> </ul> <div class="smallMenuWrap"> <ul class=" mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" " > <a href="/about/terms" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Terms</span> </a> </li> <li class=" " > <a href="/about/privacy-policy" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Privacy</span> </a> </li> <li class=" " > <a href="/sitemap" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Sitemap</span> </a> </li> <li class=" " > <a href="/pay" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name"> Invoice Payment</span> </a> </li> <li class=" " > <a href="/support" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Remote Support</span> </a> </li> <li class=" " > <a href="https://projects.mtcmedia.co.uk/login.php" target="_blank" rel="noreferrer" itemprop="url" > <span itemprop="name">Client Login</span> </a> </li> </ul> </div> </div> </div> </div>  <div class="menuBlockWrap contactBlock js_loadBgImage skipVisibilityCheck" data-style="background-image: url('/uploads/images/cms/menu/17071320301615054623bgmenu.jpg')" > <div class="header"> <div class="headerWrap"> <button class="flyoutButton" title="Close"> <span></span> </button> <div class="phonesWrap"> <a class="phonesTrigger" href="tel:03448042021" title="Call Us"> <span class="icon-phone"> <svg><use xlink:href="#fa-phone"></use></svg> </span> </a> </div> <a href="/getaquote" class="letsTalk button" title="Get a Quote"> <span class="title">Let's Talk</span> <span class="icon-envelope"> <svg><use xlink:href="#fa-envelope"></use></svg> </span> </a> </div> </div> <div class="menuBlock"> <div class="innerWrap"> <a href="/contact" class="contactTitle">Contact</a> <a href="/getaquote" class="letsTalk button" title="Get a Quote"> <span class="title">Let's Talk</span> <span class="icon-envelope"> <svg><use xlink:href="#fa-envelope"></use></svg> </span> </a> <div class="locations"> <div class="location"> <a href="/contact" class="name"> Dundee. Edinburgh. London. Bristol. Riga. </a> <p><a href="mailto:info@mtc.co.uk" class="email">info@mtc.co.uk</a></p> <p><a href="tel:03448042021" class="phone">0344 804 2021</a></p> </div> </div> <div class="followButtons"> <ul> <li> <a href="https://www.instagram.com/mtcmedia/" class="instagram" target="_blank" rel="noreferrer" title="Follow us on Instagram" > <svg><use xlink:href="#fa-instagram"></use></svg> </a> </li> <li> <a href="https://www.facebook.com/mtcmedialtd" class="facebook" target="_blank" rel="noreferrer" title="Follow us on Facebook" > <svg><use xlink:href="#fa-facebook"></use></svg> </a> </li> <li> <a href="https://www.linkedin.com/company/965597" class="linkedin" target="_blank" rel="noreferrer" title="LinkedIn" > <svg><use xlink:href="#fa-linkedin"></use></svg> </a> </li> <li> <a href="https://twitter.com/mtcmedia" class="twitter" target="_blank" rel="noreferrer" title="Follow us on Twitter" > <svg><use xlink:href="#fa-twitter"></use></svg> </a> </li> </ul> </div>  <div class="bottomWrap"> <ul class="smallMenuWrap"> <li class="smallMenuParent"> <div class="mobileTitle js_mobileSubmenu">Client Support Menu<svg class="arrow"><use xlink:href="#fa-chevron-down"></use></svg></div> <ul class=" mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" " > <a href="/about/terms" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Terms</span> </a> </li> <li class=" " > <a href="/about/privacy-policy" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Privacy</span> </a> </li> <li class=" " > <a href="/sitemap" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Sitemap</span> </a> </li> <li class=" " > <a href="/pay" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name"> Invoice Payment</span> </a> </li> <li class=" " > <a href="/support" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Remote Support</span> </a> </li> <li class=" " > <a href="https://projects.mtcmedia.co.uk/login.php" target="_blank" rel="noreferrer" itemprop="url" > <span itemprop="name">Client Login</span> </a> </li> </ul> </li> </ul> <div class="copyright">漏 2024 mtc.</div> </div> </div> </div> </div>  </div>  </div>  </div>  <div class="siteInnerWrapper"> <div id="content" role="main"> <div class="workLandingPage"> <div class="promoImageWrap" data-background="/uploads/images/cms/work/promo/16134985441581350194299.jpeg"> <picture class="promoPicture"> <source srcset="/uploads/images/cms/work/promo-mobile/16134985441581350194299.jpeg" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/promo/16134985441581350194299.jpeg" media="(min-width: 641px)"> <img src="" class="promoImage" alt="Scottish Water"> </picture> <span class="imageOverlay" ></span> </div>  <div class="pageTopWrap"> <div class="titleOuterWrap"> <div class="titleWrap"> <div data-src="/uploads/images/cms/work/logos/white/1618311744Scottish_water_logo1.png" style="padding-top: 46.666666666667%;" data-alt="Scottish Water" class="replacedByImage imageLoading js_imageReplace companyLogo " > </div> <p class="sector">Public Service Platform</p> <h1 class="mainTitle">Scottish Water</h1> </div>  </div>  </div>  <div class="ourWorkMainInfo blue" style="background-color:#ffffff;" > <div class="leftBlock js_matchHeight"> <div class="topRow"> <h4 class="title">Our Solution & Results</h4> <div class="pageContent"> <p>mtc were approached to tender for the Scottish Water website and were delighted to be selected as the winning bidder from over 100 other companies.</p> <p>The previous website was delivered in 2010/11, so this was a very key project for Scottish Water. Since that time there have been fundamental changes in the way their customers communicate with the organisation and use Scottish Water's services.</p> <p>One of the key objectives for the new website was to ensure a better mobile experience, as Scottish Water were witnessing an exponential increase in mobile usage. The new website is therefore fully responsive and features a user experience and design that caters for mobile phones and tablet users.</p> </div> </div> <div class="middleRow"> <h4 class="title">Tech Integrations</h4> <div class="ourTools"> <span class="azure icon" title="Azure"> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="52.91666mm" height="15.244921mm" viewBox="0 0 52.91666 15.244921" version="1.1"> <g transform="translate(677.9313,-313.85407)"> <g transform="matrix(0.03978217,0,0,0.03978217,-658.51488,317.36166)"> <path d="m -259.18627,274.57516 c 63.5635,-11.22863 116.06332,-20.52032 116.66629,-20.64819 l 1.09632,-0.2325 -60.01021,-71.38026 c -33.00559,-39.25915 -60.01018,-71.53249 -60.01018,-71.71853 0,-0.35223 61.96561,-170.992127 62.31396,-171.599207 0.11647,-0.20297 42.28595,72.60148 102.221586,176.482797 56.11284,97.25555 102.3751556,177.4431 102.8051496,178.19452 l 0.78184,1.36624 -190.7173956,-0.0246 -190.71736,-0.0245 115.57,-20.4157 z m 731.37889,-17.26291 c -29.03093,-1.86128 -45.91544,-18.39214 -50.38974,-49.33422 -1.19021,-8.2311 -1.19476,-8.44466 -1.31656,-61.88078 l -0.11789,-51.717227 h 12.84834 12.8483 l 0.10118,50.023887 c 0.0912,45.08514 0.14842,50.37131 0.57946,53.54292 1.74935,12.87168 5.23201,21.5276 11.16124,27.74067 4.74528,4.97242 10.30038,7.8839 17.99011,9.42882 3.62783,0.72884 13.94813,0.7303 17.25569,0.003 7.79588,-1.7156 14.0442,-5.10811 19.55617,-10.61799 6.28249,-6.28012 10.93015,-15.1903 13.17899,-25.26595 l 0.75793,-3.39586 0.0844,-50.44723 0.0844,-50.447217 h 13.11732 13.11735 v 79.304447 79.30444 h -12.98222 -12.98222 v -12.5824 c 0,-8.54933 -0.0937,-12.55118 -0.29222,-12.485 -0.16069,0.0536 -0.82744,1.07357 -1.48166,2.26667 -4.47373,8.15896 -11.92745,15.62029 -20.09501,20.1155 -9.79024,5.38827 -19.60858,7.30422 -33.02333,6.44412 z m 294.66636,-0.12816 c -10.24795,-0.7703 -21.03846,-4.29359 -29.85796,-9.74908 -18.58873,-11.49853 -29.58761,-30.45184 -32.80805,-56.53499 -1.11441,-9.02575 -1.24835,-21.14964 -0.3184,-28.81907 2.07786,-17.13682 8.81185,-33.95976 18.40106,-45.96982 2.45824,-3.07883 8.03495,-8.65553 11.11365,-11.11361 8.31379,-6.637877 18.03843,-11.279617 28.36334,-13.538327 6.01579,-1.31603 16.60968,-1.93394 23.00111,-1.34159 16.05576,1.48805 30.77105,9.04765 40.77267,20.945887 10.1615,12.08847 15.74681,28.98006 16.46007,49.77987 0.11179,3.25966 0.13889,8.97466 0.0603,12.7 l -0.143,6.77333 -56.23278,0.0712 -56.23278,0.0712 v 2.5094 c 0,7.63915 1.85722,16.33991 5.06795,23.74265 2.76877,6.38373 7.53485,13.35462 11.43714,16.72802 8.00131,6.91687 17.79386,11.05701 28.50936,12.05334 3.97318,0.3694 14.09889,-0.0195 18.62666,-0.7152 12.91802,-1.98524 25.19946,-7.052 35.11745,-14.48783 1.16688,-0.87486 2.28357,-1.69223 2.48152,-1.81635 0.28968,-0.18164 0.35814,2.10408 0.35081,11.71222 l -0.009,11.93792 -2.65743,1.64355 c -11.21971,6.93911 -24.07305,11.39481 -37.68211,13.06277 -4.06135,0.49775 -18.96443,0.71949 -23.82142,0.35441 z m 48.93919,-100.68528 c 0,-12.79609 -5.39245,-27.01096 -13.02337,-34.3305 -5.44587,-5.22367 -12.02921,-8.41603 -19.85552,-9.62822 -3.70264,-0.5735 -11.50631,-0.35262 -15.41004,0.43617 -8.25234,1.66748 -15.07811,5.29536 -21.03154,11.17821 -6.26561,6.19133 -10.96323,13.71122 -13.91756,22.27909 -1.06234,3.08091 -2.30488,8.13901 -2.69056,10.95257 l -0.18376,1.34056 h 43.05616 43.05619 z M 53.010852,253.20058 c 0.06587,-0.19403 19.161194,-50.3586 42.434086,-111.47682 l 42.314342,-111.124037 13.59583,-8.5e-4 13.5958,-8.4e-4 1.12805,2.89278 c 3.4472,8.84008 84.71032,219.821587 84.71032,219.931197 0,0.0722 -6.50875,0.13039 -14.46389,0.12923 l -14.46389,-0.003 -11.71222,-31.18282 -11.71222,-31.18281 -47.15885,-5.7e-4 -47.15886,-5.6e-4 -0.40982,1.05833 c -0.22538,0.58208 -5.229376,14.61335 -11.120031,31.18062 l -10.710221,30.12225 -14.494087,0.005 c -11.4727,0.004 -14.469109,-0.0686 -14.374339,-0.34784 z M 189.82928,167.38571 c 0,-0.0494 -7.88187,-21.41719 -17.51527,-47.48389 -18.02243,-48.766297 -19.03061,-51.700447 -20.45454,-59.529577 -0.66771,-3.67122 -1.00556,-3.77324 -1.40188,-0.42333 -0.2833,2.39448 -1.51167,7.75245 -2.45866,10.72445 -0.46988,1.47461 -8.58577,23.74972 -18.03533,49.500237 -9.44954,25.75052 -17.18099,46.92777 -17.18099,47.06055 0,0.13279 17.33551,0.24143 38.52334,0.24143 21.18783,0 38.52333,-0.0404 38.52333,-0.0899 z m 69.70889,82.10639 v -4.06127 l 46.98461,-64.58929 46.98461,-64.5893 -42.53961,-0.14111 -42.53961,-0.14111 -0.0739,-10.795 -0.0739,-10.794997 h 61.52781 61.5278 v 3.64606 3.646057 l -46.99,64.94153 c -25.8445,35.71785 -46.99,65.00162 -46.99,65.07506 0,0.0734 20.8915,0.13352 46.42555,0.13352 h 46.42556 v 10.86555 10.86556 h -65.33447 -65.33445 z m 344.78149,3.8731 c -0.10349,-0.10346 -0.18816,-35.91746 -0.18816,-79.58666 V 94.380023 h 12.84112 12.84111 v 16.368887 c 0,9.00289 0.10947,16.36889 0.2433,16.36889 0.13383,0 0.75881,-1.47368 1.38884,-3.27484 2.88711,-8.2536 7.89393,-15.96572 14.34443,-22.09509 5.81095,-5.521657 12.45235,-8.823637 20.28898,-10.087287 2.20134,-0.35497 4.064,-0.42274 8.46667,-0.30806 5.52924,0.14402 8.42001,0.54819 11.78278,1.64738 l 1.05833,0.34594 v 13.328937 13.32893 l -3.03389,-1.51868 c -5.3592,-2.68267 -10.64714,-3.74429 -17.00389,-3.41375 -4.13707,0.21513 -6.85252,0.74636 -10.16,1.98766 -6.80519,2.55399 -12.32518,7.06198 -16.18228,13.2155 -5.58374,8.90817 -9.56612,20.35873 -10.7407,30.88287 -0.21079,1.88864 -0.33508,17.27019 -0.38459,47.59327 l -0.0731,44.80278 H 617.1582 c -6.95771,0 -12.73506,-0.0847 -12.83852,-0.18816 z M -488.0685,252.80762 c 0,-0.1005 28.27652,-49.18632 62.83671,-109.07964 l 62.8367,-108.896937 73.22891,-61.45385 c 40.2759,-33.79961 73.33737,-61.49516 73.46992,-61.54567 0.13255,-0.0505 -0.39727,1.28299 -1.17738,2.96333 -0.78011,1.68034 -36.56244,78.4296699 -79.51629,170.55406 l -78.09789,167.498887 -56.79034,0.0712 c -31.23468,0.0392 -56.79034,-0.011 -56.79034,-0.11142 z"/> </g> </g> </svg> </span> </div> </div> <div class="bottomRow"> <div class="bottomCol first"> <h4 class="title">Solutions Grown</h4> <p class="value">Pubic Services Experience</p> </div> <div class="bottomCol"> <h4 class="title">Business Size</h4> <p class="value">Large</p> </div> <div class="bottomCol"> <h4 class="title">Website Link</h4> <a class="value" href="https://www.scottishwater.co.uk" target="_blank" rel="noreferrer" > scottishwater.co.uk </a> </div> </div> </div> </div>  <div class="belowFold"> <div class="imageBannerWrap" data-entrance="mtc"> <div class="imageBannerInnerWrap"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/phones-mobile/1619189827scottishwater.jpg" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/phones/1619189827scottishwater.jpg" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading bannerImage "> </div> </div> </div> </div>  <div class="designSlideshow" data-entrance="mtc"> <div class="titleOverlayWrap"> <h4 class="titleOverlay" data-parallax='{"x": -1500, "smoothness": 50}' style="-webkit-text-stroke: 2px #ffffff;color: #ffffff;" > Scottish Water </h4> </div> <div class="paginatedSliderWrap screenshotsWrap"> <div class="titleWrap"><h2 class="title">Explore The Design</h2></div> <div class="paginatedSlider screenshotsSlider skipVisibilityCheck"> <div class="slide"> <picture> <source srcset="/uploads/images/cms/work/screenshots-mobile/1619189934www.scottishwater.co.uk_1.png" media="(max-width: 640px)"> <img src="/uploads/images/cms/work/screenshots/1619189934www.scottishwater.co.uk_1.png" alt="Scottish Water" class=" image "> </picture> </div> <div class="slide"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/screenshots-mobile/1610555059www.scottishwater.co.uk_InYourArea_LatestInYourArea_postcodeeh5.png" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/screenshots/1610555059www.scottishwater.co.uk_InYourArea_LatestInYourArea_postcodeeh5.png" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading image "> </div> </div> </div> <div class="slide"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/screenshots-mobile/1610555071www.scottishwater.co.uk_yourhome_yourwater.png" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/screenshots/1610555071www.scottishwater.co.uk_yourhome_yourwater.png" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading image "> </div> </div> </div> <div class="slide"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/screenshots-mobile/1610555076www.scottishwater.co.uk_yourhome.png" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/screenshots/1610555076www.scottishwater.co.uk_yourhome.png" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading image "> </div> </div> </div> </div> <div class="sliderNavigation"> <div class="pages"> <span class="currentPage">01</span>/<span class="totalPages">04</span> </div> <div class="arrowsWrap"></div> </div> </div> </div> <div class="leftTitleWithImageBlock js_loadBgImage"> <div class="wrapper"> <p class="title">We conducted detailed UX research, planning and testing alongside design and front end development for the new Scottish Water website. We engaged in thoroughly and regularly with Scottish Water's user feedback panel at every stage from site-mapping to wireframes to design.</p> <div class="imageWrap"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/two-wide-mobile/1619450349sw1.jpg" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/two-wide/1619450349sw1.jpg" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading image "> </div> </div> </div> </div> </div>  <div class="imageBannerWrap" data-entrance="mtc"> <div class="imageBannerInnerWrap"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/phones-mobile/1610555296smartmockups_kjvmo000.jpg" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/phones/1610555296smartmockups_kjvmo000.jpg" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading bannerImage "> </div> </div> </div> </div>  <div class="leftTitleWithImageBlock js_loadBgImage"> <div class="wrapper"> <p class="title">We were engaged with multiple stakeholders during the project delivery. Our team worked closely with Scottish Water as well as the CMS/backend delivery team to ensure a successful launch of the site. </p> <div class="imageWrap"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/two-wide-mobile/1619599985airfocusv89zhr0iBFYunsplash.jpg" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/two-wide/1619599985airfocusv89zhr0iBFYunsplash.jpg" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading image "> </div> </div> </div> </div> </div>  <div class="titleBlock leftPosition" data-entrance="mtc"> <div class="innerBlock"> <h3 class="blockTitle"> <span>We are delighted to announce the launch of the all new website for Scottish Water Horizons. This is the second major project we have delivered for Scottish Water.</span> </h3> </div> </div>  <div class="imageBannerWrap" data-entrance="mtc"> <div class="imageBannerInnerWrap"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/phones-mobile/1619191611scottishwater2.jpg" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/phones/1619191611scottishwater2.jpg" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading bannerImage "> </div> </div> </div> </div>  <div class="titleBlock leftPosition" data-entrance="mtc"> <div class="innerBlock"> <h3 class="blockTitle"> <span>The new website follows and builds upon the existing Scottish Water branding and features a clean, modern look and feel. </span> </h3> </div> </div>  <div class="imageBannerWrap" data-entrance="mtc"> <div class="imageBannerInnerWrap"> <div class="js_imageReplace imageLoading js_pictureReplace"> <source srcset="/uploads/images/cms/work/phones-mobile/1610555788smartmockups_kjvmpxlg.jpg" media="(max-width: 640px)"> <source srcset="/uploads/images/cms/work/phones/1610555788smartmockups_kjvmpxlg.jpg" media="(min-width: 641px)"> <div data-src="" data-alt="Scottish Water" class="js_imgTag replacedByImage imageLoading bannerImage "> </div> </div> </div> </div>  <div class="upNextWrap" data-entrance="mtc"> <a href="/our-work/house-of-hazelwood" class="upNext"> <div class="nextPromoImage js_loadBgImage" data-style="background-image: url('/uploads/images/cms/work/promo/1707220852iphonexandipadprousechromeinspectandsaveproserve.jpg')" ></div> <img src="/sites/mtc/images/up-next.png" alt="Up Next" class="upNextImage"> <span class="topTitle">WORK</span> <span class="workTitle">House of Hazelwood</span> </a> </div> </div> </div>  </div>  </div>  <div class="footerWrap belowFold"> <div class="footer__contactBlock footer__nav footer__contactBlock--grid"> <div class="footer__navGrid" data-entrance="mtc"> <div class="footer__navColumn footer__navColumn--generalEnquiries"> <h3 class="footer__navTitle">General Enquiries</h3> <nav class="footer__navList footer__navList--full"> <a href="mailto:info@mtc.co.uk" class="footer__navLink footer__navLink--icon email">info@mtc.co.uk</a> <a href="tel:03448042021" class="footer__navLink footer__navLink--icon phone">0344 804 2021</a> </nav> </div>  <div class="footer__navColumn footer__navColumn--social"> <h3 class="footer__navTitle">Social</h3> <nav class="footer__navList"> <div class="followButtons"> <ul> <li> <a href="https://www.instagram.com/mtcmedia/" class="instagram" target="_blank" rel="noreferrer" title="Follow us on Instagram" > <svg><use xlink:href="#fa-instagram"></use></svg> </a> </li> <li> <a href="https://www.facebook.com/mtcmedialtd" class="facebook" target="_blank" rel="noreferrer" title="Follow us on Facebook" > <svg><use xlink:href="#fa-facebook"></use></svg> </a> </li> <li> <a href="https://www.linkedin.com/company/965597" class="linkedin" target="_blank" rel="noreferrer" title="LinkedIn" > <svg><use xlink:href="#fa-linkedin"></use></svg> </a> </li> <li> <a href="https://twitter.com/mtcmedia" class="twitter" target="_blank" rel="noreferrer" title="Follow us on Twitter" > <svg><use xlink:href="#fa-twitter"></use></svg> </a> </li> </ul> </div>  </nav> </div>  <div class="footer__navColumn footer__navColumn--locations"> <h3 class="footer__navTitle">Office Locations</h3> <nav class="footer__navList"> <a href="/contact/#locations" class="footer__navLink footer__navLink--icon">Dundee, Scotland</a> <a href="/contact/#locations" class="footer__navLink footer__navLink--icon">Edinburgh, Scotland</a> <a href="/contact/#locations" class="footer__navLink footer__navLink--icon">London, England</a> <a href="/contact/#locations" class="footer__navLink footer__navLink--icon">Bristol, England</a> <a href="/contact/#locations" class="footer__navLink footer__navLink--icon">Riga, Latvia</a> </nav> </div>  <div class="footer__navColumn footer__navColumn--livingWage"> <div data-src="/sites/mtc/images/living-wage.png" data-alt="We are a Living Wage employer" class="replacedByImage imageLoading js_imageReplace " > </div> </div> <div class="footer__navColumn footer__navColumn--letsTalk"> <h3 class="footer__navTitle">Let's Talk</h3> <nav class="footer__navList"> <a href="/getaquote" class="letsTalk button">Get a Quote</a> </nav> </div>  </div>  </div>  <div class="footer__siteLinks footer__nav footer__nav--mobileHidden"> <div class="footer__navGrid" data-mobile-nav="inactive" data-entrance="mtc"> <div class="footer__navColumn"> <h3 class="footer__navTitle" data-mobile-nav-trigger="open">About</h3> <nav class="footer__navList" data-mobile-nav-list="open" data-mobile-nav-list-group="1"> <ul class=" mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" " > <a href="/about" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">About Us</span> </a> </li> <li class=" " > <a href="/our-team" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Meet the Team</span> </a> </li> <li class=" " > <a href="/careers" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Careers</span> </a> </li> <li class=" " > <a href="/blog" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Blog</span> </a> </li> </ul> </nav> </div>  <div class="footer__navColumn"> <h3 class="footer__navTitle" data-mobile-nav-trigger="open">Work</h3> <nav class="footer__navList" data-mobile-nav-list="open" data-mobile-nav-list-group="2"> <ul class=" mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" " > <a href="/our-work" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">All Work</span> </a> </li> <li class=" " > <a href="/our-work/websites" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Websites</span> </a> </li> <li class=" " > <a href="/our-work/ecommerce" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">eCommerce</span> </a> </li> <li class=" " > <a href="/our-work/branding" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Branding</span> </a> </li> <li class=" " > <a href="/our-work/apps" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Apps</span> </a> </li> <li class=" " > <a href="/our-work/marketing" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Marketing</span> </a> </li> </ul> </nav> </div>  <div class="footer__navColumn"> <h3 class="footer__navTitle" data-mobile-nav-trigger="open">Services</h3> <nav class="footer__navList" data-mobile-nav-list="open" data-mobile-nav-list-group="1"> <ul class=" mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" " > <a href="/services" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">All Services</span> </a> </li> <li class=" " > <a href="/services/websites" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Website Experiences</span> </a> </li> <li class=" " > <a href="/services/ecommerce-websites-and-apps" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Ecommerce Solutions</span> </a> </li> <li class=" " > <a href="/services/online-marketing" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Online Marketing</span> </a> </li> <li class=" " > <a href="/services/branding-and-print" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Design & Branding</span> </a> </li> <li class=" " > <a href="/services/content-management-systems" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">CMS</span> </a> </li> </ul> </nav> </div>  <div class="footer__navColumn"> <h3 class="footer__navTitle" data-mobile-nav-trigger="open">Support</h3> <nav class="footer__navList" data-mobile-nav-list="open" data-mobile-nav-list-group="2"> <ul class=" mainMenu " itemscope itemtype="http://www.schema.org/SiteNavigationElement" > <li class=" " > <a href="/about/terms" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Terms</span> </a> </li> <li class=" " > <a href="/about/privacy-policy" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Privacy</span> </a> </li> <li class=" " > <a href="/sitemap" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Sitemap</span> </a> </li> <li class=" " > <a href="https://projects.mtcmedia.co.uk/login.php" target="_blank" rel="noreferrer" itemprop="url" > <span itemprop="name">Client Login</span> </a> </li> <li class=" " > <a href="/support" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Remote Support</span> </a> </li> <li class=" " > <a href="/pay" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Invoice Payment</span> </a> </li> <li class=" " > <a href="/contact" target="_self" rel="noreferrer" itemprop="url" > <span itemprop="name">Contact</span> </a> </li> </ul> </nav> </div>  </div>  <div class="mailerForm__container" data-entrance="mtc"> <mailer-form action="/plugins/SimpleMailChimp/mailchimp.php"></mailer-form> </div>  </div>  <div class="footerMenuToggleWrap"> <span class="wave wave1"></span> <span class="wave wave2"></span> </div> </div>  <div class="letsTalkFloatCTA js_letsTalk"> <p class="letsTalkFloatCTA__title"><strong>Begin your digital transformation</strong></p> <a href="/getaquote" class="button js_letsTalkOverlay" title="Let's Talk" data-filter=".wideFormPage" data-page-url="/our-work/scottish-water"> <span class="title">Let's Talk</span> <div class="arrows small"> <svg><use xlink:href="#fa-angle-right"></use></svg> <svg><use xlink:href="#fa-angle-right"></use></svg> <svg><use xlink:href="#fa-angle-right"></use></svg> <svg><use xlink:href="#fa-angle-right"></use></svg> </div> </a> </div> </div>  </div>  </div> <script src="/public/js/default.js?id=d5fa96f5e38b3dc4ef83"></script> <link rel="preload" href="/public/css/work-page.css?id=60d6be17e6418a5c80c6" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/public/css/work-page.css?id=60d6be17e6418a5c80c6"></noscript> <script type='application/ld+json'> { "@context":"http://schema.org", "@type":"Organization", "url":"https://www.mtc.co.uk", "sameAs":[ "https://www.instagram.com/mtcmedia/", "https://www.facebook.com/mtcmedialtd", "https://www.linkedin.com/company/965597", "https://twitter.com/mtcmedia" ], "@id":"#organization", "name":"mtc.", "logo":"https://www.mtc.co.uk/sites/mtc/images/apple-touch-icon.png", "contactPoint": { "@type":"ContactPoint", "telephone":"0344 804 2021", "contactType":"sales" }, "address": { "@type": "PostalAddress", "telephone":"0344 804 2021", "streetAddress": "Shed 26, Unit 35, City Quay", "addressRegion": "Dundee", "postalCode": "DD1 3JA", "addressCountry": "Scotland" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Blog", "name": "View the mtc. blog to get all the latest news", "url": "https://www.mtc.co.uk/blog", "description": "Got five? come and read our blog for all the latest mtc. news and information.", "publisher": { "@type": "Organization", "name": "mtc." } } </script>  <script src="https://e2eg.co.uk/2707.js"></script>  <script src="//code.tidio.co/qwa5uxeflrzrqq1siuffefcb76atooay.js" async></script>  <script src="//d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"></script> <script> Bugsnag.start('290b88c19306bfbdbf6b2f0274daff07') </script> </body> </html>

CINXE.COM

Case Studies | Scottish Water | mtc