CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="robots" content="index, follow"><meta charset="utf-8"/><meta name="HandheldFriendly" content="true"><meta name="MobileOptimized" content="600"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="shortcut icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ff4e35"><meta name="msapplication-TileColor" content="#ff4e35"><meta name="theme-color" content="#ff4e35"><link rel="alternate" type="application/rss+xml" title="Stay up to date with Supercool" href="https://supercooldesign.co.uk/feed.rss"><link rel="search" type="application/opensearchdescription+xml" title="Search Supercool" href="/osd.xml" data-tooltip-align="b,c" data-tooltip="Supercool" aria-label="Search Supercool" data-title="Supercool"><link href="https://supercooldesign.co.uk/" rel="home"><link type="text/plain" href="https://supercooldesign.co.uk/humans.txt" rel="author"><title>Midlands Arts Centre | Supercool </title><meta name="keywords" content="'arts and cultural websites', 'ticketing', 'website design', 'ux design', 'accessible web design', 'spektrix integration', 'tessitura integration', 'audienceview integration', 'user experience'"><meta name="description" content=" We’ve been working with Midlands Arts Centre – affectionately known as MAC – since 2013, on all sorts of design and digital projects. Originally opened in... "><meta name="referrer" content="no-referrer-when-downgrade"><meta property="og:locale" content="en_GB"><meta property="og:site_name" content="Supercool"><meta property="og:type" content="website" ><meta property="og:url" content="https://supercooldesign.co.uk/work/midlands-arts-centre"><meta property="og:title" content="Midlands Arts Centre | Supercool"><meta property="og:description" content=" We’ve been working with Midlands Arts Centre – affectionately known as MAC – since 2013, on all sorts of design and digital projects. Originally opened in... "><meta property="og:image" content="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/220/mac-brand-identity-shapes_9eed5a99b701ba360780d44a67c674dc.jpg"><meta property="og:image:secure_url" content="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/220/mac-brand-identity-shapes_9eed5a99b701ba360780d44a67c674dc.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Midlands Arts Centre | Supercool"><meta name="twitter:description" content=" We’ve been working with Midlands Arts Centre – affectionately known as MAC – since 2013, on all sorts of design and digital projects. Originally opened in... "><meta name="twitter:image" content="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/220/mac-brand-identity-shapes_9eed5a99b701ba360780d44a67c674dc.jpg"><script>dl = []; (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','dl','GTM-TB2ZD8');</script><meta name="google-site-verification" content="jtrzTp2wQfb66gr7sgFcrYBiJr3CgDDZePDIznGDZoA" /><meta name="msvalidate.01" content="" /><script> // Check that service workers are registered if ('serviceWorker' in navigator) { // Use the window load event to keep the page load performant window.addEventListener('load', () => { navigator.serviceWorker.register(' https://supercooldesign.co.uk/sw.js'); }); } </script><link rel="stylesheet" href="https://d3cf34ziuslo6e.cloudfront.net/dist/css/main-ed64f7df11.min.css"><script> var concatCss = function(string){ if (typeof(window.scCss) == 'undefined' ) { window.scCss = string; } else { window.scCss = window.scCss + string; } }; var concatIeCss = function(string){ if (typeof(window.scIeCss) == 'undefined' ) { window.scIeCss = string; } else { window.scIeCss = window.scIeCss + string; } }; </script><style> .c-page-header__pretitle { color: #464646; } .c-page-header--featured .c-page-header__content { background-color: #f8ee81; color: #464646; } .c-page-header--featured .c-page-header__posttitle:after { background-color: #464646; } a { text-decoration-color: #f8ee81; } .o-panel--color { background-color: #f8ee81; color: #464646; } .o-text--link:after { background-color: #f8ee81; } </style></head><body><div id="app"><a class="h-skiplink" href="#main">Skip to Main Content</a><header class="c-site-header "><div class="c-site-header__container"><a class="c-site-header__logo" href="/"><h1 class="h-accessibility">Supercool</h1><span class="icon i-logo i-logo--large" aria-hidden="true"><svg width="148" height="33" viewBox="0 0 148 33" fill="none" xmlns="http://www.w3.org/2000/svg" focusable='false'><path d="M2.856 21.951C1.1 20.686.149 18.827 0 16.377h7.53c.106 1.299.68 1.95 1.722 1.95.384 0 .707-.092.974-.271.265-.18.398-.462.398-.848 0-.532-.286-.961-.86-1.292-.575-.332-1.469-.707-2.68-1.136-1.448-.505-2.644-1.005-3.59-1.5-.947-.488-1.76-1.2-2.44-2.134-.682-.94-1.012-2.141-.99-3.608 0-1.472.377-2.722 1.133-3.754.754-1.032 1.786-1.814 3.095-2.347C5.599.905 7.072.64 8.71.64c2.765 0 4.961.64 6.589 1.917 1.627 1.277 2.483 3.075 2.568 5.395h-7.625c-.022-.641-.181-1.097-.479-1.374a1.534 1.534 0 0 0-1.085-.413.953.953 0 0 0-.734.304c-.191.2-.287.483-.287.842 0 .51.282.934.845 1.266.564.326 1.463.728 2.696 1.195 1.426.532 2.601 1.043 3.526 1.532a7.428 7.428 0 0 1 2.409 2.043c.68.874 1.021 1.966 1.021 3.287 0 1.385-.34 2.624-1.021 3.721-.68 1.097-1.67 1.956-2.967 2.57-1.297.619-2.84.929-4.626.929-2.702 0-4.93-.636-6.684-1.902z" fill="#333" fill-opacity="1"/><path d="M38.216 5.718V23.63H31.93v-2.553c-.532.809-1.265 1.46-2.201 1.96-.936.5-2.01.75-3.222.75-2.085 0-3.728-.684-4.93-2.059-1.201-1.369-1.803-3.238-1.803-5.6V5.717h6.222v9.61c0 1.022.271 1.826.814 2.413.542.581 1.26.874 2.154.874.914 0 1.637-.293 2.169-.874.531-.587.797-1.391.797-2.412V5.718h6.286z" fill="#333" fill-opacity="1"/><path d="M52.853 11.48c-.755-.777-1.686-1.163-2.791-1.163-1.085 0-2.006.391-2.76 1.179-.755.787-1.133 1.863-1.133 3.227 0 1.364.378 2.434 1.133 3.222.754.787 1.675 1.184 2.76 1.184 1.084 0 2.01-.402 2.776-1.2.765-.8 1.148-1.875 1.148-3.239 0-1.363-.378-2.434-1.133-3.21zm-4.45-5.156c.935-.51 2.03-.766 3.286-.766 1.467 0 2.797.375 3.988 1.119 1.19.744 2.132 1.809 2.823 3.189.691 1.385 1.037 2.993 1.037 4.824s-.346 3.445-1.037 4.835c-.69 1.397-1.632 2.472-2.823 3.228-1.191.755-2.52 1.13-3.988 1.13-1.234 0-2.324-.256-3.27-.767-.947-.51-1.686-1.168-2.218-1.977v10.985h-5.456V5.814h5.456v2.52c.532-.826 1.265-1.5 2.201-2.01z" fill="#333" fill-opacity="1"/><path d="M73.77 13.126c-.022-1.152-.437-2.07-1.245-2.766-.808-.69-1.798-1.037-2.967-1.037-1.107 0-2.037.336-2.793 1.005-.754.673-1.217 1.602-1.387 2.798h8.391zm4.498 2.998H65.346c.106 1.277.552 2.277 1.34 3.005.786.722 1.754 1.08 2.903 1.08 1.66 0 2.84-.71 3.542-2.14h4.818c-.51 1.706-1.49 3.108-2.935 4.2-1.448 1.097-3.224 1.646-5.328 1.646-1.703 0-3.229-.375-4.579-1.136a7.94 7.94 0 0 1-3.158-3.205c-.756-1.385-1.134-2.982-1.134-4.791 0-1.831.372-3.434 1.117-4.82.744-1.385 1.786-2.45 3.127-3.194 1.34-.744 2.882-1.119 4.627-1.119 1.68 0 3.184.364 4.514 1.087a7.668 7.668 0 0 1 3.095 3.08c.734 1.331 1.1 2.858 1.1 4.585 0 .636-.042 1.212-.127 1.722z" fill="#333" fill-opacity="1"/><path d="M85.814 6.498c.883-.5 1.93-.75 3.143-.75v3.77h-.925c-1.426 0-2.505.359-3.238 1.087-.734.722-1.101 1.977-1.101 3.765v9.257h-3.638V6.036h3.638v2.553a5.732 5.732 0 0 1 2.121-2.091z" fill="#333" fill-opacity="1"/><path d="M90.584 10.108c.722-1.353 1.728-2.402 3.015-3.146 1.286-.744 2.76-1.12 4.418-1.12 2.149 0 3.919.522 5.313 1.566 1.393 1.043 2.313 2.493 2.76 4.346h-3.127c-.298-1.065-.878-1.907-1.739-2.527-.861-.613-1.93-.923-3.207-.923-1.659 0-2.999.57-4.02 1.706-1.02 1.14-1.53 2.754-1.53 4.84 0 2.108.51 3.733 1.53 4.885 1.021 1.146 2.361 1.722 4.02 1.722 1.277 0 2.34-.3 3.191-.891.851-.598 1.436-1.45 1.755-2.56h3.127c-.468 1.794-1.404 3.223-2.808 4.298-1.404 1.076-3.159 1.614-5.265 1.614-1.659 0-3.132-.375-4.418-1.12-1.287-.744-2.293-1.798-3.016-3.161-.723-1.364-1.084-2.956-1.084-4.787 0-1.809.361-3.39 1.085-4.742z" fill="#333" fill-opacity="1"/><path d="M119.372 21.155c.977-.521 1.771-1.309 2.377-2.363.606-1.054.909-2.347.909-3.879s-.298-2.825-.894-3.879c-.595-1.054-1.383-1.842-2.36-2.363a6.679 6.679 0 0 0-3.19-.783c-1.149 0-2.213.261-3.191.783-.979.521-1.761 1.31-2.345 2.363-.586 1.054-.878 2.347-.878 3.88 0 1.531.292 2.824.878 3.878.584 1.054 1.361 1.842 2.329 2.363a6.588 6.588 0 0 0 3.175.783 6.68 6.68 0 0 0 3.19-.783zm-7.61 1.625c-1.308-.734-2.34-1.777-3.094-3.13-.756-1.347-1.133-2.928-1.133-4.737 0-1.809.383-3.39 1.149-4.743.765-1.352 1.807-2.396 3.127-3.129 1.318-.733 2.796-1.103 4.435-1.103 1.637 0 3.12.37 4.45 1.103a7.88 7.88 0 0 1 3.126 3.13c.756 1.352 1.133 2.933 1.133 4.742 0 1.788-.383 3.363-1.148 4.721-.767 1.364-1.819 2.412-3.159 3.146-1.34.733-2.829 1.103-4.466 1.103-1.639 0-3.111-.37-4.42-1.103z" fill="#333" fill-opacity="1"/><path d="M138.898 21.761c1.095-.565 1.972-1.423 2.631-2.57.66-1.151.989-2.564.989-4.248 0-1.663-.329-3.064-.989-4.216-.659-1.146-1.531-2.005-2.616-2.57a7.482 7.482 0 0 0-3.51-.847 7.39 7.39 0 0 0-3.493.847c-1.074.565-1.941 1.424-2.599 2.57-.661 1.152-.991 2.553-.991 4.216 0 1.684.326 3.097.973 4.248.649 1.147 1.511 2.005 2.585 2.57 1.075.565 2.239.842 3.493.842 1.256 0 2.43-.277 3.527-.842zM131 22.799c-1.297-.723-2.312-1.766-3.046-3.113-.734-1.353-1.101-2.934-1.101-4.743 0-1.787.372-3.358 1.117-4.71.744-1.353 1.771-2.385 3.079-3.097 1.307-.712 2.77-1.07 4.386-1.07 1.617 0 3.074.358 4.372 1.07 1.297.712 2.313 1.738 3.047 3.08.733 1.342 1.101 2.918 1.101 4.727 0 1.809-.373 3.39-1.117 4.743-.745 1.347-1.771 2.39-3.079 3.113-1.309.722-2.771 1.08-4.388 1.08-1.616 0-3.073-.358-4.371-1.08z" fill="#333" fill-opacity="1"/><path d="M148 0h-.98v23.627h.98V0z" fill="#333" fill-opacity="1"/></svg></span></a><button class="c-site-header__trigger" aria-label="open and close main menu"><span class="icon i-menu" aria-hidden="true"><svg width="29" height="19" viewBox="0 0 29 19" version="1.1" xmlns="http://www.w3.org/2000/svg" focusable='false'><path d="M0 0h29v3H0V0zm0 11V8h29v3H0zm0 8v-3h29v3H0z" fill="#464646" stroke="none" stroke-width="1" fill-rule="evenodd"/></svg></span><span class="icon i-close" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" focusable='false'><path fill="#464646" d="M22 2.215L13.215 11 22 19.785 19.785 22 11 13.215 2.215 22 0 19.785 8.785 11 0 2.215 2.215 0 11 8.785 19.785 0z" stroke="none" stroke-width="1" fill-rule="evenodd"/></svg></span><span class="c-site-header__label"> Menu </span></button></div><div class="c-site-menu"><div class="c-site-menu__container o-container--500"><div class="c-site-menu__column--center"><nav class="c-nav c-nav--main" aria-label="Main Menu"><ul class="c-nav__list o-list"><li class="c-nav__item"><a class="c-nav__link is-active h-transition-delay--1" href="https://supercooldesign.co.uk/work"> Work <span class="c-nav__byline">Clients and case studies<span></a></li><li class="c-nav__item"><a class="c-nav__link h-transition-delay--2" href="https://supercooldesign.co.uk/services"> Services <span class="c-nav__byline">What we do<span></a></li><li class="c-nav__item"><a class="c-nav__link h-transition-delay--3" href="https://supercooldesign.co.uk/about"> About <span class="c-nav__byline">Meet the team<span></a></li><li class="c-nav__item"><a class="c-nav__link h-transition-delay--4" href="https://supercooldesign.co.uk/blog"> Blog <span class="c-nav__byline">News, insight, opinion and what-not<span></a></li><li class="c-nav__item"><a class="c-nav__link h-transition-delay--5" href="https://supercooldesign.co.uk/contact"> Contact <span class="c-nav__byline">Get in touch – let's talk<span></a></li><li class="c-nav__item"><a class="c-nav__link h-transition-delay--6" href="https://supercooldesign.co.uk/mailing-list"> Mailing List <span class="c-nav__byline">Get sector news, handy resources and more<span></a></li><li class="c-nav__item"><a class="c-nav__link h-transition-delay--7" href="https://supercooldesign.co.uk/supercool-sessions"> Supercool Sessions <span class="c-nav__byline">FREE webinars, covering digital hot topics in the arts and culture sector<span></a></li></ul></nav><form class="c-search-form" action="https://supercooldesign.co.uk/search" role="search"><label><span class="h-accessibility">Search: </span><input class="c-search-form__input" type="search" placeholder="Search" name="q" id="q" /></label><button class="c-search-form__button"><span class="icon i-search" aria-hidden="true"><svg width="30" height="30" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" focusable='false'><path d="M21.875 18.281l-.313.547L30 27.344 27.344 30l-8.438-8.516-.547.391c-2.083 1.302-4.244 1.953-6.484 1.953-3.281 0-6.08-1.172-8.398-3.515C1.159 17.968 0 15.155 0 11.874c0-3.281 1.159-6.08 3.477-8.398C5.794 1.159 8.594 0 11.875 0c3.281 0 6.08 1.159 8.398 3.477 2.318 2.317 3.477 5.117 3.477 8.398 0 2.292-.625 4.427-1.875 6.406zm-3.36-13.047C16.694 3.411 14.48 2.5 11.876 2.5s-4.818.911-6.64 2.734C3.41 7.057 2.5 9.271 2.5 11.875s.911 4.818 2.734 6.64c1.823 1.824 4.037 2.735 6.641 2.735s4.818-.911 6.64-2.734c1.876-1.875 2.813-4.089 2.813-6.641 0-2.552-.937-4.766-2.812-6.64z" fill="#464646" stroke="none" stroke-width="1" fill-rule="evenodd"/></svg></span><span class="h-accessibility">Submit</span></button></form></div><div class="c-site-menu__column--right"><section class="c-site-contact"><h2 class="h-accessibility">Contact Information</h2><ul class="c-site-contact__list o-list"><li class="c-site-contact__item"><a class="c-site-contact__link" href="tel:+441202332837">0121 233 2837</a></li><li class="c-site-contact__item"><a class="c-site-contact__link" href="mailto:info@supercooldesign.co.uk">info@supercooldesign.co.uk</a></li><li class="c-site-contact__item"><a class="c-site-contact__icon" href="http://twitter.com/supercooldesign"><span class="h-accessibility">Twitter. </span><span class="icon i-twitter" aria-hidden="true"><svg width="39" height="39" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" focusable='false'><path d="M37.934 4.615a16.174 16.174 0 0 1-5.104 1.923C31.256 4.846 29.3 4 26.965 4c-2.184 0-4.063.795-5.637 2.385-1.574 1.59-2.361 3.487-2.361 5.692 0 .615.076 1.23.228 1.846a21.971 21.971 0 0 1-9.178-2.461 22.1 22.1 0 0 1-7.275-6C1.98 6.692 1.6 8.052 1.6 9.538c0 2.872 1.193 5.103 3.58 6.693a6.87 6.87 0 0 1-3.58-1v.154c0 1.897.596 3.59 1.79 5.077 1.193 1.487 2.73 2.435 4.608 2.846-.71.154-1.422.23-2.133.23a7.678 7.678 0 0 1-1.523-.153c.558 1.64 1.51 2.987 2.856 4.038C8.544 28.474 10.08 29 11.807 29c-2.895 2.308-6.196 3.462-9.903 3.462-.61 0-1.244-.026-1.904-.077C3.758 34.795 7.846 36 12.264 36c3.554 0 6.804-.692 9.75-2.077 2.945-1.385 5.344-3.192 7.198-5.423a25.643 25.643 0 0 0 4.304-7.385c1.015-2.692 1.523-5.397 1.523-8.115v-1A16.446 16.446 0 0 0 39 7.77a16.058 16.058 0 0 1-4.57 1.307C36.156 8 37.324 6.513 37.934 4.615z" fill="#000" stroke="none" stroke-width="1" fill-rule="evenodd"/></svg></span></a></li></ul></section></div><div class="c-site-menu__column--left"><nav class="c-nav c-nav--secondary" aria-label="Impressum. "><ul class="c-nav__list o-list"><li class="c-nav__item"><a class="c-nav__link" href="https://supercooldesign.co.uk/site/accessibility"> Accessibility </a></li><li class="c-nav__item"><a class="c-nav__link" href="https://supercooldesign.co.uk/site/cookies"> Cookies </a></li><li class="c-nav__item"><a class="c-nav__link" href="https://supercooldesign.co.uk/site/policies"> Policies </a></li><li class="c-nav__item"><a class="c-nav__link" href="/sitemap"> Sitemap </a></li></ul></nav><section><h2 class="h-accessibility">Company Information</h2><p class="c-site-menu__info o-text--label h-text--grey">© 2004-2024 Supercool Ltd. Registered in England and Wales No.5752015</p></section></div></div></div></header><main class="c-site-main " role="main" id="main" tabindex="0"><div class="o-container--500"><header class="o-grid"><div class="o-grid__item o-grid__item--full o-grid__item--push-three h-one-whole"><div class="c-page-header c-page-header--featured"><div class="c-page-header__content"><div class="c-page-header__container o-container--300"><h1 class="c-page-header__pretitle o-text--zeta o-phone-text--alpha ">Midlands Arts Centre</h1><span class="c-page-header__title o-text--alpha">An easy to use website and seriously fun identity for one of the UK's best-loved arts centres</span><ul class="c-page-header__posttitle o-list"><li class="c-page-header__posttitle-item o-text--label">Branding</li><li class="c-page-header__posttitle-item o-text--label">Website</li><li class="c-page-header__posttitle-item o-text--label">Spektrix</li><li class="c-page-header__posttitle-item o-text--label">Venue screens</li></ul></div></div></div></div></header><div class="o-grid"><div id="227" class="o-text-block o-grid__item h-offset-left--one-sixth h-two-thirds h-offset-right--one-sixth h-phone-one-whole h-phone-offset-left--none h-phone-offset-right--none o-grid__item--push-three"><p>We’ve been working with Midlands Arts Centre – affectionately known as MAC – since 2013, on all sorts of design and digital projects. <br /></p><p>Originally opened in 1962 as an arts centre for young people, MAC’s programme and remit has expanded enormously since then. So, they needed to better represent the more grown-up, business-focused aspects of the organisation, without losing their essential playfulness and fun. </p><p class="o-text--cta-large"><strong>Brand identity</strong><br /></p><p>We created an identity that can be used at many different volumes: quiet and understated for the visual arts crowd; loud and colourful for family audiences. <br /></p><p>By deconstructing the logo, we get the simple shapes which are used to lift and enliven the identity. These graphics reference the Swiss school of design, which began to emerge in the '60s – just as MAC first opened its doors.</p></div><div id="3616" class="o-image-block o-grid__item h-offset-left--three-twelfths h-one-half h-offset-right--three-twelfths h-phone-one-whole h-phone-offset-left--none h-phone-offset-right--none o-grid__item--push-three"><div class="o-image" style="padding-top:70%"><v-image-loader inline-template><img v-images-loaded.on.done="imageLoaded" v-bind:class="{ isLoaded: loaded }" class="o-image__full " itemprop="image" src="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/250/mac-logo_0357713fbf943d6067041d98d6c820f1.jpg" sizes="(min-width: 901px) 670px, (max-width: 900px) and (min-width: 601px) 450px, (max-width: 600px) 300px, calc(100vw - 40px)" srcset="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/250/mac-logo_466c2754c0884d456ba455f16c6e0446.jpg 670w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/250/mac-logo_35fed8b87bc9d6c1b6ec94a013e84ad1.jpg 450w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/250/mac-logo_83e0b6f6ea1c98f2e0632d03cfc5a0e3.jpg 300w" alt="MAC logo – and deconstructed version" title="Mac Logo "></v-image-loader><div class="o-image__preview" style="background-image:url(data:image/gif;base64,R0lGODlhAwADAPMAAO/29+/19+/2+M3T1Le7vNDW1+Ts7tng4uPq7AAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAADAAMAAAQHEAQxSDEHRQA7)"></div></div></div><div id="252" class="o-image-block o-grid__item h-offset-left--one-twelfth h-five-sixths h-offset-right--one-twelfth h-phone-one-whole h-phone-offset-left--none h-phone-offset-right--none o-grid__item--push-three"><div class="o-image" style="padding-top:47.2%"><v-image-loader inline-template><img v-images-loaded.on.done="imageLoaded" v-bind:class="{ isLoaded: loaded }" class="o-image__full " itemprop="image" src="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/249/mac-brand-shapes-and-colours_6dceb55a80b91089edbc676ca8e666b0.jpg" sizes="(min-width: 901px) 1116.666622px, (max-width: 900px) and (min-width: 601px) 749.99997px, (max-width: 600px) 499.99998px, calc(100vw - 40px)" srcset="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/249/mac-brand-shapes-and-colours_df8c10a61323038691e9d12ff1512480.jpg 1116w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/249/mac-brand-shapes-and-colours_3dd12c5e072e5e8dbee6935da4784a5d.jpg 749w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/249/mac-brand-shapes-and-colours_736de8fcc41f099f08f9a0a637d1f505.jpg 499w" alt="Pages from MAC's brand guidelines" title="Mac Brand Shapes And Colours "></v-image-loader><div class="o-image__preview" style="background-image:url(data:image/gif;base64,R0lGODlhAwADAPMAAOPp4N3j6KywseK+ufDUxNXAtvSgjPOyjta2pwAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAADAAMAAAQHEAQxSDEHRQA7)"></div></div></div><div id="226" class="o-image-block o-grid__item h-offset-left--one-sixth h-two-thirds h-offset-right--one-sixth h-phone-one-whole h-phone-offset-left--none h-phone-offset-right--none o-grid__item--push-three"><div class="o-image" style="padding-top:52.785714285714%"><v-image-loader inline-template><img v-images-loaded.on.done="imageLoaded" v-bind:class="{ isLoaded: loaded }" class="o-image__full " itemprop="image" src="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/225/mac-brochure-covers_9a4f78818ef11ddc64f798d5f87ab967.jpg" sizes="(min-width: 901px) 893.3333244px, (max-width: 900px) and (min-width: 601px) 599.999994px, (max-width: 600px) 399.999996px, calc(100vw - 40px)" srcset="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/225/mac-brochure-covers_c94a070c4abaeb132dc92c18160ef6ed.jpg 893w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/225/mac-brochure-covers_adb5be44d573a9d4b260c15ad20a089d.jpg 599w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/225/mac-brochure-covers_aea9d4435b829c7df72e97fae01738b0.jpg 399w" alt="Three Midlands Arts Centre brochure covers – Highlights, Family and Event and Room Hire" title="MAC brochure covers "></v-image-loader><div class="o-image__preview" style="background-image:url(data:image/gif;base64,R0lGODlhAwADAPMAAMHX2r7S2WDAwZ2EiYuDkVG5tLSYjpSEeWPAwQAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAADAAMAAAQHEAQxSDEHRQA7)"></div></div></div><div id="146" class="o-text-block o-grid__item h-offset-left--one-sixth h-two-thirds h-offset-right--one-sixth h-phone-one-whole h-phone-offset-left--none h-phone-offset-right--none o-grid__item--push-three"><p class="o-text--cta-large"><strong>Website</strong><br /></p><p>Our first iteration of the MAC website was also our first Spektrix-integration. <br /></p><p>With over 300 events every week, the venue is one of the heaviest users of the Spektrix API, so we did some clever integration. Not least, wrangling data to display course instances on the website in a simple, user-friendly way. </p><p>A core aim of the website is to be more business-focused – specifically increasing ticket sales, boosting support campaigns, and presenting commercial offers more clearly. We also paid particular attention to the user journey on mobile – building the first ever fully-mobile Spektrix booking process with a seat picker.</p><p>In 2018 the website underwent a major redesign, to match MAC’s revamped visual identity and improve specific areas of functionality. This included changes to the <a href="https://supercooldesign.co.uk/blog/powerful-search-with-instant-results">Course Finder</a>, to help people more easily and intuitively browse the hundreds of courses taking place at MAC every year. <br /></p><p>Always looking for smart ways to make the most of technology, <strong>MAC's website also powers the digital screens around the venue</strong>. Using the website as a central digital 'hub' for information reduces admininstration time, and gives both website and venue visitors the most up-to-date listings, promotions and notifications.</p><p>We continue to work in close partnership with MAC – regularly reviewing the website, and iteratively improving features and functionality.</p><p><strong><a href="https://macbirmingham.co.uk/">Midlands Arts Centre website</a></strong></p></div><div id="2591" class="o-image-block o-grid__item h-offset-left--one-twelfth h-five-sixths h-offset-right--one-twelfth h-phone-one-whole h-phone-offset-left--none h-phone-offset-right--none o-grid__item--push-three"><div class="o-image" style="padding-top:193.35714285714%"><v-image-loader inline-template><img v-images-loaded.on.done="imageLoaded" v-bind:class="{ isLoaded: loaded }" class="o-image__full " itemprop="image" src="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/2590/mac-website-ui_6dceb55a80b91089edbc676ca8e666b0.jpg" sizes="(min-width: 901px) 1116.666622px, (max-width: 900px) and (min-width: 601px) 749.99997px, (max-width: 600px) 499.99998px, calc(100vw - 40px)" srcset="https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/2590/mac-website-ui_9aebe423e1726a75a1b290e0dacb1285.jpg 1116w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/2590/mac-website-ui_49a0d5d365dc32f22b5b9bad809ddfcc.jpg 749w, https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/2590/mac-website-ui_915e1f7d17571205b633505cf0f77b83.jpg 499w" alt="Different bits of user interface design from the MAC website" title="Mac Website Ui "></v-image-loader><div class="o-image__preview" style="background-image:url(data:image/gif;base64,R0lGODlhAwADAPMAAOjk5peLiJKKidrX1beyq8S+uevq6Pj4+P39+wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAADAAMAAAQHEAQxSDEHRQA7)"></div></div></div><div class="o-grid__item o-grid__item--full h-one-whole o-grid__item--push-three"><div class="o-panel o-panel--strip "><div class="o-container--500 h-text--center"><ul class="c-stat-list o-list"><li class="c-stat-list__item"><p class="c-stat-list__desc"><span class="c-stat-list__stat">1 </span> rebrand </p></li><li class="c-stat-list__item"><p class="c-stat-list__desc"><span class="c-stat-list__stat">71% </span> increase in ticket sales online </p></li><li class="c-stat-list__item"><p class="c-stat-list__desc"><span class="c-stat-list__stat">109% </span> increase in over-all online sales </p></li></ul></div></div></div><div id="151" class="o-quote-block o-grid__item o-grid__item--full h-one-whole o-grid__item--push-three"><div class="o-panel o-panel--strip o-panel--color"><div class="o-container--300 h-text--center"><blockquote><p><p>Supercool take the time to get to know your organisation … resulting in an understanding of both your commercial needs and the best ways to assist staff in their work.<br /></p></p><cite>Lindsey Cook – Head of Sales and Marketing</cite></blockquote></div></div></div><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Article", "mainEntityOfPage": { "@type": "WebPage", "@id": "Supercool" }, "headline": "Midlands Arts Centre", "alternativeHeadline": "News from Supercool", "image": [{ "@type": "ImageObject", "url": "https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/220/mac-brand-identity-shapes_837d15370c5a24a51eec51bdb9efc84c.jpg", "height": 675, "width": 1200 }, { "@type": "ImageObject", "url": "https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/220/mac-brand-identity-shapes_f610ad30bd0a4e54ec3338a34f73705b.jpg", "height": 900, "width": 1200 }, { "@type": "ImageObject", "url": "https://d1mdce1aauxocd.cloudfront.net/_imager/files/Work/MAC/220/mac-brand-identity-shapes_b112190f1ffb60b0a80dd1f0f6cb7b98.jpg", "height": 600, "width": 600 } ] , "datePublished": "2018-08-29T09:43:00+01:00", "dateModified": "2023-09-04T12:09:02+01:00", "author": { "@type": "Person", "name": "Supercool" }, "editor": "Katie Parry", "publisher": { "@type": "Organization", "name": "Supercool", "logo": { "@type": "ImageObject", "url": "http://supercool-website.s3.amazonaws.com/SEO/supercool-publisher-logo-600x60px.png", "width": 600, "height": 60 } }, "description": " We’ve been working with Midlands Arts Centre – affectionately known as MAC – since 2013, on all sorts of design and digital projects. Originally opened in 1962 as an arts centre for young people, MAC’s programme and remit has expanded enormously since then. So, they needed to better represent the more grown-up, business-focused aspects of the organisation, without losing their essential playfulness and fun. Brand identity We created an identity that can be used at many different volumes: quiet and understated for the visual arts crowd; loud and colourful for family audiences. By deconstructing the logo, we get the simple shapes which are used to lift and enliven the identity. These graphics reference the Swiss school of design, which began to emerge in the '60s – just as MAC first opened its doors. " } </script></div><div class="o-grid h-margin-top"><div class="o-grid__item o-grid__item--push-four h-one-whole"><p class="o-text--cta-large h-text--bold h-text--center">Have a new project in mind? <a class="o-text--link" href="https://supercooldesign.co.uk/contact">Let’s talk</a></p></div><div class="o-grid__item h-one-whole"><p class="o-text--cta-small h-text--center">Next project: <a class="o-text--link" href="https://supercooldesign.co.uk/work/new-adventures">New Adventures</a></p></div></div></div></main><footer class="c-site-footer"></footer></div><script src="https://www.googleoptimize.com/optimize.js?id=OPT-NFCZ56F"></script><script type="text/javascript" src="https://d3cf34ziuslo6e.cloudfront.net/dist/js/app-e148241367.js"></script><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "author": { "@id": "https://supercooldesign.co.uk/" }, "copyrightHolder": { "@id": "Supercool Ltd" }, "copyrightYear": "2024", "creator": { "@id": "https://www.supercooldesign.co.uk" }, "dateModified": "2024-12-01T01:24:52+00:00", "description": "Hello, we're Supercool – digital design agency who make life easier for arts, culture and heritage organisations – and your audiences.", "headline": "Midlands Arts Centre", "image": { "@type": "ImageObject", "url": "http://supercool-website.s3.amazonaws.com/SEO/open-graph.png" }, "inLanguage": "en-gb", "name": "Supercool", "potentialAction": { "@type": "SearchAction", "target": "search?q={search_term_string}" }, "publisher": { "@id": "Supercool Ltd" }, "url": "https://supercooldesign.co.uk/" } </script><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "logo": "http://supercool-website.s3.amazonaws.com/SEO/twitter-card-large.png", "url": "https://supercooldesign.co.uk/", "sameAs" : [], "address": { "@type": "PostalAddress", "streetAddress": "Izabella House, 24 – 26 Regent Place", "addressLocality": "The Jewellery Quarter", "addressRegion": "Birmingham", "postalCode": "B1 3NJ", "addressCountry": "GB" } , "email": "info@supercooldesign.co.uk", "name": "Supercool", "contactPoint" : [ { "@type" : "ContactPoint", "telephone" : "+44-121-233-2837", "contactType" : "Customer Service", "areaServed" : "GB", "availableLanguage": "English" } ] } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "LocalBusiness", "@id": "https://supercooldesign.co.uk/", "name": "Supercool", "email": "info@supercooldesign.co.uk", "logo": "http://supercool-website.s3.amazonaws.com/SEO/twitter-card-large.png", "telephone": "+44-121-233-2837", "founder": "James Coleman", "foundingDate": "2004-01-19", "foundingLocation": "Birmingham, UK", "duns": "34-956-2699", "priceRange": "$$$$", "url": "https://supercooldesign.co.uk/", "sameAs" : [ ], "image": [{ "@type": "ImageObject", "url": "http://supercool-website.s3.amazonaws.com/SEO/twitter-card-large.png", "height": 428, "width": 799 }, { "@type": "ImageObject", "url": "http://supercool-website.s3.amazonaws.com/SEO/twitter-card.png", "height": 400, "width": 400 } ] , "address": { "@type": "PostalAddress", "streetAddress": "Izabella House, 24 – 26 Regent Place", "addressLocality": "The Jewellery Quarter", "addressRegion": "Birmingham", "postalCode": "B1 3NJ", "addressCountry": "GB" } , "contactPoint" : [ { "@type" : "ContactPoint", "telephone" : "+44-121-233-2837", "contactType" : "Customer Service", "areaServed" : "GB", "availableLanguage": "English" } ] } </script></body></html>