<!DOCTYPE html> <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]--> <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]--> <!--[if IE 8]><html class="no-js lt-ie9"><![endif]--> <!--[if gt IE 8]><!--> <html class=no-js> <!--<![endif]--> <head> <meta charset=utf-8> <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"> <title>Web Design Leeds, Yorkshire - Flo Design Limited</title> <meta name=description content="At Flo Design our Web Design is born in Leeds, working with great companies, brands and start-ups to build websites that look great and work."> <meta name=viewport content="width=device-width, initial-scale=1"> <link href="http://flodesign.co.uk/" rel=canonical /> <link href="css/styles.css" rel=stylesheet /> <script src="js/vendor/modernizr-2.6.1.min.js"></script> <script>
  (function(d) {
    var config = {
      kitId: 'fxd7tlq',
      scriptTimeout: 3000
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
  })(document);
</script> </head> <body class=index> <!--[if lt IE 7]><p class=chromeframe>You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p><![endif]--> <header class="cf site-header"> <div class=wrapper> <a href="/" class=site-logo> <img class=logo height=1 width=1 alt="FloDesign Logo" src="img/dot.gif"/> </a> <nav> <a href="/" class=mob-nav-btn><span aria-hidden=true data-icon="&#xe623;"></a> <ul class=main-nav> <li><a class=work_link href="/work/">Work</a></li> <li><a class=about_link href="/about/">About</a></li> <li><a class=blog_link href="/blog/">Blog</a></li> <li><a class=hire_link href="/hire-us/">Hire Us</a></li> </ul> </nav> </div> </header> <section class=masthead id=masthead> <div class=wrapper> <h1><span class=hp-title-one>We design &amp; build web sites &amp; apps for awesome clients.</span></h1> <div class=ctas> <a class=masthead__btn href="/work/">See our work <span aria-hidden=true data-icon="&#xe604;" class=bg-arrow></span></a> <a class=masthead__btn href="/hire-us/">Let's talk <span aria-hidden=true data-icon="&#xe604;" class=bg-arrow></span></a> </div> </div> </section> <section class=offer> <div class=wrapper> <h2>We do.</h2> <div class="row cf"> <div class=col3> <div class="box box1"> <div class=box__corner></div> <h3>Digital Strategy</h3> <span class=icon aria-hidden=true data-icon="&#xe60e;"></span> <p>We’ll work with you to devise a digital strategy that’s right for your business. We’ll ask a lot of questions and conduct needs analysis to ensure we start on the right foot.</p> <div class=cl-effect-2> </div> </div> </div> <div class=col3> <div class="box box2"> <div class=box__corner></div> <h3>User Experience</h3> <span class=icon aria-hidden=true data-icon="&#xe611;"></span> <p>Our process is user centric. We build and design web sites for its users. If users have to think how to use a site we've failed and failure is not an option.</p> <div class=cl-effect-2> </div> </div> </div> <div class=col3> <div class="box box3"> <div class=box__corner></div> <h3>Design</h3> <span class=icon aria-hidden=true data-icon="&#xe60f;"></span> <p>We Love design &amp; we believe that every pixel matters. Great web design isn't just about a great looking web site it's about a great functioning site as well. Form is function.</p> <div class=cl-effect-2> </div> </div> </div> <div class=col3> <div class="box box4"> <div class=box__corner></div> <h3>Development</h3> <span class=icon aria-hidden=true data-icon="&#xe609;"></span> <p>We care about code and we set high standards for ourselves. Our sites are custom built from the ground up with the very latest web technologies.</p> <div class=cl-effect-2> </div> </div> </div> </div> </div> </section> <section class=built> <div class=wrapper> <h2>We build.</h2> <div id=sequence class=sequence> <ul class=sequence-canvas> <li> <img class=mbp onload="this.width*=0.5;this.onload=null;" alt="Alscient Logo" src="img/slider_als_mbp.jpg"/> <img class=iphone onload="this.width*=0.5;this.onload=null;" alt="Alscient Logo" src="img/slider_als_phone.png"/> <div class=built__info> <h4>Alscient Limited</h4> <a href="/work">View More <span aria-hidden=true data-icon="&#xe604;"></span></a> </div> </li> <li> <img class=mbp onload="this.width*=0.5;this.onload=null;" alt="YAS Logo" src="img/slider_pulse_macbook.jpg"/> <img class=iphone onload="this.width*=0.5;this.onload=null;" alt="YAS Logo" src="img/slider_pulse_iphone.png"/> <div class=built__info> <h4>Yorkshire Ambulance Service</h4> <a href="/work">View More <span aria-hidden=true data-icon="&#xe604;"></span></a> </div> </li> <li> <img class=mbp onload="this.width*=0.5;this.onload=null;" alt="NHS HDN logo" src="img/slider_hdn_macbook.png"/> <img class=iphone onload="this.width*=0.5;this.onload=null;" alt="NHS HDN logo" src="img/slider_hdn_iphone.png"/> <div class=built__info> <h4>NHS Health Developer Network</h4> <a href="/work">View More <span aria-hidden=true data-icon="&#xe604;"></span></a> </div> </li> <li> <img class=mbp onload="this.width*=0.5;this.onload=null;" alt="Logistadvise Logo" src="img/slider_la_macbook.jpg"/> <img class=iphone onload="this.width*=0.5;this.onload=null;" alt="Logistadvise logo" src="img/slider_la_iphone.png"/> <div class=built__info> <h4>LogistAdvise</h4> <a href="/work">View More <span aria-hidden=true data-icon="&#xe604;"></span></a> </div> </li> <li> <img class=ipad-vp onload="this.width*=0.5;this.onload=null;" alt="Voicepower logo" src="img/slider_vp_ipad.png"/> <img class=iphone-vp onload="this.width*=0.5;this.onload=null;" alt="Voicepower logo" src="img/slider_vp_iphone.png"/> <div class=built__info> <h4>VoicePower Limited</h4> <a href="/work">View More <span aria-hidden=true data-icon="&#xe604;"></span></a> </div> </li> </ul> </div> </div> </section> <section class=talk> <div class=wrapper> <div class="row cf"> <h2>We talk.</h2> <div class=col6> <form method=post class="talk__form cf" name=contact-form id=contact-form> <input name=name id=name placeholder=Name> <input name=email id=email placeholder=Email> <div class=form_dropdown> <select name=budget id=budget> <option value='' disabled selected style='display:none;'>Budget</option> <option value="Under 5k">Under £5k</option> <option value="5k - 10k">£5k - £10k</option> <option value="10k - 15k">£10k - £15k</option> <option value="15k 20k">£15k - £20k</option> <option value="over 20k">Over £20k</option> </select> </div> <textarea name=message id=message rows=5 placeholder=Message></textarea> <a href="#" id=form_send class=form_send>SEND <span aria-hidden=true data-icon="&#xe604;"></span></a> <div class=success_fail> <img class=loader alt=Loader src="img/ajax-loader.gif"/> <div class=contact-message></div> </div> </form> </div> <div class=col6> <p>Have an upcoming web project that you'd like to work with us on? We'd love to hear from you.</p> <p> Simply fill out the form to the left, drop us a line via email or give us a call, we'd be happy to have a chat!</p> <ul class=talk__details> <li><span class=talk-icon aria-hidden=true data-icon="&#xe615;"></span><span class=grey>0113</span> 314 2010</li> <li><span class=talk-icon aria-hidden=true data-icon="&#xe612;"></span><a href="mailto:hello@flodesign.co.uk"><span class=grey>hello@</span>flodesign.co.uk</a></li> </ul> </div> </div> </div> </section> <section class=worked> <div class=wrapper> <div class="row cf"> <h2>We're experienced.</h2> <ul class=client_logos> <li> <span class="client_logos__logo logo_morrisons"> <img class=logo height=1 width=1 alt="Morrisons Logo" src="img/dot.gif"/> </span> </li> <li> <span class="client_logos__logo logo_nhs"> <img class=logo height=1 width=1 alt="NHS Logo" src="img/dot.gif"/> </span> </li> <li> <span class="client_logos__logo logo_nokia"> <img class=logo height=1 width=1 alt="Nokia logo" src="img/dot.gif"/> </span> </li> </ul> </div> </div> </section> <footer> <div class=wrapper> <div class="row cf"> <div class=col7> <h5>We're social</h5> <ul class=social-links> <li><a href="https://twitter.com/flodesign"><span aria-hidden=true data-icon="&#xe617;"></span></a></li> <li><a href="https://www.facebook.com/flodesignltd"><span aria-hidden=true data-icon="&#xe616;"></span></a></li> <li><a href="http://instagram.com/flodesignltd"><span aria-hidden=true data-icon="&#xe618;"></span></a></li> </ul> <h5>We're here</h5> <p>Flo Design Limited, Tower Works, Globe Road, Leeds, LS11 5QG</p> <p>&copy; Flo Design Limited 2016 <br/>Registered in England & Wales: 7301868</p> </div> <div class="col5 cf"> <img class=footer-logo alt="FloDesign footer logo" src="img/flo-logo-footer.svg"/> <nav> <ul class="footer-nav cf"> <li><a href="/work/">Work</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/hire-us/">Hire Us</a></li> <li><a href="/services/leeds-wordpress-development/">WordPress</a></li> </ul> </nav> </div> </div> </div> </footer> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script> <script src="js/vendor/jquery.sequence-min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script> <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-13017909-1', 'flodesign.co.uk');
          ga('send', 'pageview');
        </script> </body> </html>