index.html

---
layout: default
---
<div class="page" id="main-page">
    <!-- Navigation Bar -->
    <div id="img-paralax" data-type="background" data-speed="10">

        <div id="home-bg-transparent">

            <!-- HOME -->
            <div class="row" id="section-home">
                <!-- <div class="medium-1 columns"></div> -->
                <div class="img-sub-container small-12 medium-10 large-8 columns text-center small-centered">
                    <div>
                    <a name="home"></a>
                    <img id="home-logo" src="img/bywave_clear.png"><br/><br/>

                    <h3 id="subtitle-1">We create solutions that change the way you do business.</h3>
                    <h3 id="subtitle-2">Have a look at our work or get in touch to find out more</h3>
                    <nav data-topbar>
                        <ul class="sub-nav nav-center main-link">
                            <li><h5><a href="#work">Work</a></h5></li>
                            <li><h5><a href="#about" onclick="AboutUs.clickHomeNav()">About</a></h5></li>
                            <li><h5><a href="#contact">Contact</a></h5></li>
                        </ul>
                    </nav>
                    </div>

                    <div class="btn-scroll">
                        <a href="#work" class="btn btn-circle">
                            <i class="fa fa-angle-double-down animated"></i>
                        </a>
                    </div>
                </div>
                <!-- <div class="medium-1 columns"></div> -->
                
                 
            </div>
        </div>
    </div>

    <div class="row" data-magellan-destination="work" id="work">
        <div class="small-12 large-10 columns text-center small-centered">
            <a name="work"><h1>Our Work</h1></a>
            <p class="text-center">We work hard to produce amazing results. Find out more below.</p>
            <br/><br/>
            <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5 lists">
                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-utorial"
                        href="{{site.baseurl}}/#work-utorial">
                            <div class="image" >
                                <img src="/img/work/utorial-tile.png">
                            </div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page"
                           data-page-destination="#work-transdirect" 
                           href="{{site.baseurl}}/#work-transdirect">
                            <div class="image" >
                                <img src="/img/work/transdirect-tile.png">
                            </div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page"
                           data-page-destination="#work-surf-life-active" href="{{site.baseurl}}/#work-surf-life-active">
                            <div class="image" >
                                <img src="/img/work/surf-life-active-tile.png">
                            </div>
                        </a>
                    </div>
                </li>

         
                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page"
                           data-page-destination="#work-organicresponse" href="{{site.baseurl}}/#work-organicresponse">
                            <div class="image" >
                                <img src="/img/work/organicresponse-tile.png">
                            </div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-burbia"
                        href="{{site.baseurl}}/#work-burbia">
                            <div class="image"><img src="/img/work/burbia-tile.jpg"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-f45-academy"
                         href="{{site.baseurl}}/#work-f45-academy">
                            <div class="image"><img src="/img/work/f45-academy-tile.jpg"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-pearson"
                        href="{{site.baseurl}}/#work-pearson">
                            <div class="image"><img src="/img/work/pearson-tile.jpg"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-worldproperty"
                         href="{{site.baseurl}}/#work-worldproperty">
                            <div class="image"><img src="/img/work/worldproperty-tile.jpg"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-wspa"
                        href="{{site.baseurl}}/#work-wspa">
                            <div class="image"><img src="/img/work/wspa-tile.jpg"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-affectors"
                        href="{{site.baseurl}}/#work-affectors">
                            <div class="image"><img src="/img/work/Affectors.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-beam"
                        href="{{site.baseurl}}/#work-beam">
                            <div class="image"><img src="/img/work/Beam.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-bravehearts"
                        href="{{site.baseurl}}/#work-bravehearts">
                            <div class="image"><img src="/img/work/Bravehearts.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-camera-pro"
                        href="{{site.baseurl}}/#work-camera-pro">
                            <div class="image"><img src="/img/work/Camera Pro.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-drawing-book-academy"
                          href="{{site.baseurl}}/#work-drawing-book-academy">
                            <div class="image"><img src="/img/work/Drawing Book Academy.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-eurovision"
                        href="{{site.baseurl}}/#work-eurovision">
                            <div class="image"><img src="/img/work/Eurovision.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-fp-markets"
                         href="{{site.baseurl}}/#work-fp-markets">
                            <div class="image"><img src="/img/work/FP Markets.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-future-people"
                        href="{{site.baseurl}}/#work-future-people">
                            <div class="image"><img src="/img/work/FuturePeople.png"></div>
                        </a>
                    </div>
                </li>


                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-exit-syria"
                        href="{{site.baseurl}}/#work-exit-syria">
                            <div class="image"><img src="/img/work/Exit Syria.png"></div>
                        </a>
                    </div>
                </li>


                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-good-tonight"
                        href="{{site.baseurl}}/#work-good-tonight">
                            <div class="image"><img src="/img/work/Good Tonight.png"></div>
                        </a>
                    </div>
                </li>

                 <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-optus"
                         href="{{site.baseurl}}/#work-optus">
                            <div class="image"><img src="/img/work/optus-tile.jpg"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-raine-square"
                            href="{{site.baseurl}}/#work-raine-square">
                            <div class="image"><img src="/img/work/Raine Square.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-seizure"
                        href="{{site.baseurl}}/#work-seizure">
                            <div class="image"><img src="/img/work/Seizure.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-strange-love"
                        href="{{site.baseurl}}/#work-strange-love">
                            <div class="image"><img src="/img/work/Strangelove.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-tas-go-behind"
                        href="{{site.baseurl}}/#work-tas-go-behind">
                            <div class="image"><img src="/img/work/TAS go behind.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-venture"
                        href="{{site.baseurl}}/#work-venture">
                            <div class="image"><img src="/img/work/VENTURE.png"></div>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="card">
                        <a class="pageload-link" data-page-origin="#main-page" data-page-destination="#work-wilderquest"
                        href="{{site.baseurl}}/#work-wilderquest">
                            <div class="image"><img src="/img/work/Wilderquest.png"></div>
                        </a>
                    </div>
                </li>

            </ul>
        </div>
    </div>
     <!-- ABOUT -->
    <div id="about-sec-img-bg" data-type="background" data-speed="10">
      <div class="row" data-magellan-destination="about" id="about">
                <!-- <div class="header-shadow"></div> -->
                <div class="img-bg-trans">
                    <div class="header-shadow header-shadow-reverse"></div>
                    <div class="slider">
                      <div class="img-1">
                        <div class="text-per-image1">
                           <h1 class="text-center">THE BYWAVE ETHOS</h1>
                            <p class="text-center sub">Bywave is a digital studio, with our head office based in Surry Hills, 
                            Australia. At Bywave we have engineers who specialise in creating applications and building your 
                            idea into a functional web or mobile platform.</p>
                        </div>
                      </div>
                      <div class="img-2">
                            <div class="text-per-image2">
                                <h1 class="text-center">Strategy</h1>
                                <p class="text-center sub">Established in 2006, and with over 300 successful projects under 
                                our belt, we pride ourselves on our ability to execute strategy, design and development into 
                                functional interfaces and user experiences.</p>

                            </div>
                        </div>
                      <div class="img-3">
                            <div class="text-per-image3">
                                <h1 class="text-center">Design</h1>
                                <p class="text-center sub">We work with local and international clients to construct applications 
                                which make a difference. Our core focus is providing our clients with solutions, and adding value 
                                to their brand.</p>
                            </div>
                      </div>
                      <div class="img-4">
                            <div class="text-per-image4">
                                <h1 class="text-center">Development</h1>
                                <p class="text-center sub">We work directly with clients and agencies, including:<br/>
                                    Slingshot Digital<br/>
                                    Binary Studios<br/>
                                    April77<br/>
                                    Very Livingston<br/>
                                    Beyond Advertising<br/>
                                    Endorphin Interactive<br/>
                                These partnerships have allowed us to work with a variety of incredible clients including SBS Eurovision, Sony, Beam, Stab, Natures Own, and Transdirect.
                                </p>
                            </div>
                      </div>
                    </div>
                </div>
            <!-- </div> -->
      </div>
    </div>

    <!-- CONTACT -->
    <div class="row" data-magellan-destination="contact" id="contact">
        <a name="contact"><h1 class="text-center">Contact us</h1></a>
        <p class="text-center">Don't be shy - we want to hear from you!</p>
        
        <div class="header-shadow"></div>
        <div id="google-map"></div>
        
        <div class="small-12 columns small-centered">
            <div class="small-12 columns">
                <br/>
                <p class="text-center">
                    Address: Suite 1, Level 2, 78-84 Kippax St,<br/>
                    Surry Hills, NSW, 2010<br/>
                    Phone: +61 (2) 8203 4048<br/>
                    Mail: info@bywave.com.au<br/>
                </p>
            </div>

            <div class="small-12 large-4 large-centered medium-8 medium-centered columns">
                <br/>
                <p class="success-message">"Thank you"</p>

                <form id="contact-form">
                    <p class="text-center">
                        If you have a query, please give us a call or fill out the form. Whether it be a quote
                        request or general enquiry about our services, we’re happy to answer any of your questions.
                    </p>
                    <label class="input-label">Name
                        <input class="error" id="nameVal" name="entry.1583774038" type="text" width="100%">
                        <small class="error prompt reqname">Please fill out this field</small>
                    </label>
                    <label class="input-label">Email
                        <input class="error" id="email" name="entry.1932651370" type="text" width="100%" onblur="ContactForm.validateEmail(this.value)">
                        <small class="error prompt invemail">Invalid Email</small>
                        <small class="error prompt reqemail">Please fill out this field</small>
                    </label>
                    <label class="input-label">Message
                        <textarea class="msg-text error" id="msg" name="entry.318137689" width="100%"></textarea>
                        <small class="error prompt reqmsg"> Please fill out this field</small>
                    </label>
                    <input class="button btn-contact" type="submit" value="Submit">
                </form>
            </div>
        </div>
    </div>
</div>

<!-- {{ site.case_studies }} -->

<!-- Case Studies -->
<div class="page" id="work-affectors">

    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Affectors</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>Affectors assemble to help creative minded artists, marketers and entrepreneurs connect through multi sensory content.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://affectors.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="/#work" class="pageload-link" data-page-origin="#work-affectors" data-page-destination="#main-page"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p><br>        
       </section>      
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-beam">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Beam Wallet</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>A mobile app that uses secure payment technology to allow you to pay and manage your spending all on your smartphone.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://affectors.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="/#work" class="pageload-link" data-page-origin="#work-beam" data-page-destination="#main-page"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p><br>
        </section>         
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-bravehearts">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>BraveHeart</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>Bravehearts Inc. sets the standard in the provision of specialist therapeutic services and support to children and young people, adults and non-offending family members affected by child sexual assault.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.bravehearts.org.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-bravehearts" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p><br>
        </section>        
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-burbia">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Burbia</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p> BURBIA is all about creating beautiful affordable suburban typographic screen prints of the places we live and love.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://burbia.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-burbia" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/burbia.png"></p><br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-camera-pro">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Camera Pro</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p> From Cameras, Studio Lighting, Lenses, Tripods and Bags though to Printing and Colour Calibration; Camera Pro has an extensive and ever-expanding product range, designed to meet the full needs of the budding hobbyist and the professional photographer.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.bravehearts.org.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-camera-pro" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p><br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-drawing-book-academy">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Drawing Book Academy</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>DBA offers monthly workshops and a Diploma in Visual Arts majoring in illustration to bridge the gap between art and commerce.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://drawingbookacademy.edu.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-drawing-book-academy" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p><br>
        </section>        
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-eurovision">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Eurovision SBS</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p>The Eurovision Song Contest is produced each May under the auspices of the European Broadcasting Union, and is a state-of-the-art, world-class television production of a music competition between songs representing the respective countries of the participating EBU Members.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.sbs.com.au/eurovision/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-eurovision" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-exit-syria">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Exit Syria</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>Exit Syria is an online documentary that offers an intimate, up-close picture of life in Jordan’s Za’atari refugee camp – home to tens of thousands of Syrian refugees.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.sbs.com.au/exitsyria/#/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-exit-syria" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
       
    </div>
</div><!-- /case-study --><!-- Case Studies -->

<div class="page" id="work-f45-academy">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>F45 Training</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p>F45 style is a holistic approach to training, combining only the best parts of all cardio and resistance techniques in a unique and innovative group training experience.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.f45training.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-f45-academy" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/f45-academy-full.png"></p>
            <br>
        </section>
       
    </div>
</div><!-- /case-study --><!-- Case Studies -->

<div class="page" id="work-fp-markets">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>FP Markets</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>FP Markets (FPM) is an award-winning company that has earned a stellar reputation for providing Contracts for Difference (CFDs), one of the most popular financial trading instruments in Australia, through Direct Market Access.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.fpmarkets.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-fp-markets" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
       
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-future-people">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Future People</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>Future People are leading contact centre recruitment specialists through their research and scientifically-grounded recruitment process – FutureFit™.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.futurepeople.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-future-people" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
        
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-good-tonight">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Good Tonight</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p>GoodTonight is a new platform that allows you to socially find the best places to go out, each night of the week.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="https://goodtonight.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-good-tonight" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
      
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-optus">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Optus</h1>
            </div>
            <div class="case-definition">
                <div class="def"> 
                    <p>Utorial is a global community that uses video-chat to share skills and knowledge and a higher level of understanding to people. We’ll have all kinds of subjects, from French to fine art, geography to guitar.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://optus.ourpreviewdomain.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp; 
                <a class="pageload-link" data-page-origin="#work-optus" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/optus.jpeg"></p>
            <br>
        </section>
        
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-organicresponse">
    <div class="row">
        <div class="side">
            <div class="case-title">
               <h1>Organic Response</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p> Organic Response has developed a Distributed Intelligence lighting control system that allows each individual luminaire to make lighting decisions based on the presence of occupants in its immediate vicinity, ambient light levels, and information it receives from its neighbouring luminaires.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="hhttp://organicresponse.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-organicresponse" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/organicresponse-commercial.png"></p>
            <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-pearson">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Pearson</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p>The world's leading learning company with a portfolio that provides innovative textbooks, online testing, software solutions and integrated services.</p>
                </div>
            </div>
        </div>
         <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="https://www.pearsonclinical.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-pearson" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/pearson-home.png"></p>
             <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-raine-square">
    <div class="row">   
        <div class="side">
            <div class="case-title">
                <h1>Raine Square</h1>
            </div>
            <div class="case-definition">
                <div class="def"> 
                    <p>Raine Square  is the leading shopping centre on Western end of the Perth Shopping Precinct.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.rainesquare.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-raine-square" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
      
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-seizure">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Seizure</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p>Seizure is a launchpad for Australian writing that provides you with new writing to engage and delight as well a program of events – both at festivals and beyond.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://seizureonline.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-seizure" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
             <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-strange-love">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Strangelove</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p> StrangeLove Organic Energy Elixir is first, only and best organic energy drink.</p>
                </div>
            </div>
        </div>
         <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://strangelove.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-strange-love" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
        
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-surf-life-active">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Surf Life Active</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p>Utorial is a global community that uses video-chat to share skills and knowledge and a higher level of understanding to people. We’ll have all kinds of subjects, from French to fine art, geography to guitar.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://livelifegetactive.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-surf-life-active" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/surf-life-active.png"></p>
            <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-tas-go-behind">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>TAS Go Behind Scenery</h1>
            </div>
            <div class="case-definition">
                <div class="def"> 
                    <p>Tourism Tasmania is the Tasmanian Government's tourism agency whose role is to maximise the contribution of tourism to Tasmania's economic growth.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://gobehindthescenery.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;                
                <a class="pageload-link" data-page-origin="#work-tas-go-behind" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-transdirect">
    <div class="row">
        <div class="side">
            <div class="case-title"> 
                <h1>Transdirect</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>Transdirect provides a comprehensive range of shipping solutions designed to get packages delivered across Australia in the most efficient and economical manner possible. Users receive quotes, book online, and can track their bookings all within the online web system.
                    The Transdirect website was built on an old platform, with a code base which was very difficult to modify and adjust to changing business demands. The brand also wanted to improve their courier aggregation service in order to increase customer retention through an enhanced user experience.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="https://www.transdirect.com.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-transdirect" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
       <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/transdirect-quote-2.png"></p>
            <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-utorial">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Utorial</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>Utorial is a global community that uses video-chat to share skills and knowledge and a higher level of understanding to people. We’ll have all kinds of subjects, from French to fine art, geography to guitar.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
            <!-- <p> -->
                <i class="fa fa-angle-double-left"></i>
                <a href="http://utorial.tv/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-utorial" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
            <!-- </p> -->
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-venture">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Venture Consulting</h1>
            </div>
            <div class="case-definition">
                <div class="def"> 
                    <p>Venture Consulting is an independent consulting business focused on the fast moving digital, media &amp; telecoms sectors.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.ventureconsulting.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;  
                <a class="pageload-link" data-page-origin="#work-venture" data-page-destination="#main-page" href="/#work"><span>Back</span></a>      
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-wilderquest">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>Wilderquest</h1>
            </div>
            <div class="case-definition"> 
                <div class="def">
                    <p>WilderQuest is a program incorporating an online environment and in-nature experiences, developed by the NSW National Parks and Wildlife Service to encourage children and their families to spend time in nature.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://wilderquest.nsw.gov.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-wilderquest" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/utorial.png"></p>
            <br>
        </section>
        
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-worldproperty">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>World Property</h1>
            </div>
            <div class="case-definition">
                <div class="def"> 
                    <p>Website that allows for a global market of sellers, buyers, landlords and renters, to advertise and negotiate for themselves directly with the other party.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.worldproperty.com/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-worldproperty" data-page-destination="#main-page" href="/#work"><span>Back</span></a>
        </div>
        <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/worldproperty.png"></p>
              <br>
        </section>
    </div>
</div><!-- /case-study --><!-- Case Studies -->
<div class="page" id="work-wspa">
    <div class="row">
        <div class="side">
            <div class="case-title">
                <h1>WAP Live Export Pages</h1>
            </div>
            <div class="case-definition">
                <div class="def">
                    <p>World Animal Protection is actively fighting for a solution to the Millions of sheep and cattle suffering unnecessarily during live export.</p>
                </div>
            </div>
        </div>
        <div class="side-right">
                <i class="fa fa-angle-double-left"></i>
                <a href="http://www.worldanimalprotection.org.au/" target="_blank"><span>Launch Page</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="pageload-link" data-page-origin="#work-wspa" data-page-destination="#main-page" href="/#work"><span>Back</span></a> 
        </div>
         <section class="small-12 large-8 columns text-center large-centered">
            <p><img src="/img/work/wspa-landing.png"></p>
            <p><img src="/img/work/wspa-form.png"></p>
        </section>
        <section class="small-12 large-8 columns text-center large-centered">
            <div class="side">
                <div class="case-title">
                    <h1>WAP Donation Pages</h1>
                </div>
                <div class="case-definition">
                    <div class="def"> 
                        <p>With your donations,  World Animal Protection has been going where animal suffering is most far-reaching and animal cruelty is most severe for over 50 years.</p>
                    </div>
                </div>
            </div>
            <p><img src="/img/work/wspa-donate.png"></p>
             <br>
        </section>
        
    </div>
</div><!-- /case-study -->


<div id="loader" class="pageload-overlay" data-opening="m -5,-5 0,70 90,0 0,-70 z
m 5,35 c 0,0 15,20 40,0 25,-20 40,0 40,0 l 0,0 C 80,30 65,10 40,30 15,50 0,30 0,30 z">
    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 80 60" preserveAspectRatio="none">
        <path d="m -5,-5 0,70 90,0 0,-70 z m 5,5 c 0,0 7.9843788,0 40,0 35,0 40,0 40,0 l 0,60
      c 0,0 -3.944487,0 -40,0 -30,0 -40,0 -40,0 z"/>
    </svg>
</div><!-- /pageload-overlay -->