<!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">
    <meta name="description" content="Learn more about John Marcus III: experienced technology leader, sales hacker, and hobby collector.">
    <meta name="author" content="John Marcus III">

    <title>John Marcus III</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/grayscale.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/fontawesome-all.min.css" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="/favicon.ico">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fas fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                    <i class="fas fa-play-circle"></i>  <span class="light">John Marcus</span> III
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#methodology">Methodology</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#results">Results</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="//blog.jwmarcus.com">Blog</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="//blog.jwmarcus.com/2017/06/13/applications-of-machine-learning.html">ML Whitepaper</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Intro Header -->
    <header class="intro">
        <div class="intro-body">
            <div class="container">
                <div class="header-overlay"></div>
                <div class="fullscreen-video-wrap">
                    <script src="https://fast.wistia.com/embed/medias/z4gkwv9zdo.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_z4gkwv9zdo seo=false videoFoam=true autoPlay=true endVideoBehavior=loop muted=true" style="height:100%;position:relative;width:100%"><div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;"><img src="https://fast.wistia.com/embed/medias/z4gkwv9zdo/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" onload="this.parentNode.style.opacity=1;" /></div></div></div></div>
                </div>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 header-text">
                        <h1 class="brand-heading nocase" style="">Hi, I'm John!</h1>
                        <p class="intro-text">I want to help you accelerate revenue.</p>
                        <a href="#methodology" class="btn btn-circle page-scroll">
                            <i class="fa fa-angle-double-down animated"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Methodology Section -->
    <section id="methodology" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h1 class="nocase">What can I help you with?</h1>
                <p>&nbsp;</p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 card">
                <div class="upper-card">
                    <h3>- People -</h3>
                    <p>
                        Sales and Marketing teams are the front line of your business. Your teams
                        present your brand and position your solution to the world. Nothing is more
                        important than hiring, training and incentivizing your teams toward success.
                    </p>
                </div>
                <ul class="list-inline banner-social-buttons">
                    <li>
                        <a href="#contact" class="btn btn-default btn-lg page-scroll"><i class="fa fa-caret-down animated"></i> <span class="network-name">Learn More</span></a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-4 card">
                <div class="upper-card">
                    <h3>- Process -</h3>
                    <p>
                        Give your teams the guiding principles to help them gain a competitive
                        advantage. From web-morphology to lead nurturing, call scripts to auto-dialers,
                        your revenue teams need a process-driven edge to stay one step ahead.
                    </p>
                </div>
                <ul class="list-inline banner-social-buttons">
                    <li>
                        <a href="#contact" class="btn btn-default btn-lg page-scroll"><i class="fa fa-caret-down animated"></i> <span class="network-name">Learn More</span></a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-4 card">
                <div class="upper-card">
                    <h3>- Technology -</h3>
                    <p>
                        Tasks that take a human a day to complete may take a computer only a second.
                        Marketing and sales technologies are no longer an option but are now a requirement.
                        Give your teams the tools they need to keep up.
                    </p>
                </div>
                <ul class="list-inline banner-social-buttons">
                    <li>
                        <a href="#contact" class="btn btn-default btn-lg page-scroll"><i class="fa fa-caret-down animated"></i> <span class="network-name">Learn More</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </section>

    <!-- Endorsement 1 -->
    <section id="endorsement_1" class="content-section text-center">
        <div class="download-section">
            <div class="container">
                <div class="col-lg-6 col-lg-offset-3">
                    <p style="text-align:justify;">
                        Having spent a decade in data analysis and customer success
                        leadership, I know what an organized, usable map for business
                        leaders to follow looks like. John has created just that.
                    </p>
                    <p style="text-align:right;">
                        <i>Michael Redbord<br/>General Manager, Service Hub at HubSpot (NYSE: HUBS)</i>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Results Section -->
    <section id="results" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h1 class="nocase">Sales & Marketing Acceleration</h1>
                <p>&nbsp;</p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-5 col-lg-offset-1 results-card">
                <h3>- Faster Deals -</h3>
                <p style="text-align:justify;">
                    I build tools and processes that help sales and
                    marketing teams generate deals that close faster
                    than average and directly accelerate revenue.
                </p>
            </div>
            <div class="col-lg-5 results-card results-inverse">
                <h3>Results</h3>
                <p><i class="far fa-check-square"></i> &nbsp;Eliminated duplicate leads and reduced opportunity overlap 90% - HubSpot<br/></p>
                <p><i class="far fa-check-square"></i> &nbsp;Reduced prospecting time by 35% through intelligent sourcing - Bedrock Data</p>
                <p style="text-align:center;"><i>Accelerated deals = quicker sales cycles.</i></p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-5 col-lg-offset-1 results-card">
                <h3>- Bigger Deals -</h3>
                <p style="text-align:justify;">
                    I help teams identify how to generate larger
                    opportunities leading to more revenue per
                    conversation and contact.
                </p>
            </div>
            <div class="col-lg-5 results-card results-inverse">
                <h3>Results</h3>
                <p><i class="far fa-check-square"></i> &nbsp;Moved entire company up-market increasing ACV over 500% - Bedrock Data<br/></p>
                <p><i class="far fa-check-square"></i> &nbsp;Created $7MM in new revenue by creating two new market segments - HubSpot</p>
                <p style="text-align:center;"><i>Increasing ACV = more money per customer.</i></p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-5 col-lg-offset-1 results-card">
                <h3>- More Deals -</h3>
                <p style="text-align:justify;">
                    I help businesses discover more deals per
                    person-hour, generating leverage upon the
                    time invested by the sales and marketing teams.
                </p>
            </div>
            <div class="col-lg-5 results-card results-inverse">
                <h3>Results</h3>
                <p><i class="far fa-check-square"></i> &nbsp;100% increase in outbound leads sourced - HubSpot</p>
                <p><i class="far fa-check-square"></i> &nbsp;4x market potential through viral sales partner program - Bedrock Data<br/></p>
                <p style="text-align:center;"><i>More opportunities = better team scalability.</i></p>
            </div>
        </div>
    </section>

    <!-- endorsement_2 Section -->
    <section id="endorsement_2" class="content-section text-center">
        <div class="download-section">
            <div class="container">
                <div class="col-lg-6 col-lg-offset-3">
                    <p style="text-align:justify;">
                        John's work provides the context that will be the key to boosting business velocity,
                        enabling dynamic business scaling, and ensuring greater business
                        operational flexibility in our new digital world.
                    </p>
                    <p style="text-align:right;">
                        <i>Rick Villars<br/>Vice President, Datacenter & Cloud, IDC</i>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Let's Accelerate Revenue Together</h2>
                <p>Tell me what I can help with...</p>
                <ul class="list-inline banner-social-buttons">
                    <li>
                        <a href="javascript:prependMessage(needMsgs[0])" class="btn btn-default btn-lg" style="width:175px;" id="need1">
                            <i class="fa fa-users fa-fw fa-2x" style="margin-top:10px;"></i>
                            <h4 style="text-transform:none; margin:10px;">People</h3>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:prependMessage(needMsgs[1])" class="btn btn-default btn-lg" style="width:175px;" id="need2">
                            <i class="fa fa-project-diagram fa-fw fa-2x" style="margin-top:10px;"></i>
                            <h4 style="text-transform:none; margin:10px;">Process</h3>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:prependMessage(needMsgs[2])" class="btn btn-default btn-lg" style="width:175px;" id="need3">
                            <i class="fa fa-code fa-fw fa-2x" style="margin-top:10px;"></i>
                            <h4 style="text-transform:none; margin:10px;">Technology</h3>
                        </a>
                    </li>
                </ul>
                <ul class="list-inline banner-social-buttons">
                    <li>
                    </li>
                </ul>
            </div>
        </div>
          <div class="row">
            <div class="col-lg-12 text-center">
                <a href="https://www.linkedin.com/in/jwmarcus" class="btn btn-default btn-lg" style="text-transform:none;">
                    <i class="fab fa-linkedin"></i>
                    Connect on LinkedIn
                </a>
            </div>

            <!-- <div class="col-lg-12" style="margin-top:20px;">
                <form name="sentMessage" id="contactForm">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Your Name *" id="form_name" required data-validation-required-message="Please enter your name.">
                                <p class="help-block text-danger"></p>
                            </div>
                            <div class="form-group">
                                <input type="email" class="form-control" placeholder="Your Email *" id="form_email" required data-validation-required-message="Please enter your email address.">
                                <p class="help-block text-danger"></p>
                            </div>
                            <div class="form-group">
                                <div class="col-md-4 section-heading" style="text-align:right;">
                                    <h3>42 + <span id="form_num_mod_text">0</span> =</h3>
                                    <input type="hidden" id="form_num_mod" value="0">
                                </div>

                                <div class="col-md-8" style="padding-right:0px; padding-left:0px;">
                                    <input type="text" class="form-control" placeholder="Enter Answer *" id="form_num_result" required data-validation-required-message="Please enter the sum of two numbers.">
                                </div>
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <textarea rows="6" class="form-control" placeholder="Your Message *" id="form_text" required data-validation-required-message="Please enter a message."></textarea>
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-lg-12 text-center">
                            <div id="success"></div>
                            <button type="submit" class="btn btn-default btn-lg">Send Message</button>
                            &nbsp;&nbsp;&nbsp;
                            <a href="https://www.linkedin.com/in/jwmarcus" class="btn btn-default btn-lg" style="text-transform:none;">
                                <i class="fab fa-linkedin"></i>
                                Connect on LinkedIn
                            </a>
                        </div>
                    </div>
                </form>
            </div> -->
        </div>
    </section>

    <!-- Map Section -->
    <div id="map"></div>

    <!-- Footer -->
    <footer>
        <div class="container text-center">
            <p><a href="//zenhabits.net/uncopyright/" target="_blank">Uncopyright</a> | John Marcus III</p>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>

    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDiAqCiTc1QW-7qkPX34TnMHyeZ1481VKo"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/grayscale.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Site JavaScript -->
    <script src="js/app.js"></script>

    <!-- GA Tracking Code -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-20781524-1', 'auto');
      ga('send', 'pageview');

    </script>

</body>
</html>
