<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>why interactive</title>
    <meta name="description" content="Wi craft digital products with a human touch." />
    <meta property="og:image" content="https://whyinteractive.com/assets/images/why.jpg">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="817">
    <meta property="og:image:height" content="517">
    <meta property="og:url" content="https://whyinteractive.com">
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@whyinteractive" />
    <meta name="twitter:title" content="Why Interactive" />
    <meta name="twitter:description" content="Wi craft digital products with a human touch." />
    <meta name="twitter:image" content="https://whyinteractive.com/assets/images/why.jpg" />
    <link rel="canonical" href="https://whyinteractive.com">
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon" />
    <link href="https://fonts.googleapis.com/css?family=Karla|Montserrat:200,400,600" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
    <!-- <section id="nav">
        <a href="javascript:;" id="btnInfo" class="text-light" style="font-weight:200;">contact</a>
    </section> -->
    <section id="welcome">
      <div class="slide">
          <div class="img">
            <img src="assets/images/why.jpg">
          </div>
          <div class="col-xs-12 col-sm-8 full-height">
              <h1>
                Wi craft
                <br class="visible-xs visible-sm" />
                <u>digital products</u>
                <br>
                with a human touch.
              </h1>
          </div>
          <div style="position:absolute; bottom:5%;left:0px;width:100%;" class="text-center">
            <i class="fa fa-long-arrow-down"></i>
          </div>
      </div>
    </section>
    <section id="intro">
      <div class="bg-light text-center overlap">
        <div style="padding-top:15%;margin:0px auto;">
          <div class="container" style="max-width:780px;">
          <h5 class="text-light"><u>Hello!</u></h5>
          <p>After running as a digital design studio and serving clients for over 8 years, Kevin decided to make a big change at the end of 2016 ──
             invest in ideas he believes in.<br>
          </p>
          </div>
          <div class="container" style="max-width:920px;">
          <div class="row row-top">
            <div class="app col-xs-6 col-sm-4 col-md-2">
              <a href="https://www.getslowly.com" target="_blank">
                <span class="img"><img src="assets/images/slowly.png" alt="Slowly" ></span>
              </a>
              <h6>SLOWLY &nbsp;<i class="fa fa-external-link text-light"></i></h6>
            </div>
            <div class="app col-xs-6 col-sm-4 col-md-2">
              <a href="https://musicbee.cc/" target="_blank">
                <span class="img"><img src="assets/images/musicbee.png" alt="MusicBee"></span>
              </a>
              <h6>MusicBee &nbsp;<i class="fa fa-external-link text-light"></i></h6>
            </div>
            <div class="app col-xs-6 col-sm-4 col-md-2">
              <a href="javascript:;"  data-toggle="tooltip" data-placement="top" title="Coming Soon">
                <span class="img"><img src="assets/images/lobbi.png" alt="Lobbi"></span>
              </a>
              <h6>Lobbi &nbsp;<i class="fa fa-hourglass-start text-light"></i></h6>
            </div>
            <div class="app col-xs-6 col-sm-4 col-md-2">
              <span class="img"><img src="assets/images/dtje.png" alt="Don't Think, Just Eat"></span>
              <h6 class="text-light">Just Eat &nbsp;<i class="fa fa-lock text-light"></i></h6>
            </div>
            <div class="app col-xs-6 col-sm-4 col-md-2">
              <span class="img"><img src="assets/images/cny.png" alt="CNY 2012"></span>
              <h6 class="text-light">CNY2012 &nbsp;<i class="fa fa-lock text-light"></i></h6>
            </div>
            <div class="app col-xs-6 col-sm-4 col-md-2">
              <span class="img"><img src="assets/images/smtsp.png" alt="Send Me To South Pole"></span>
              <h6 class="text-light">SouthPole &nbsp;<i class="fa fa-lock text-light"></i></h6>
            </div>
          </div>
        </div>
        </div>
      </div>
      <div style="clear:both;"></div>
    </section>
    <div id="contact-bar" class="text-center" style="background:#fff;width:100%;height:60px;border-top:1px solid #f1f1f1;">
      <div class=" container" style="color:#2b2b2b;padding:15px;">
        <a href="/cdn-cgi/l/email-protection#ee858b988780ae99869787809a8b9c8f8d9a87988bc08d8183" style="color:#2b2b2b;"><i class="fa fa-envelope fa-fw"></i></a> &nbsp;
        <a href="https://www.facebook.com/whyinteractive/" target="_blank" style="color:#2b2b2b;"><i class="fa fa-facebook fa-fw"></i></a> &nbsp;
        <a href="https://twitter.com/whyinteractive" target="_blank" style="color:#2b2b2b;"><i class="fa fa-twitter fa-fw"></i></a> &nbsp;
        <a href="https://www.linkedin.com/company/866075/" target="_blank" style="color:#2b2b2b;"><i class="fa fa-linkedin fa-fw"></i></a> &nbsp;
        <a href="https://medium.com/@_kevinkev" target="_blank" style="color:#2b2b2b;"><i class="fa fa-medium fa-fw"></i></a>
      </div>
    </div>

    <!-- <section id="contact">
      <div class="contact-wrapper">
        <div style="max-width:780px;display:flex;" class="container full-height text-center">
          <div style="margin:auto;">
          <p class="text-white" style="font-weight:200;font-size:14px;">Let's talk</p>
          <a href="mailto:kevin@whyinteractive.com"><h3 class="text-white">kevin@whyinteractive.com</h3></a>
          <br> -->
          <!-- <p class="text-white" style="font-weight:200;">
            Kevin Wong is a new media designer from Hong Kong, who is the first generation that grew up with the internet in the golden 80s.
          </p>
          <p class="text-white" style="font-weight:200;">
            He has been working in the new media design field for over 10 years.
            In late 2008, he founded his company, Why Interactive, aiming to provide custom-made, interactive solutions, that blends awesome visual design and impressive user experience.
          </p>
          <p class="text-white" style="font-weight:200;">
            Besides working as the Creative Director in his own company, he is also a guest columnist, writing about new media design in a local magazine;
            Jury of international design platform includes Awwwards.com (2012), DesignAwards.Asia ( 2015 - present ), CSS Design Awards ( 2014 - present ) & Webby Awards ( 2012 - present ).
          </p> -->
          <!-- <br>
          <p class="text-white"  style="font-weight:200;font-size:14px;">Keep in touch</p>
          <p class="text-white">
            <a href="https://www.facebook.com/whyinteractive/" target="_blank"><i class="fa fa-facebook fa-fw"></i></a> &nbsp;
            <a href="https://twitter.com/whyinteractive" target="_blank"><i class="fa fa-twitter fa-fw"></i></a> &nbsp;
            <a href="https://www.linkedin.com/company/866075/" target="_blank"><i class="fa fa-linkedin fa-fw"></i></a> &nbsp;
            <a href="https://medium.com/@_kevinkev" target="_blank"><i class="fa fa-medium fa-fw"></i></a> &nbsp;
          </p>
        </div>
      </div>
    </section> -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://code.jquery.com/jquery-1.9.1.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ=" crossorigin="anonymous"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wi.js"></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-858038-9"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-858038-9');
    </script>

</body>
</html>
