<!DOCTYPE html>
<html class="no-js" hola_ext_inject="disabled">

    <!--<![endif]-->
    <!-- BC_OBNW -->
<head>
<title>Puragen | Design Agency Birmingham | Digital Agency Birmingham | HTDL</title>
<link type="text/css" href="/StyleSheets/ModuleStyleSheets.css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<script type="text/javascript" src="/CatalystScripts/Java_Box.js?vs=b345.r524716-phase1"></script>
<meta name="google-site-verification" content="E2wOnJtThNG1HB_RnY3kOldvBZ3l9nq9ILqx4DkTgsE" />
<meta name="Keywords" content="Puragen, Branding agency Birmingham, Branding agency Midlands, Design Agency Birmingham, Digital Agency Birmingham, Design Agency Solihull, Digital Agency Solihull<br/>" />
<meta name="description" content="Naming, brand design and development for Puragen by HTDL, a design agency Birmingham and a branding agency Birmingham, Branding agency Midlands, Design Agency Birmingham" />
<meta property="og:title" content="Puragen | Design Agency Birmingham | Digital Agency Birmingham | HTDL" />
<meta property="og:type" content="webpage" />
<meta property="og:url" content="http://www.htdl.co.uk/our-portfolio/Puragen" />
<meta property="og:image" content="http://www.htdl.co.uk" />
<meta property="og:site_name" content="http://www.htdl.co.uk" />
<meta property="og:description" content="" />
</head>
<body>

    
        <!-- Hotjar Tracking Code for https://www.htdl.co.uk -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:829811,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>        <meta charset="utf-8" />
<!--<meta content="width=device-width" name="viewport" />-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/_assets/css/normalize.css" rel="stylesheet" />
<link href="/_assets/css/main.css" rel="stylesheet" />
<link href="/_assets/css/paralax.css" rel="stylesheet" />
<link href="/_assets/css/isotope.css" rel="stylesheet" />
<link href="/_assets/css/responsive.css" rel="stylesheet" />
<link href="/_assets/css/popup/magnific-popup.css" rel="stylesheet" />
<link href="/_assets/js/superslides-0.6.2/dist/stylesheets/superslides.css" rel="stylesheet" />
<!-- Colors Style -->
<link href="/_assets/css/color/dark.css" rel="stylesheet" />
<link href="/_assets/css/color/green.css" rel="stylesheet" />
        <div id="logx"></div>
        <header class="header">
        <div class="logo"><a href="/"><img alt="" style="border: 0px none;" src="/_assets/img/HTDL_100px.png" /></a></div>
        <nav id="nav2" role="navigation"> <a class="jump-menu" title="Show navigation">Show navigation</a>
        <ul>
            <li><a href="/">home</a></li>
            <li><a href="/#about">about</a></li>
            <li><a href="/#team">team</a></li>
            <li><a href="/#services">services</a></li>
            <li><a href="/technologies">technologies</a></li>
            <li><a href="/#portfolio">portfolio</a></li>
            <li><a href="/blog">blog</a></li>
            <li><a href="/#contact">contact</a></li>
        </ul>
        </nav>
        <nav class="menu">
        <ul id="nav">
            <li><a href="/">home</a></li>
            <li><a href="/#about">about</a></li>
            <li><a href="/#team">team</a></li>
            <li><a href="/#services">services</a></li>
            <li><a href="/technologies">technologies</a></li>
            <li><a href="/#portfolio">portfolio</a></li>
            <li><a href="/blog">blog</a></li>
            <li><a href="/#contact">contact</a></li>
        </ul>
        </nav>
        </header>
              


<!-- Open Graph -->






<!-- SEO -->
<header class="title one">
Puragen
</header>
<div class="spacer"></div>
<div class="title two"><div class="title-full-two">A naming and branding programme for a renewable energy start-up</div>
<div style="text-align: center;">Part of the Ascertiva Group owned by the Electrical Safety Council &ndash; the charity dedicated to the safe installation of electrical systems, Puragen is more than just solar panels &ndash; Puragen provides Advice, Design, Installation and Maintenance for all certified renewable energy systems.</div>
<div style="text-align: center;"><br />
</div>
<div>
<div style="text-align: center;">Following a credentials presentation and branding workshop, we were briefed to research and create a name and brand identity. A series of names were proposed along with initial design ideas. Puragen was chosen as the preferred name and developed into the finished brand with a bespoke font. The puragen.co.uk domain name was also secured at the initial stage by HTDL.</div>
<div style="text-align: center;"><br />
</div>
</div>
<div>
<div style="text-align: center;">Brand guidelines followed detailing how the brand and its graphical elements should be applied, the secondary fonts, colourways and applications to various collateral.</div>
<div style="text-align: center;"><br />
</div>
</div>
<div style="text-align: center;">Now a major player in the renewable energy sector, Ascertiva chose HTDL as a key partner to create and develop the Puragen brand from the initial consultancy stage to its final applications.</div>
<!-- Image 1 -->

<a href="" target="">
<img alt="" src="/_assets/img/portfolio/puragen/puragen-livery.jpg" style="width: 100%; margin-top: 40px; margin-bottom: 40px;" />
</a>

<!-- Image 2 -->

<div class="spacer"></div>
<a href="" target="">
<img alt="" src="/_assets/img/portfolio/puragen/puragen-guidelines.jpg" style="width: 100%; margin-top: 40px; margin-bottom: 40px;" />
</a>

<!-- Image 3 -->

<div class="spacer"></div>
<a href="" target="">
<img alt="" src="/_assets/img/portfolio/puragen/puragen-web.jpg" style="width: 100%; margin-top: 40px; margin-bottom: 40px;" />
</a>

<!-- Image 4 -->

<!-- Image 5 -->

<!-- Image 6 -->

<!-- Image 7 -->

<!-- Image 8 -->

<!-- Image 9 -->

<!-- Image 10 -->

</div>
        <!-- SEO TEXT -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/Styles/nivo-slider.css" />
<link rel="stylesheet" type="text/css" href="/Styles/dmxNivoSlider/simplicity/simplicity.css" />
<script type="text/javascript" src="/ScriptLibrary/dmxNivoSlider.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/_assets/js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script src="/_assets/js/jquery.smoothwheel.js"></script>
<script src="/_assets/js/main.js"></script>
<script src="/_assets/js/jquery.inview.js"></script>
<script type="text/javascript" src="/_assets/js/jquery.sticky.js"></script>
<script type="text/javascript" src="/_assets/js/caroussel/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/_assets/js/portfolio.js"></script>
<script src="/_assets/js/superslides-0.6.2/dist/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="/_assets/js/jquery.hoverdir.js"></script>
<script src="/_assets/js/jquery.nav.js"></script>
<script src="/_assets/js/popup/jquery.magnific-popup.js"></script>
<script type="text/javascript" src="/_assets/js/caroussel/jquery.contentcarousel.js"></script>
<script src="/_assets/js/jquery.isotope.min.js"></script>
<script src="/_assets/js/plugins.js"></script>
<script src="/_assets/js/jquery.validate.js"></script>
<script src="/_assets/js/jquery.form.js"></script>
<script src="/_assets/js/paralax.js"></script>
<script src="/_assets/js/video/jquery.mb.YTPlayer.js"></script>
<meta name="google-site-verification" content="iLJWDNWR_fBBvAUzvCrbs4_6PaDDSCTEGqrlRjapxkk" />
<script src="/js/htdl.js"></script>

<!-- Start of Google Analytics 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','//www.google-analytics.com/analytics.js','ga');

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

</script>
<!-- End of Google Analytics code -->
        <!-- SEO TEXT -->
        
        <div id="show-seo-bar">
<a href="#">More information</a>
</div>
<div id="seo-text">
<h4><a href="/design-agency-birmingham">Design Agency Birmingham</a>, <a href="/design-agency-solihull">Design Agency Solihull</a>, <a href="/design-agency-midlands" title="Design agency Midlands">Design agency Midlands</a>, <a href="/design-agency-warwickshire" title="Design Agency Warwickshire">Design Agency Warwickshire</a>, <a href="/web-design-birmingham">Web Design Birmingham</a>, <a href="/website-design-birmingham">Website Design Birmingham</a>, <a href="/creative-agency-birmingham">Creative Agency Birmingham</a>, <a href="/digital-agency-birmingham">Digital Agency Birmingham</a>, <a href="/web-design-solihull">Web Design Solihull</a>, <a href="/web-design-warwickshire">Web Design Warwickshire</a>&nbsp;<a href="/creative-agency-warwickshire">Creative agency Warwickshire</a></h4>
</div>
<div id="close-seo-bar">
<a href="#">Less Information</a>
</div>
        <div class="socialFooter">
<div class="social-icons">
<div class="social"> <a target="_blank" href="https://www.facebook.com/htdl.co.uk/">
<div class="face"></div>
</a> <a target="_blank" href="https://twitter.com/htdl">
<div class="twitt"></div>
</a> <a target="_blank" href="https://plus.google.com/+HtdlCoUk">
<div class="plus"></div>
</a> </div>
</div>
<div class="clear"></div>
<div class="copy">
<div style="text-align: center;">2019 Copyright &copy; HTDL Ltd. All rights reserved.</div>
<div style="text-align: center;">HTDL Henley: 01564 797420 | HTDL London: 020 7692 7126 | Registered in England 3147945 | VAT Reg 487 036818 | <a href="/terms" style="text-decoration: none; color: #aaaaaa;">Terms &amp; conditions</a><br />
<div style="text-align: center;"><a href="/downloads/Privacy-Policy.pdf" target="_blank">Privacy Policy</a> | <a href="/downloads/Cookie-Policy.pdf" target="_blank">Cookie Policy</a> | <a href="/downloads/Website-Terms-and-Conditions.pdf" target="_blank">Website Terms &amp; Conditions</a>
<br />
</div>
</div>
<div style="text-align: center;"><br />
</div>
<div style="text-align: center;"><img alt="" src="/_assets/img/accreditation-logos.png" style="border: 0px;" /></div>
<div style="text-align: center;"><br />
</div>
<div style="text-align: center;"><br />
</div>
</div>
</div>
        <script>$(function(){

    var url = window.location.pathname, 
        urlRegExp = new RegExp(url.replace(/\/$/,'') + "$"); // create regexp to match current url pathname and remove trailing slash if present as it could collide with the link in navigation in case trailing slash wasn't present there
        // now grab every link from the navigation
        $('#nav li a, #nav2 li a').each(function(){
            // and test its normalized href against the url pathname regexp
            if(urlRegExp.test(this.href.replace(/\/$/,''))){
                //$(this).parent().addClass('current');
            }
        });


});

$('.hideme').css('opacity', '100');

</script>
        <!---->    
</body>
</html>