<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<meta property="og:title" content="Designer of disruptive SaaS products for 25 years.">
<meta property="og:image" content="https://johnreel.com/assets/img/JohnReel.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="/assets/css/gsdk.css" rel="stylesheet" />

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link href="/assets/css/pe-icon-7-stroke.css" rel="stylesheet" />
<link href="/assets/css/styles.css" rel="stylesheet" />

<script type="6f88e9c661e47325344c2d4b-text/javascript">
    !function() {
    var t;
    if (t = window.driftt = window.drift = window.driftt || [], !t.init) return t.invoked ? void (window.console && console.error && console.error("Drift snippet included twice.")) : (t.invoked = !0, 
    t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 
    t.factory = function(e) {
        return function() {
        var n;
        return n = Array.prototype.slice.call(arguments), n.unshift(e), t.push(n), t;
        };
    }, t.methods.forEach(function(e) {
        t[e] = t.factory(e);
    }), t.load = function(t) {
        var e, n, o, i;
        e = 3e5, i = Math.ceil(new Date() / e) * e, o = document.createElement("script"), 
        o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + i + "/" + t + ".js", 
        n = document.getElementsByTagName("script")[0], n.parentNode.insertBefore(o, n);
    });
    }();
    drift.SNIPPET_VERSION = '0.3.1';
    drift.load('8h7xvt6rhisk');
    </script>
<script type="6f88e9c661e47325344c2d4b-text/javascript">
    (function() {
        /* Add this class to any elements you want to use to open Drift.
        *
        * Examples:
        * - <a class="drift-open-chat">Questions? We're here to help!</a>
        * - <button class="drift-open-chat">Chat now!</button>
        *
        * You can have any additional classes on those elements that you
        * would ilke.
        */
        var DRIFT_CHAT_SELECTOR = '.drift-open-chat'
        /* http://youmightnotneedjquery.com/#ready */
        function ready(fn) {
        if (document.readyState != 'loading') {
            fn();
        } else if (document.addEventListener) {
            document.addEventListener('DOMContentLoaded', fn);
        } else {
            document.attachEvent('onreadystatechange', function() {
            if (document.readyState != 'loading')
                fn();
            });
        }
        }
        /* http://youmightnotneedjquery.com/#each */
        function forEachElement(selector, fn) {
        var elements = document.querySelectorAll(selector);
        for (var i = 0; i < elements.length; i++)
            fn(elements[i], i);
        }
        function openSidebar(driftApi, event) {
        event.preventDefault();
        driftApi.sidebar.open();
        return false;
        }
        ready(function() {
        drift.on('ready', function(api) {
            var handleClick = openSidebar.bind(this, api)
            forEachElement(DRIFT_CHAT_SELECTOR, function(el) {
            el.addEventListener('click', handleClick);
            });
        });
        });
    })();
    </script>
 <title>John Reel - I build startups</title>
<meta name="description" content="Fractional CTO, SaaS designer, and Internet entrepreneur of 25 years." />
<link href="/assets/css/animate.css" rel="stylesheet" />
</head>
<body>
<div class="wrapper hero">
<nav class="navbar" role="navigation">
<div class="container">

<div class="navbar-header">
<button id="menu-toggle" type="button" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar bar1"></span>
<span class="icon-bar bar2"></span>
<span class="icon-bar bar3"></span>
</button>
<p class="navbar-brand"><a href="/">JohnReel.com</a><p>
</div>

<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<img src="/assets/img/folder.png"> Portfolio
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="https://johnreel.com/blog/inventing-the-web/">
How I Helped Invent The Web
</a>
</li>
<li>
<a href="/portfolio/allvotescount">
All Votes Count Canada
</a>
</li>
<li>
<a href="/portfolio/squarebid">
SquareBid
</a>
</li>
<li>
<a href="/portfolio/ingamer">
InGamer
</a>
</li>
<li>
<a href="/portfolio/trackerly">
Tracker.ly
</a>
</li>
</ul>
</li>
<li style="display: none;">
<a href="/JohnReel.pdf" target="_blank">
<img src="/assets/img/CA.png"> 1-519-362-8426
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/johnreel/" target="_blank">
<img src="/assets/img/linkedin.png"> Linkedin
</a>
</li>
<li>
<a href="/JohnReelResume.pdf" target="_blank">
<img src="/assets/img/pdf.png"> R&eacute;sum&eacute;
</a>
</li>
<li>
<a href="" class="drift-open-chat btn btn-round btn-fill btn-primary">Contact Me</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="description">
<h2>I Build <span style="color: #c15721;">SaaS Startups</span> and Train Founders to <span style="color: #c15721;" id="succeed">Succeed</span>.</h2>
<p>I have been coaching startups for 25 years, helping them plan, execute, and achieve their goals. I've also built my own million dollar startup as a solo founder and invented several universally used <a href="/blog/inventing-the-web/">Internet software categories</a> and <a href="/blog/gamification/">growth hacks.</a></p>
<div class="buttons">
<div class="row">
<div class="col-md-6">

<a href=""><button class="drift-open-chat btn btn-md btn-fill btn-primary">
Get Help With Your Startup
</button></a>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 hidden-xs">
<img src="/assets/img/JohnReel.png" style="margin-top: 20px; margin-bottom: -12px;  margin-right: -20px;">
</div>
</div>
</div>
</div>
<div class="wrapper portfolio homepage">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="ribbon"><span>2018</span></div>
<div class="img">
<img src="/assets/img/CardCoverPhocusPro.png" alt="..." />
</div>
<div class="content">
<div class="logo">
<img src="/assets/img/LogoPhocusPro.png" alt="..." />
</div>
<p class="description text-justify">
Photography in-person sales software has been stuck in the 90's. I was tasked to reimagine what it could be with modern design and technology.
</p>
</div>
<div class="text-center">
<a href="/portfolio/phocuspro"><button class="btn btn-lg btn-fill btn-success">READ CASE STUDY</button></a>
</div>
</div> 
</div>
<div class="col-md-4">
<div class="card">
<div class="ribbon"><span>2017</span></div>
<div class="img">
<img src="/assets/img/CardCoverAllVotesCount.png" alt="..." />
</div>
<div class="content">
<div class="logo">
<img src="/assets/img/LogoAllVotesCount.png" alt="..." />
</div>
<p class="description text-justify">
"John Reel has been an invaluable resource for All Votes Count Canada. He is disciplined and highly organized, he brings marketing insight..."
</p>
</div>
<div class="text-center">
<a href="/portfolio/allvotescount"><button class="btn btn-lg btn-fill btn-success">READ CASE STUDY</button></a>
</div>
</div> 
</div>
<div class="col-md-4">
<div class="card">
<div class="ribbon"><span>2014</span></div>
<div class="img">
<img src="/assets/img/CardCoverSquarebid.png" alt="..." />
</div>
<div class="content">
<div class="logo">
<img src="/assets/img/LogoSquarebid.png" alt="..." />
</div>
<p class="description text-justify">
"John's knowledge of UX and design gave us a powerful design to implement. He has a deep understanding of how to build a successful..."
</p>
</div>
<div class="text-center">
<a href="/portfolio/squarebid"><button class="btn btn-lg btn-fill btn-success">READ CASE STUDY</button></a>
</div>
</div> 
</div>
<div class="col-md-4">
<div class="card">
<div class="ribbon"><span>2012</span></div>
<div class="img">
<img src="/assets/img/CardCoverIngamer.png" alt="..." />
</div>
<div class="content">
<div class="logo">
<img src="/assets/img/LogoInGamer.png" alt="..." />
</div>
<p class="description text-justify">
"John actively sought out feedback to understand our product, market conditions, and customers, and succeeded in designing..."
</p>
</div>
<div class="text-center">
<a href="/portfolio/ingamer"><button class="btn btn-lg btn-fill btn-success">READ CASE STUDY</button></a>
</div>
</div> 
</div>
<div class="col-md-4">
<div class="card">
<div class="ribbon"><span>2009</span></div>
<div class="img">
<img src="/assets/img/CardCoverTrackerly.png" alt="..." />
</div>
<div class="content">
<div class="logo">
<img src="/assets/img/LogoTrackerly.png" alt="..." />
</div>
<p class="description text-justify">
Tracker.ly's predecessor, GoTryTHIS, was the first paid redirect service, introduced numerous link techniques, and created an industry.
</p>
</div>
<div class="text-center">
<a href="/portfolio/trackerly"><button class="btn btn-lg btn-fill btn-success">READ CASE STUDY</button></a>
</div>
</div> 
</div>
<div class="col-md-4">
<div class="card">
<div class="ribbon"><span>2000</span></div>
<div class="img">
<img src="/assets/img/CardCoverHomefield.png" alt="..." />
</div>
<div class="content">
<div class="logo">
<img src="/assets/img/LogoHomefield.png" alt="..." />
</div>
<p class="description text-justify">
One of the first grocery delivery companies has been running their entire business on the same software for twenty years and counting.
</p>
</div>
<div class="text-center">
<a href="https://johnreel.com/portfolio/homefield/"><button class="btn btn-lg btn-fill btn-success">READ CASE STUDY</button></a>
</div>
</div> 
</div>

<div class="col-md-4">
<div class="card">
<div class="ribbon"><span>1993</span></div>
<div class="img">
<img src="/assets/img/CardCoverWebSorcery.png" alt="..." />
</div>
<div class="content">
<div class="logo">
<img src="/assets/img/LogoWebSorcery.png" alt="..." />
</div>
<p class="description text-justify">
"I worked for two of his companies where I often witnessed his skill at solving large problems and thinking far outside the box..."
</p>
</div>
<div class="text-center">
<a href="https://johnreel.com/blog/inventing-the-web/"><button class="btn btn-lg btn-fill btn-success">READ CASE STUDY</button></a>
</div>
</div> 
</div>
</div>
</div>
</div>
<div class="wrapper footer">
<div class="container">
<p class="text-center">&copy; John Reel, 2017 - 2020 </div>
</div>
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" data-cf-settings="6f88e9c661e47325344c2d4b-|49" defer=""></script></body>

<script src="/assets/js/jquery.js" type="6f88e9c661e47325344c2d4b-text/javascript"></script>
<script src="/assets/js/jquery-ui.custom.min.js" type="6f88e9c661e47325344c2d4b-text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="6f88e9c661e47325344c2d4b-text/javascript"></script>

<script src="/assets/js/gsdk.js" type="6f88e9c661e47325344c2d4b-text/javascript"></script>
</html>
