CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta charset="UTF-8"/> <title> Web Design - Communications - Western University </title> <meta content="2465d0fcac1d70231a90731c0ed536cc" name="id"/> <meta content="width=device-width, initial-scale=1.0" name="viewport"/>      <link href="https://www.uwo.ca/web_standards/css/style-responsive-2017.css" rel="stylesheet"/> <link href="https://www.uwo.ca/web_standards/css/standard-menu-2017.css" rel="stylesheet"/> <link href="https://www.uwo.ca/web_standards/css/rubik-font.css" rel="stylesheet"/> <link href="https://www.uwo.ca/web_standards/css/roboto-font.css" rel="stylesheet"/> <link href="https://www.communications.uwo.ca/web_design/standards/" rel="canonical"/> <meta content="en_US" property="og:locale"/> <meta content="https://www.communications.uwo.ca/web_design/standards/" property="og:url"/> <meta content="website" property="og:type"/> <meta content="Web Design" property="og:title"/> <meta content="Western University, in vibrant London, Ontario, delivers an academic and student experience second to none." property="og:description"/> <meta content="https://www.uwo.ca/web_standards/img/logo/western-crest-facebook-og1.jpg" property="og:image"/>  <meta content="summary_large_image" name="twitter:card"/> <meta content="Western University, in vibrant London, Ontario, delivers an academic and student experience second to none." name="twitter:description"/> <meta content="Web Design" name="twitter:title"/> <meta content="@WesternU" name="twitter:site"/> <meta content="https://www.uwo.ca/web_standards/img/logo/western-crest-facebook-og1.jpg" name="twitter:image"/> <meta content="@WesternU" name="twitter:creator"/> <link href="https://www.uwo.ca/web_standards/img/logo/apple-icon.png" rel="apple-touch-icon"/> <link href="https://www.uwo.ca/web_standards/img/logo/favicon.ico" rel="shortcut icon"/> <script language="javascript" src="https://www.uwo.ca/web_standards/js-2017/jquery-3.2.1.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($){ $('img').each(function() { $(this).removeAttr('width'); $(this).removeAttr('height'); } ); }); </script>  <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-35080356-1"></script> <script>// <![CDATA[ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-35080356-1'); // ]]></script> <script type="text/javascript">// <![CDATA[ (function() { var hm = document.createElement('script'); hm.type ='text/javascript'; hm.async = true; hm.src = ('++u-heatmap-it+log-js').replace(/[+]/g,'/').replace(/-/g,'.'); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hm, s); })(); // ]]></script> <noscript><iframe height="0" src="//www.googletagmanager.com/ns.html?id=GTM-WKR5H6" style="display:none;visibility:hidden" width="0"></iframe></noscript> <script type="text/javascript">// <![CDATA[ (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-WKR5H6'); // ]]></script>  <script type="application/ld+json">// <![CDATA[ { "@context": "http://schema.org", "@type": "CollegeOrUniversity", "name": "Western Communications, Western University", "alternateName": "WesternU Communications", "url": "https://www.communications.uwo.ca/", "logo": "https://uwo.ca/img/homepage/2017/ttl-westernlogo.svg", "sameAs": [ "https://www.facebook.com/WesternUniversity/", "https://twitter.com/westernu", "https://www.instagram.com/westernuniversity/", "https://www.youtube.com/user/westernuniversity", "https://www.linkedin.com/authwall?trk=gf&trkInfo=AQHXEFur20-M7gAAAWhSZB_AwjV--QyOiiluYd31aXGI45_3sFWsZcPjzCy1NPyCSSgMzRMlo4VZvDwF28bkgMUYWZVhhNILhQCyKM43Qgx_ithT2pbnu6Y9GmaELBiOvsQ7LS0=&originalReferer=&sessionRedirect=https%3A%2F%2Fwww.linkedin.com%2Fschool%2Fwesternuniversity%2F" ] } // ]]></script>  <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-130493133-1" type="text/javascript"></script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag() {dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-130493133-1'); </script>  <script>// <![CDATA[ (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-NSQ7S5'); // ]]></script>  </head> <body>  <noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-NSQ7S5" style="display:none;visibility:hidden" width="0"></iframe></noscript>  <a class="offscreen" href="#skip">Skip to Content</a>  <script src="https://www.uwo.ca/web_standards/js/rbn/rbn-standardpage.js" type="text/javascript"></script>  <div id="masthead"> <div class="pagetitle-container"><svg xmlns="http://www.w3.org/2000/svg" height="80px" width="600px" xmlns:xlink="http://www.w3.org/1999/xlink"> <title id="title">Western Communications</title> <a xlink:href="https://communications.uwo.ca/"> <text fill="rgb(0, 0, 0)" kerning="auto" x="3px" y="57px"> <tspan fill="#561b8d" font-size="36px">Western Communications</tspan></text> </a> </svg></div> <div class="lists-select"><label class="hidden" for="popular-list">Popular Links</label><select class="fields" id="popular-list" name="popular-list" onchange="location.href=this.options[this.selectedIndex].value;"> <option selected="selected" value="#">Popular Links</option> <option value="https://www.uwo.ca/directory.html">Directory</option> <option value="https://myoffice.uwo.ca">Mail</option> <option value="https://owl.uwo.ca/portal">OWL</option> <option value="https://studentservices.uwo.ca/secure/index.cfm">Student Services</option> <option value="https://www.uwo.ca/a-z.html">Websites A - Z</option> <option value="http://events.westernu.ca/">Events</option> <option value="https://www.lib.uwo.ca/">Libraries</option> <option value="https://www.uwo.ca/about/visit/maps.html">Maps</option> <option value="https://www.uwo.ca/parking/">Parking</option> <option value="https://www.uwo.ca/">WesternU</option> </select></div> <form action="https://www.google.com/cse" class="search" id="cse-search-box"> <div><input name="cx" type="hidden" value="013266746113315494840:xq6zhlrbloa"/> <input name="as_sitesearch" type="hidden"/> <input aria-label="search" id="search_field" name="q" size="27" type="text"/> <input class="btn_go" id="btn_go" name="sa" type="submit" value="Go"/></div> </form> <script src="//www.google.com/cse/brand?form=cse-search-box&lang=en" type="text/javascript"></script> </div>  <div class="container_12"> <div class="grid_12"> <ul class="clearfix" id="menu" style="margin-left: 0;"><li class="medium"><a class="drop" href="../../teams-expertise/index.html">About Communications</a><div class="dropdown_1column"><div class="col_1"><ul><li><a href="../../teams-expertise/communications.html">Meet Our Team</a></li></ul></div></div></li><li class="medium"><a class="drop" href="../../news_publications/index.html">News & Publications</a><div class="dropdown_1column"><div class="col_1"><ul><li><a class="ex-link" href="https://news.westernu.ca/" target="_blank">Western News</a></li><li><a href="../../news_publications/alumni.html">Alumni Publications</a></li><li><a href="../../news_publications/inside_western/index.html">Inside Western</a></li><li><a href="../../news_publications/western-news-style-guide/index.html">Western News Style Guide</a></li></ul></div></div></li><li class="medium"><a class="ex-link" href="https://mediarelations.uwo.ca/" target="_blank">Media Relations</a></li><li class="medium"><a class="drop" href="../index.html">Digital</a><div class="dropdown_1column"><div class="col_1"><ul><li><a href="index.html">Web Design</a></li><li><a href="../accessibility/index.html">Web Accessibility </a></li><li><a href="../graphics/index.html">Web Graphic Standards</a></li><li><a href="../image-guidelines/index.html">Image Guidelines</a></li><li><a href="../seo.html">Search Engine Optimization (SEO)</a></li><li><a href="../social_media/index.html">Social Media</a></li><li><a href="../writing/index.html">Writing for the Web</a></li><li><a href="../checklist.html">Launch Checklist </a></li><li><a href="../events_calendar.html">Western Events Calendar</a></li></ul></div></div></li><li class="medium"><a class="ex-link" href="https://brand.westernu.ca/" target="_blank">Western Brand</a></li></ul>  <ul id="nav"><li><a class="drop" href="#">MENU</a><ul><li><a href="../../teams-expertise/index.html">About Communications</a></li><li><a href="../../news_publications/index.html">News & Publications</a></li><li><a href="https://mediarelations.uwo.ca/" target="_blank">Media Relations</a></li><li><a href="../index.html">Digital</a></li><li><a href="https://brand.westernu.ca/" target="_blank">Western Brand</a></li></ul><div class="clear"></div></li></ul><div class="clear"></div>  </div>  <div class="clear"></div> <div class="main-content" id="lowlevel"> <div class="grid_12"> <ul class="breadcrumbs"><li><a href="../../index.html">Home</a></li><li><a href="../index.html">Digital</a></li><li class="last">Web Design</li></ul> </div>  <div class="top" id="left-sidebar"> <h2><a href="../index.html">Digital</a></h2><div id="leftnav"><ul><li><a class=" selected" href="index.html">Web Design</a><ul><li><a class="" href="interactive_elements/index.html">Interactive Elements</a></li><li><a class="" href="buttons.html">Buttons</a></li><li><a class="" href="lists.html">Bullet Lists & Headers</a></li><li><a class="" href="columns.html">Columns and Quotes</a></li><li><a class="" href="boxes.html">Content Boxes</a></li><li><a class="" href="forms.html">Forms</a></li><li><a class="" href="layout/index.html">Page Layouts</a></li><li><a class="" href="tables.html">Tables</a></li><li><a class="" href="text-over-image.html">Text over Image</a></li></ul></li><li><a class="" href="../accessibility/index.html">Web Accessibility </a></li><li><a class="" href="../graphics/index.html">Web Graphic Standards</a></li><li><a class="" href="../image-guidelines/index.html">Image Guidelines</a></li><li><a class="" href="../seo.html">Search Engine Optimization (SEO)</a></li><li><a class="" href="../social_media/index.html">Social Media</a></li><li><a class="" href="../writing/index.html">Writing for the Web</a></li><li><a class="" href="../checklist.html">Launch Checklist </a></li><li><a class="" href="../events_calendar.html">Western Events Calendar</a></li></ul></div> </div>  <div class="grid_9"> <a name="skip"></a> <h1>Web Design </h1><p>Keeping Western’s web presence current and relevant to our key audiences is an important priority for Western Communications.</p> <p>The Communications web team is hard at work to bring you updates in interactive web design, standards, and accessibility compliance.</p> <p>We take a research-focused and user-centric approach to updating the design for the Cascade web templates.  We are adding new CSS classes and new interactive widgets to give web editors more ways to present their content and tell their stories.</p> <p>Please get in touch with the Communications web team at <a href="mailto:web@uwo.ca">web@uwo.ca</a><span> </span>if you have any questions.</p>  </div>  <div class="clear"></div> </div>  <div class="bottom" id="left-sidebar-mobile"> <h2><a href="../index.html">Digital</a></h2><div id="leftnav-mobile"><ul><li><a class=" selected" href="index.html">Web Design</a><ul><li><a class="" href="interactive_elements/index.html">Interactive Elements</a></li><li><a class="" href="buttons.html">Buttons</a></li><li><a class="" href="lists.html">Bullet Lists & Headers</a></li><li><a class="" href="columns.html">Columns and Quotes</a></li><li><a class="" href="boxes.html">Content Boxes</a></li><li><a class="" href="forms.html">Forms</a></li><li><a class="" href="layout/index.html">Page Layouts</a></li><li><a class="" href="tables.html">Tables</a></li><li><a class="" href="text-over-image.html">Text over Image</a></li></ul></li><li><a class="" href="../accessibility/index.html">Web Accessibility </a></li><li><a class="" href="../graphics/index.html">Web Graphic Standards</a></li><li><a class="" href="../image-guidelines/index.html">Image Guidelines</a></li><li><a class="" href="../seo.html">Search Engine Optimization (SEO)</a></li><li><a class="" href="../social_media/index.html">Social Media</a></li><li><a class="" href="../writing/index.html">Writing for the Web</a></li><li><a class="" href="../checklist.html">Launch Checklist </a></li><li><a class="" href="../events_calendar.html">Western Events Calendar</a></li></ul></div> </div> <div class="grid_12" id="footer"> <div class="contact-content"> <div class="grid_5"> <p class="copyright">© 1878 - <script>document.write(new Date().getFullYear())</script> Western University</p><br/><p class="footercontact"><a href="../../index.html">Western Communications</a><br/>360 Westminster Hall<br/> London, Ontario, Canada, N6A 3K7<br/>Tel: 519-661-2111<br/><a href="mailto:web@uwo.ca">web@uwo.ca</a><br/><a href="https://www.uwo.ca/vpfinance/legalcounsel/privacy/" target="_blank">Privacy</a> | <a href="https://www.communications.uwo.ca/web_design/standards/" target="_blank">Web Standards</a> | <a href="https://www.communications.uwo.ca/terms_of_use.html" target="_blank">Terms of Use</a> | <a href="https://accessibility.uwo.ca/" target="_blank">Accessibility</a></p> </div>  <div class="grid_2"> <span class="footernavtitles">Key Topics:</span><br/><br/><a href="../../teams-expertise/index.html">About Communications</a><br/><a href="../../news_publications/index.html">News & Publications</a><br/><a href="https://mediarelations.uwo.ca/" target="_blank">Media Relations</a><br/><a href="../index.html">Digital</a><br/><a href="https://brand.westernu.ca/" target="_blank">Western Brand</a><br/> </div>  <div class="grid_2"> <span class="footernavtitles">Popular Resources:</span><br/><br/><p><a href="https://mobile.uwo.ca/" target="_blank">Mobile App</a></p><p><a href="https://news.westernu.ca/" target="_blank">Western News</a></p><p><a href="http://www.alumnigazette.ca/" target="_blank">Alumni Gazette</a></p> </div>  <div class="social-media"> <div id="social-media-links"> <a href="https://www.facebook.com/WesternUniversity" rel="noopener noreferrer" target="_blank" title="Facebook"><img alt="Western on Facebook" class="social-icon" height="32" src="https://www.uwo.ca/web_standards/img/social/svg/facebook.svg" width="32"/></a> <a href="https://instagram.com/westernuniversity" rel="noopener noreferrer" target="_blank" title="Instagram"><img alt="Instagram icon" class="social-icon" height="32" src="https://www.uwo.ca/web_standards/img/social/svg/instagram.svg" width="32"/></a> <a href="https://www.youtube.com/user/westernuniversity" rel="noopener noreferrer" target="_blank" title="YouTube"><img alt="Western on YouTube" class="social-icon" height="32" src="https://www.uwo.ca/web_standards/img/social/svg/youtube1.svg" width="32"/></a> <a href="https://www.linkedin.com/school/166689/" rel="noopener noreferrer" target="_blank"><img alt="LinkedIn icon" class="social-icon" height="32" src="https://www.uwo.ca/web_standards/img/social/svg/linkedin.svg" width="32"/></a> <a href="https://weibo.com/westerninternational" rel="noopener noreferrer" target="_blank"><img alt="Weibo icon" class="social-icon" height="32" src="https://www.uwo.ca/web_standards/img/social/svg/weibo.svg" width="32"/></a> </div> <div class="footer-logos"> <a href="https://www.uwo.ca" rel="noopener" target="_blank" title="Western Home Page"> <img alt="Western University Crest" src="https://www.uwo.ca/img/homepage/2017/logo-western-crest-ftr.svg" style="width: 80px; float: right;"/> </a> </div> </div>  </div> </div>   <div class="clear"></div> </div>  <div class="clear"></div> <script language="javascript" src="https://www.uwo.ca/web_standards/js-2017/jquery-3.2.1.min.js" type="text/javascript"></script> <script language="javascript" src="https://www.uwo.ca/web_standards/js-2017/jquery-ui.min.js" type="text/javascript"></script> <script language="javascript" src="https://www.uwo.ca/web_standards/js-2017/flexslider/jquery.flexslider-min.js" type="text/javascript"></script> <script language="javascript" src="https://www.uwo.ca/web_standards/js-2017/jquery.client.js" type="text/javascript"></script> <script language="javascript" src="https://www.uwo.ca/web_standards/js-2017/jquery.hoverIntent.minified.js" type="text/javascript"></script> <script language="javascript" src="https://www.uwo.ca/web_standards/js-2017/scripts-responsive-2017.js" type="text/javascript"></script> </body> </html>