<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="webqem&#x20;is&#x20;a&#x20;collective&#x20;of&#x20;Sydney-based&#x20;strategists,&#x20;creatives&#x20;and&#x20;geeks&#x20;with&#x20;a&#x20;history&#x20;of&#x20;excellence&#x20;in&#x20;web&#x20;design,&#x20;development&#x20;and&#x20;digital&#x20;strategy.">
<meta name="keywords" content="">
<meta name="generator" content="Mura CMS">
<title>Web design, development, creative and digital strategy - webqem</title>
<link rel="preconnect" href="//cdnjs.cloudflare.com/">
<link rel="preconnect" href="//kit.fontawesome.com/">
<link rel="preconnect" href="//use.typekit.net/">
<link rel="stylesheet" href="/themes/MuraBootstrap3/css/theme/theme.min.css?c=116" />
<script src="//kit.fontawesome.com/0087f74697.js" crossorigin="anonymous"></script>
<link rel="apple-touch-icon" sizes="512x512" href="/themes/MuraBootstrap3/images/ico/icon_512x512.png">
<link rel="icon" href="/themes/MuraBootstrap3/images/ico/icon_512x512.png">
<link rel="icon" sizes="192x192" href="/themes/MuraBootstrap3/images/ico/icon_192x192.png">
<!--[if IE]><link rel="shortcut icon" href="/themes/MuraBootstrap3/images/ico/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="/themes/MuraBootstrap3/images/ico/icon_512x512.png">
<link rel="stylesheet" href="//use.typekit.net/dqw1ikp.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="/core/modules/v1/core_assets/js/mura.min.js?v=10.0.458"></script>
<script>
Mura.init({
loginURL:"?display=login",
siteid:"webqem",
contentid:"00000000000000000000000000000000001",
contenthistid:"C976F9F9-AA12-4EC9-A256C72F5590EE21",
changesetid:"",
parentid:"00000000000000000000000000000000END",
context:"",
nocache:0,
assetpath:"/sites/webqem",
corepath:"/core",
fileassetpath:"/sites/webqem",
themepath:"/themes/MuraBootstrap3",
reCAPTCHALanguage:"en",
preloaderMarkup: "\x3Ci\x20class\x3D\x22fa\x20fa\x2Drefresh\x20fa\x2Dspin\x22\x3E\x3C\x2Fi\x3E",
mobileformat: false,
windowdocumentdomain: "",
layoutmanager:true,
type:"Page",
subtype:"Default",
queueObjects: true,
rb:{"formrequiredwrapperclass":"","formradiolabelclass":"radio","formresponsewrapperclass":"","formwrapperclass":"","formbuttoncancellabel":"Cancel","formselectclass":"form-control","formbuttonclass":"btn btn-default","formfileclass":"form-control","formfileplaceholder":"Select File","formbuttonwrapperclass":"btn-group","formbuttoninnerclass":"input-group-btn","formcheckboxwrapperclass":"","formradiowrapperclass":"","formcheckboxlabelclass":"checkbox","forminputclass":"form-control","formradioclass":"","formcheckboxclass":"","formfieldlabelclass":"control-label","formtextareaclass":"form-control","formbuttonbacklabel":"Back","formbuttonsubmitclass":"form-submit btn-primary","formbuttonnextclass":"form-nav","formbuttonsubmitlabel":"Submit","formrequiredlabel":"Required","generalwrapperclass":"well","formbuttonnextlabel":"Next","generalwrapperbodyclass":"","formbuttomsubmitclass":"form-submit btn-primary","formbuttonbackclass":"form-nav","formerrorwrapperclass":"","formbuttoncancelclass":"form-cancel btn-primary pull-right","formwrapperbodyclass":"","formbuttonsubmitwaitlabel":"Please Wait...","formgeneralcontrolclass":"form-control","formfieldwrapperclass":"form-group"},
dtExample:"10/11/2024",
dtCh:"/",
dtFormat:[1,0,2],
dtLocale:"en-AU"
});
</script>
<meta name="twitter:card" content="summary" /><meta name="twitter:site" content="@webqem" /><meta name="twitter:title" content="Web design, development, creative and digital strategy - webqem" /><meta name="twitter:description" content="webqem is a collective of Sydney-based strategists, creatives and geeks with a history of excellence in web design, development and digital strategy." /><meta name="twitter:image" content="https://www.webqem.com/sites/webqem/cache/file/337644B8-39CF-4AFF-823D98CB158AFE61_ogimage.png" /><meta property="og:site_name" content="webqem" /><meta property="og:url" content="https://www.webqem.com/" /><meta property="og:type" content="website" /><meta property="og:description" content="webqem is a collective of Sydney-based strategists, creatives and geeks with a history of excellence in web design, development and digital strategy." /><meta property="og:image" content="https://www.webqem.com/sites/webqem/cache/file/337644B8-39CF-4AFF-823D98CB158AFE61_ogimage.png" /><meta property="og:title" content="Web design, development, creative and digital strategy - webqem" /></head>
<body id="homepage" class="home" data-spy="scroll" data-target=".subnav" data-offset="50"><script>
dataLayer = [];
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-K2RJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K2RJ');</script>
<!-- End Google Tag Manager -->
<a href="https://plus.google.com/114730653509537564705" rel="publisher"></a>
<header class="navbar-wrapper">
<nav class="navbar navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/">webqem</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<div class="main-nav">
<div class="pull-right">
<ul id="navPrimary" class="nav navbar-nav">
<li class="first" id="navOurWork"><a href="/our-work/">Our Work</a></li>
<li id="navAbout"><a href="/about/">About</a></li>
<li id="navSolutions"><a href="/solutions/">Solutions</a></li>
<li id="navJoin"><a href="/join/">Join</a></li>
<li class="last" id="navContact"><a href="/contact/">Contact</a></li>
</ul>
<script>
$(function(){
$(["/"]).each(
function(index, value){
$("#navPrimary [href='" + value + "']").closest("li").addClass("active");
}
);
})
</script>
</div>
</div>
</div>
</div>
</nav>
</header>
<div id="carouselWrap">
<div id="myCarousel" class="carousel slide" data-interval="5000">
<div class="carousel-inner">
<div class="row-fluid item active" id="carousel-accor">
<a href="/our-work/accor/">
<div class="carousel-inner-wrap-content">
<img src="/sites/webqem/cache/file/C9D99D8B-A597-46F4-AEFF0773608CE438_herobanner.jpg" alt="Accor">
<div class="carousel-inner-content">
<span class="carousel--logo"></span>
<p class="carousel--summary">Creating a new digital experience</p>
<p><span class="carousel--button">Case study <i class="fa fa-angle-right fa-inverse"></i></span></p>
</div>
</a>
</div>
</div>
<div class="row-fluid item" id="carousel-99-bikes">
<a href="/our-work/99-bikes/">
<div class="carousel-inner-wrap-content">
<img src="/sites/webqem/cache/file/4BC29BD2-2D27-48F9-A1DF20C361BE0BA0_herobanner.jpg" alt="99 Bikes" loading="lazy">
<div class="carousel-inner-content">
<span class="carousel--logo"></span>
<p class="carousel--summary">Leading bike retailer shifts into top gear</p>
<p><span class="carousel--button">Case study <i class="fa fa-angle-right fa-inverse"></i></span></p>
</div>
</a>
</div>
</div>
<div class="row-fluid item" id="carousel-shortys-liquor">
<a href="/our-work/shortys-liquor/">
<div class="carousel-inner-wrap-content">
<img src="/sites/webqem/cache/file/36D34ABB-2A28-4042-974A6A0CCC2A7A33_herobanner.jpg" alt="Shortys Liquor" loading="lazy">
<div class="carousel-inner-content">
<span class="carousel--logo"></span>
<p class="carousel--summary">An eCommerce success story</p>
<p><span class="carousel--button">Case study <i class="fa fa-angle-right fa-inverse"></i></span></p>
</div>
</a>
</div>
</div>
<div class="row-fluid item" id="carousel-superrugby">
<a href="/our-work/superrugby/">
<div class="carousel-inner-wrap-content">
<img src="/sites/webqem/cache/file/C739A96F-D0A9-40C9-863A539479038426_herobanner.jpg" alt="SuperRugby" loading="lazy">
<div class="carousel-inner-content">
<span class="carousel--logo"></span>
<p class="carousel--summary">Tackling the digital space</p>
<p><span class="carousel--button">Case study <i class="fa fa-angle-right fa-inverse"></i></span></p>
</div>
</a>
</div>
</div>
<div class="row-fluid item" id="carousel-johnco">
<a href="/our-work/johnco/">
<div class="carousel-inner-wrap-content">
<img src="/sites/webqem/cache/file/4674E292-8967-4B42-BEC74AFD024513B1_herobanner.jpg" alt="Johnco" loading="lazy">
<div class="carousel-inner-content">
<span class="carousel--logo"></span>
<p class="carousel--summary">Making digital transformation child's play</p>
<p><span class="carousel--button">Case study <i class="fa fa-angle-right fa-inverse"></i></span></p>
</div>
</a>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
<script>jQuery(document).ready(function($){$('#myCarousel').carousel({interval:5000});});</script>
<script src="/themes/MuraBootstrap3/js/custom/carousel.js"></script>
</div>
</div>
<div class="mura-region mura-region-loose">
<div class="mura-region-local"><div class="container">
<div class="inner section-who-how">
<div class="row">
<div class="col-md-6 who-we-are">
<h2>Who we are</h2>
<div class="h-image"><img loading="lazy" alt="Who we are" class="img-responsive" data-instanceid="5673614F-050F-44B0-8D85A685CA3B9C5F" loading="lazy" src="/sites/webqem/assets/File/who-we-are-group_02.jpg" /></div>
<p>webqem is a collective of 40+ strategists, creatives &amp; geeks with a unique digital-DNA stretching from the genesis of the web in the nineties to a future where the term &quot;digital&quot; is no longer in use; <strong>it just is</strong>.</p>
<p><a class="btn btn-primary btn-lg" href="/about/">More about webqem <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-6">
<h2>How we work</h2>
<div class="h-image"><img loading="lazy" alt="How we work" class="img-responsive" data-instanceid="CB066DD8-A0ED-4265-826E2E03319F9E49" loading="lazy" src="/sites/webqem/assets/File/how-we-work.jpg" /></div>
<!---
<div class="h-video">
<div id="container">&nbsp;</div>
<script> var playerParam = {'pcode':'5wbGs6fPk_WZ21VEIgA8tphepnAe','playerBrandingId':'be8b3a6bc90d4fd3a94ccba970478ae5','platform': 'html5','skin': {'config': '//player.ooyala.com/static/v4/stable/latest/skin-plugin/skin.json'} };OO.ready(function() {window.pp = OO.Player.create('container', 'ozNHV1MzE6BjN0OSco1KsXqjwDqm0jm9', playerParam); }); </script></div>
--->
<p>We create digital solutions that bring real results, and we're told we make the process enjoyable and engaging along the way. Take a closer look at some of <a href="/our-work/">our work</a> and <a href="/about/clients/">client relationships.</a></p>
<p><a class="btn btn-primary btn-lg" href="/our-work/">View case studies <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i></a></p>
</div>
</div>
</div>
</div></div>
</div>
<div class="mura-region"><div class="mura-region-local"></div></div>
<div class="mura-region"><div class="mura-region-local"><div class="mura-object" data-object="component" data-objectid="49D54A62-FD75-E7FC-C2DB5AE683FA4358" data-instanceid="E877DE2B-4502-4BC1-A8CC2FCBBDA16E79" style="" data-render="server" data-objecticonclass="mi-clone" data-inited="true" data-async="false" data-objectname="component" data-cssstyles=""><div id="" class="mura-object-content" style=""><div class="full-width what-we-do">
<div class="inner">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="inner-group">
<h2>What we do</h2>
<p>At the core of our offering, we're all about solving business problems with the right combination of online solutions. From analysis and strategy, through to design and development, we want to understand the '<strong>why</strong>' before we arrive at the '<strong>what</strong>'.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3>Digital Strategy</h3>
<div class="h-image"><img alt="" src="/sites/webqem/assets/Image/digital-strategy.png" /></div>
<ul>
<li>Web Presence Strategy</li>
<li>User Experience Strategy</li>
<li>Social Media Strategy</li>
<li>Web Analytics Consulting</li>
<li>Search Engine Optimisation (SEO)</li>
<li>Search Engine Marketing (SEM)</li>
</ul>
</div>
<div class="col-md-4">
<h3>Creative Services</h3>
<div class="h-image"><img alt="" src="/sites/webqem/assets/Image/creative-services.png" /></div>
<ul>
<li>Web Design</li>
<li>Information Architecture</li>
<li>User Experience</li>
<li>Banner Advertising Design</li>
<li>Mobile &amp; Touch Specific Design</li>
<li>Digital Publishing Design</li>
</ul>
</div>
<div class="col-md-4">
<h3>Technology Solutions</h3>
<div class="h-image"><img alt="" src="/sites/webqem/assets/Image/technology-solutions.png" /></div>
<ul>
<li>Web Development</li>
<li>E-Commerce Platform Solutions</li>
<li>Mobile &amp; Touch Web Solutions</li>
<li>Mobile Application Solutions</li>
<li>Content Management Systems</li>
<li>System &amp; Application Integrations</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="full-width-alt">
<div class="inner">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="get-in-touch">
<h4>Not sure what you need? <a class="btn btn-primary btn-lg" href="/contact/">Get in touch today <i class="fa fa-commenting fa-lg"></i></a></h4>
</div>
</div>
</div>
</div>
</div>
</div></div></div></div></div>
<div class="wrap-footer">
<div class="container">
<div class="row grid-padded-t5x grid-padded-b5x">
<div class="col-md-2">
<nav class="updates">
<h4 class="social-title">Follow us</h4>
<ul class="social-fa">
<li>
<a href="https://au.linkedin.com/company/webqem" class="linkedin-fa">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span></a>
</li>
<!-- <li>
<a href="https://twitter.com/webqem" class="twitter-fa">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span></a>
</li> -->
<li>
<a href="https://www.behance.net/webqem" class="twitter-fa">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-behance fa-stack-1x fa-inverse"></i>
</span></a>
</li>
</ul>
</nav>
</div>
<div class="col-md-10">
<nav class="siteMap">
<ul id="navSiteMap" class="clearfix">
<li class="first" id="navOurWork"><a href="/our-work/">Our Work</a>
<ul>
<li class="first" id="navJohnco"><a href="/our-work/johnco/">Johnco</a></li>
<li id="nav99Bikes"><a href="/our-work/99-bikes/">99 Bikes</a></li>
<li id="navAccorPlus"><a href="/our-work/accor/">Accor Plus</a></li>
<li id="navHyundai"><a href="/our-work/hyundai/">Hyundai</a></li>
<li id="navShortysLiquor"><a href="/our-work/shortys-liquor/">Shorty's Liquor</a></li>
<li class="last" id="navSuperrugby"><a href="/our-work/superrugby/">SuperRugby</a></li>
</ul>
</li>
<li id="navAbout"><a href="/about/">About</a>
<ul>
<li class="first" id="navTeam"><a href="/about/team/">Team</a></li>
<li id="navHistory"><a href="/about/history/">History</a></li>
<li class="last" id="navClients"><a href="/about/clients/">Clients</a></li>
</ul>
</li>
<li id="navSolutions"><a href="/solutions/">Solutions</a>
<ul>
<li class="first" id="navDigitalAssetManagementdam"><a href="/solutions/digital-asset-management-dam/">Digital Asset Management (DAM)</a></li>
<li id="navDigitalMarketing"><a href="/solutions/digital-marketing/">Digital Marketing</a></li>
<li id="navEcommerceSolutions"><a href="/solutions/ecommerce-solutions/">eCommerce solutions</a></li>
<li id="navContentManagementSystem"><a href="/solutions/mura-experts/">Content Management System</a></li>
<li id="navElearning"><a href="/solutions/complete-online-learning-solutions/">eLearning</a></li>
<li id="navWebConferencing"><a href="/solutions/connect-experts/">Web Conferencing</a></li>
<li id="navVideo"><a href="/solutions/video-experts/">Video</a></li>
<li id="navEbookDigitalRights"><a href="/solutions/ebook-digital-rights-management/">eBook Digital Rights</a></li>
<li class="last" id="navHostingAndManagedServices"><a href="https://www.veepshosting.com/">Hosting and Managed services</a></li>
</ul>
</li>
<li id="navJoin"><a href="/join/">Join</a></li>
<li class="last" id="navContact"><a href="/contact/">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<footer id="foot">
<div class="wrap-disclaimer">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-7">
<ul class="legal-info">
<li class="breadcrumb-copyright">Copyright &copy; 1999 - 2021 webqem pty ltd</li>
<li class="legal-info-phone"><a href="tel:+61 2 8968 1600">+61 2 8968 1600</a><span>|</span></li>
<li class="legal-info-email"><a href="mailto:info@webqem.com">info@webqem.com</a><span>|</span></li>
<li class="legal-info-privacy"><a href="/terms-of-use/">Privacy Policy</a></li>
</ul>
</div>
<div class="col-md-6 col-sm-5">
<div id="awards">
<ul class="clearfix">
<li class="footer-asp"><a href="https://solutionpartners.adobe.com/s/directory/detail/webqem+pty+ltd" target="_blank" rel="noreferrer"><img src="/themes/MuraBootstrap3/images/footer-logo-asp.png" width="169" height="45" alt="Adobe Solution Partner Silver"/></a></li>
<li class="footer-mura"><a href="https://www.murasoftware.com/resources/global-alliance-program/find-an-alliance-member/" target="_blank" rel="noreferrer"><img src="/themes/MuraBootstrap3/images/footer-logo-mura.png" width="120" height="68" alt="Mura own.ability"/></a></li>
<li class="footer-shopify-experts"><a href="https://webqem.com/solutions/shopify/"><img src="/themes/MuraBootstrap3/images/logo-shopify-experts.svg" width="190" height="33" alt="Shopify Experts" title="Shopify Experts" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- US -->
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha512-oBTprMeNEKCnqfuqKd6sbvFzmFQtlXS3e0C/RGFV0hD6QzhHV+ODfaQbAlmY6/q0ubbwlAM/nCJjkrgA3waLzg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/sites/webqem/js/src/core/templates-handlebars.js?c=116"></script>
<script src="/sites/webqem/js/src/core/ui.form.js?c=116"></script>
<script src="/themes/MuraBootstrap3/js/theme/theme.min.js?c=116"></script>
<script src="//www.webqem.com/core/modules/v1/cta/js/mura.displayobject.cta.min.js" ></script>
<link rel="stylesheet" href="//www.webqem.com/core/modules/v1/resource_hub/assets/css/resource_hub.css">
<script src="//www.webqem.com/core/modules/v1/pdfviewer/dist/main.bundle.js" ></script></body>
</html>