

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Vaya Design - Bespoke Web Development</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="http://www.vayadesign.net/?css=vaya_home/main.css.v.1308138504" />
		<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" href="http://www.vayadesign.net/?css=vaya_home/oldie.css.v.1308138504" />
		<![endif]-->
		<!--[if lt IE 8]>
		<link rel="stylesheet" type="text/css" href="http://www.vayadesign.net/?css=vaya_home/ie.css" />
		<![endif]-->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js"></script>
		<script type="text/javascript" src="/assets/jquery/jquery.cookie.min.js"></script>
		<script type="text/javascript" src="/assets/jquery/jquery.scrollfollow.min.js"></script>
		<script type="text/javascript" src="/assets/jquery/jquery.scrollTo-1.4.0-min.js"></script>
		<script type="text/javascript" src="/assets/jquery/jquery.localscroll-1.2.6-min.js"></script>
		<script type="text/javascript" src="/assets/jquery/jquery.serialScroll-1.2.1-min.js"></script>
		<script type="text/javascript" src="/assets/slider.js"></script>
		<!--[if lte IE 6]>
			<script type="text/javascript" src="/assets/supersleight/supersleight-min.js"></script>
		<![endif]-->
<script type="text/javascript">

jQuery.fn.delay = function(time,func){
	return this.each(function(){setTimeout(func,time);});
};

$( document ).ready( function ()
	{
		$(this).delay(1000,function(){ // delay for safari's buggy sake
			$( '#nav' ).scrollFollow( {
				speed: '1000',
				easing: 'linear',
				killSwitch: 'lockNav',
				offText: 'Unlock Navigation',
				onText: 'Lock Navigation'
			} );
		});
	}
);
function contactForm(formName) {
	if(formName == 'prj')
	{
		document.getElementById('project-enquiry').style.display = '';
		document.getElementById('misc-enquiry').style.display = 'none';
		document.getElementById('prj').className = 'prj-btn';
		document.getElementById('oth').className = 'oth-btn-disabled';
	}
	else
	{
		document.getElementById('project-enquiry').style.display = 'none';
		document.getElementById('misc-enquiry').style.display = '';
		document.getElementById('prj').className = 'prj-btn-disabled';
		document.getElementById('oth').className = 'oth-btn';
	}
}
</script>
	<script src="/mint/?js" type="text/javascript"></script>
	</head>
	<body>
	<p class="top-link"><a name="top" id="top"></a></p>
	<div id="everything">
	<div id="nav">
		<div id="nav-content">
		<h1><a href="#top">VayaDesign</a></h1>
			<ul>
				<li class="services"><a href="#services">Services</a></li>
				<li class="portfolio"><a href="#portfolio">Portfolio</a></li>
				<li class="contact"><a href="#contact">Contact</a></li>
			</ul>
		<p id="subNav"><a href="#" id="lockNav">Lock Navigation</a> - <a href="https://vayadesign.projectpath.com/" class="prominent">Client Login</a></p>
		</div>
	</div>
	<h2 id="bespoke-tagline">Bespoke web development services where <em>your</em> needs come first.</h2>
	<div class="content">
		<p id="sample-screenshots"><img src="/images/screenshots.jpg" alt="Sample Designs" width="479" height="348"/></p>
		<div id="intro-text">
			<h3>In a nutshell &hellip;</h3>
			<p>VayaDesign is a tiny web development company based in Hampshire, England. We work with organisations of all sizes both locally and internationally.</p>
			<h3>Our sites are &hellip;</h3>
			<ul>
				<li><span class="intro-bull-left"></span>Great looking<span class="intro-bull-right"></span></li>
				<li><span class="intro-bull-left"></span><strong>Intuitive</strong> to use<span class="intro-bull-right"></span></li>
				<li><span class="intro-bull-left"></span><strong>Search engine friendly</strong><span class="intro-bull-right"></span></li>
				<li><span class="intro-bull-left"></span>Shockingly <strong>simple</strong> to update<span class="intro-bull-right"></span></li>
				<li><span class="intro-bull-left"></span>Built to help <strong>achieve your business&rsquo; goals</strong><span class="intro-bull-right"></span></li>
				<li><span class="intro-bull-left"></span>Standards-based and <strong>fully tested</strong> in all major browsers<span class="intro-bull-right"></span></li>
				<li><span class="intro-bull-left"></span>Extremely <strong>flexible</strong>, making future additions <strong>straightforward</strong><span class="intro-bull-right"></span></li>
			</ul>
		</div>
		<p id="lets-talk">Sound good? <a href="#contact">Let&rsquo;s talk</a></p>
	</div>
	<div id="ee-promo">
		<h2>Looking for <a href="http://www.vayadesign.net/code" id="code-link">ExpressionEngine Addons</a>? New: <a href="http://www.vayadesign.net/code/addon/switchboard" id="addon-link">Switchboard</a></h2>
	</div>
	<p class="anchor"><a name="services" id="services"></a></p>
	<div class="section">
		<div class="content">
		<h2 class="services">Services</h2>
		<p class="section-description">Everything from &lsquo;ooh, that looks nice&rsquo; to &lsquo;how does it do that?&rsquo;</p>
		<div class="half-block left">
			<h3>Full Site Development <span class="subtle">a.k.a. starting from scratch</span></h3>
			<p>A well designed site will generate will improve public perception of your business, generate leads, increase sales, reduce support costs - the sky&rsquo;s the limit. Whether you&rsquo;re looking to expand your existing web presence or start something completely new, we can help. Start by <a href="#contact">telling us what your site should do</a> and we&rsquo;ll take it from there. </p>
			<p><img src="/images/growth.png" alt="" class="img-growth" />If you&rsquo;re not sure quite what you need then don't worry - thanks to seven years of experience developing sites for organisations both large and small we we have developed a pretty good idea of what works. We appreciate that you may not know your FTP from your PHP (why should you?) and will ensure that we make both the development and maintenance of your site as simple as possible.</p>
			<span class="footer"></span>
		</div>
		<div class="half-block right">
			<h3>CMS Implementation <span class="subtle">a.k.a. making it tick</span></h3>
			<p>CMS&rsquo; - Content Management Systems - are the engines that power pretty much every site on the web. In theory they make managing huge sites simple, even for users with little technical ability. In practice, this isn&rsquo;t always the case.</p>
			<p><img src="/images/tools.png" alt="" class="img-tools" />Fortunately, we&rsquo;ve found our own little slice of CMS nirvana in <a href="http://expressionengine.com/index.php?affiliate=vaya">Expression Engine</a>. What&rsquo;s more, we&rsquo;ve been building sites with it for years and know it pretty darn well.</p>
			<p>We often convert other sites to EE, or implement EE for other web developers, as it makes running sites both large and small a great deal easier. Would you like us to <a href="#contact">save you a headache</a>?</p>
			<span class="footer"></span>
		</div>

<p class="quote">We&rsquo;re getting lots of increased visits to the new site &hellip; This is due to an increase in the numbers of revisits &hellip; so the improvements seem to be working! And we&rsquo;re getting enquiries! <span class="subtle">- Peter Backman, <a href="http://horizonsforsuccess.com">Horizons</a></span></p>
		</div>
	</div>
	<p class="anchor"><a name="portfolio" id="portfolio"></a></p>
	<div class="section">
		<div class="content">
		<h2 class="portfolio">Portfolio</h2>
		<p class="section-description">Shiny samples</p>
		
<!-- SLIDER STARS -->
<div id="slider">

  <div class="scroll">
    <div class="scrollContainer">

	<div class="panel" id="broadview">
	<h3>BroadView</h3>
		<div class="content">
			<p>BroadView are a corporate video production company. They were happy with the design of their existing site but it was increasingly awkward and time consuming to manage, particularly when video content needed updating. The redeveloped site is powered by a customised ExpressionEngine installation which integrates seamlessly with their in-house video player software.</p>
					<h4>Features including &hellip;</h4>
			<ul>
<li>An entirely new <a href="http://www.broad-view.com/what-we-do/tactics/">products guide</a></li>
<li>A powerful system for managing both on and off-site video content </li>
</ul>
				<p class="visit-link"><a href="http://www.broad-view.com/"><img src="/images/visit-site.png" alt="Visit the site" width="127" height="39"/></a></p>
		</div>
		<p class="prj-screens"><img src="/images/portfolio/project-broadview.png" alt="BroadView Site Screenshots" width="316" height="282"/></p>
	</div>

	<div class="panel" id="horizons">
	<h3>Horizons</h3>
		<div class="content">
			<p>Horizons are foodservice experts, offering consultancy services and extensive industry data. The redeveloped Horizons site more actively pursues user enquiries and features a wealth of frequently updated content. These and other features have helped to greatly expanded the business&rsquo; online profile and have increased the number of leads generated online.</p>
					<h4>Features including &hellip;</h4>
			<ul>
<li>Site-wide search engine</li>
<li>Automated 'Fact of the Day' feature</li>
<li>RSS Feeds</li>
</ul>
				<p class="visit-link"><a href="http://www.horizonsforsuccess.com"><img src="/images/visit-site.png" alt="Visit the site" width="127" height="39"/></a></p>
		</div>
		<p class="prj-screens"><img src="/images/portfolio/project-horizons.jpeg" alt="Horizons Site Screenshots" width="316" height="282"/></p>
	</div>

	<div class="panel" id="pilotlight">
	<h3>Pilotlight</h3>
		<div class="content">
			<p>Pilotlight are a charity that specialise in putting the expertise of senior business people where it&rsquo;s most needed. Their site is primarily a resource for information about the Pilotlight system as well as a tool for generating new enquiries. Thanks to a system that enables anyone to update the site in minutes, changes are frequent and the site has been able to keep up with the rapid growth of the organisation.</p>
					<h4>Features including &hellip;</h4>
			<ul>
<li>Yearly <a href="http://www.pilotlight.org.uk/index.php/auction/">fundraising auction</a></li>
<li>Location specific homepages (e.g. <a href="http://london.pilotlight.org.uk/">London</a>)</li>
</ul>
				<p class="visit-link"><a href="http://www.pilotlight.org.uk"><img src="/images/visit-site.png" alt="Visit the site" width="127" height="39"/></a></p>
		</div>
		<p class="prj-screens"><img src="/images/portfolio/project-pilotlight.png" alt="Pilotlight Site Screenshots" width="316" height="282"/></p>
	</div>

	<div class="panel" id="sca_group">
	<h3>SCA Group</h3>
		<div class="content">
			<p>The <span class="caps">SCA</span> Group are a social enterprise that provide health and social care in the South of England. The diverse nature of the organisation had previously resulted in certain areas being under-represented online &#8211; the redeveloped site changes this, providing a platform for every area of the business within a simple and intuitive interface.</p>
					<h4>Features including &hellip;</h4>
			<ul>
<li>Search engine optimisation</li>
<li>Private staff information area</li>
<li>Sub-sites including <a href="http://www.scagroup.co.uk/index.php/training/">TheQuinnCentre.co.uk</a></li>
</ul>
				<p class="visit-link"><a href="http://www.scagroup.co.uk"><img src="/images/visit-site.png" alt="Visit the site" width="127" height="39"/></a></p>
		</div>
		<p class="prj-screens"><img src="/images/portfolio/project-sca.jpeg" alt="SCA Group Site Screenshots" width="316" height="282"/></p>
	</div>

	<div class="panel" id="broadway">
	<h3>The Broadway</h3>
		<div class="content">
			<p>The Broadway is a theatre based in Barking, London. Their site provides a wealth of information on <a href="http://www.thebroadwaybarking.com/whatson/thisweek/">upcoming</a> and past events as well as information on <a href="http://www.thebroadwaybarking.com/joinin/">ongoing projects</a> and a blog for keeping the community informed. </p>
					<h4>Features including &hellip;</h4>
			<ul>
<li>The homepage content and layout can be completely revised in minutes, enabling frequent updates</li>
<li>Photo galleries, audio and video content can easily be attached to any page</li>
<li>Integration with The Broadway's third party booking system</li>
</ul>
				<p class="visit-link"><a href="http://www.thebroadwaybarking.com/"><img src="/images/visit-site.png" alt="Visit the site" width="127" height="39"/></a></p>
		</div>
		<p class="prj-screens"><img src="/images/portfolio/project-broadway.png" alt="The Broadway Site Screenshots" width="316" height="282"/></p>
	</div>

	<div class="panel" id="vala_sciences">
	<h3>Vala Sciences</h3>
		<div class="content">
			<p>Vala Sciences are a San Diego-based biotechnology company that develop and sell software tools for scientists. The site aims to make their complex products as accessible as possible, offering a wealth of information, tutorials and a forum for end users. Sales and software licensing are also handled by the site, automating processes that were previously completely manual.</p>
					<h4>Features including &hellip;</h4>
			<ul>
<li>Automated software licensing system</li>
<li>Integrated store (FoxyCart)</li>
<li>Integration with a third party mailing list service</li>
</ul>
				<p class="visit-link"><a href="http://www.valasciences.com"><img src="/images/visit-site.png" alt="Visit the site" width="127" height="39"/></a></p>
		</div>
		<p class="prj-screens"><img src="/images/portfolio/project-vala.jpeg" alt="Vala Sciences Site Screenshots" width="316" height="282"/></p>
	</div>

    </div>
  </div>
  <ul id="slider-nav">
<li><a 
    href="#broadview" class="first">BroadView</a></li><li><a 
    href="#horizons">Horizons</a></li><li><a 
    href="#pilotlight">Pilotlight</a></li><li><a 
    href="#sca_group">SCA Group</a></li><li><a 
    href="#broadway">The Broadway</a></li><li class="last"><a 
    href="#vala_sciences">Vala Sciences</a></li>

  </ul>

</div>
<!-- SLIDER ENDS -->

<p class="quote">VayaDesign offers an outstanding combination of detail-oriented web development and design. What I most appreciated was how easy they are to work with.
 <span class="subtle">- Stephen Fraser, <a href="http://www.spoonflower.com">Spoonflower</a></span></p>
	</div>
	<p class="anchor"><a name="contact" id="contact" href="#contact"></a></p>
	<div class="section">
		<div class="content">
		<h2 class="contact">Contact</h2>
		<p class="section-description">We&rsquo;ve got lots to talk about</p>

			<p id="enquiry-type">Enquiry type: <a href="#contact" id="prj" onclick="contactForm('prj'); return false;" class="prj-btn">Project</a> <a href="#contact" id="oth" onclick="contactForm('oth'); return false;" class="oth-btn-disabled">Other</a></p>
			<div class="contact-form" id="project-enquiry">
				<h3>Project Enquiry</h3>
<form id="freeform" name="a" method="post" action="http://www.vayadesign.net/"  >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="26" />
<input type="hidden" name="URI" value="index" />
<input type="hidden" name="XID" value="1895ef8c15cc46973e17722cb93906a29deecb24" />
<input type="hidden" name="status" value="open" />
<input type="hidden" name="return" value="http://www.vayadesign.net/vaya_home/received" />
<input type="hidden" name="redirect_on_duplicate" value="" />
<input type="hidden" name="RET" value="http://www.vayadesign.net" />
<input type="hidden" name="form_name" value="project_enquiry" />
<input type="hidden" name="params_id" value="690731" />
<input type="hidden" name="site_id" value="1" />
</div>


<div class="form-content">
<p>
	<label for="name">Name<span class="required">*</span></label>
	<input name="name" id="name" class="input" type="text" />
</p>
<p class="alt">
	<label for="email" class="noclear">Email<span class="required">*</span></label>
	<input name="email" id="email" class="input" type="text" />
</p>
<p>
	<label for="site_url">Website URL</label>
	<input name="site_url" id="site_url" class="input" type="text" />
</p>
<p class="alt">
	<label for="budget" class="noclear">Approximate Budget</label>
	<input name="budget" id="budget" class="input" type="text" />
</p>
<p>
	<label for="deadline">Timeframe<span class="required">*</span></label>
	<select name="deadline" id="deadline" class="select">
		<option value=""></option>
		<option value="Yesterday">Yesterday</option>
		<option value="Within a month">Within a month</option>
		<option value="Within two months">Within two months</option>
		<option value="Within three months">Within three months</option>
		<option value="Three months plus">Three months plus</option>
		<option value="Ongoing work">Ongoing work</option>
	</select>
</p>
<p class="alt">
	<label for="prj_type" class="noclear">Project Type<span class="required">*</span></label>
	<select name="prj_type" id="prj_type" class="select">
		<option value=""></option>
		<option value="Full site development">Full site development</option>
		<option value="Development - General">Development - General</option>
		<option value="Development - Expression Engine">Development - Expression Engine</option>
		<option value="Other">Other</option>
	</select>

</p>
<p>
	<label for="prj_goal">Site Goal <span class="subtle">(e.g. to generate more leads)</span></label>
	<input name="prj_goal" id="prj_goal" class="input" type="text" />
</p>
<p class="alt">
	<label for="prj_professional" class="noclear">Are you a web professional?</label>
	<select name="prj_professional" id="prj_professional" class="select">
		<option value="No">No - I&rsquo;d like a response in plain English</option>
		<option value="Yes">Yes - feel free to get technical</option>
	</select>
</p>

<p class="full-width">
	<label for="message">Message<span class="required">*</span></label>
	<textarea name="message" id="message" rows="15" cols="60" class="textarea"></textarea>
</p>
<p>
	<label for="referrer">How did you find out about us?</label>
	<input name="referrer" id="referrer" class="input" type="text" />
</p>

</div>

<p class="form-end">Fields marked <span class="required">*</span> are required<input type="image" name="submit" value="Send Message" class="submit" src="/images/send-message.png" /></p>
<div style="position:absolute; left: -1000em; overflow: hidden">
	<label for="misc_data_586">This field is intended to catch out spammers - please leave it blank.</label>
	<input type="text" name="misc_data_586" id="misc_data_586" />
</div>
</form>
			</div>
			<div class="contact-form" id="misc-enquiry" style="display:none;">
				<h3>General Enquiry</h3>
<form id="freeform" name="a" method="post" action="http://www.vayadesign.net/"  >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="26" />
<input type="hidden" name="URI" value="index" />
<input type="hidden" name="XID" value="0c27ffcdaa7a0cab17735193daa197e1655af438" />
<input type="hidden" name="status" value="open" />
<input type="hidden" name="return" value="vaya_home/received" />
<input type="hidden" name="redirect_on_duplicate" value="" />
<input type="hidden" name="RET" value="http://www.vayadesign.net" />
<input type="hidden" name="form_name" value="misc_enquiry" />
<input type="hidden" name="params_id" value="690732" />
<input type="hidden" name="site_id" value="1" />
</div>


<div class="form-content">
<p>
	<label for="oth_name">Name</label>
	<input name="oth_name" id="oth_name" class="input" type="text" />
</p>
<p class="alt">
	<label for="oth_email" class="noclear">Email</label>
	<input name="oth_email" id="oth_email" class="input" type="text" />
</p>
<p class="full-width">
	<label for="oth_message">Message</label>
	<textarea name="oth_message" id="oth_message" rows="15" cols="60" class="textarea"></textarea>
</p>
<p>
	<label for="oth_referrer">How did you find out about us?</label>
	<input name="oth_referrer" id="oth_referrer" class="input" type="text" />
</p>
</div>

<p class="form-end">The name, email and message fields are required.<input type="image" name="submit" value="Send Message" class="submit" src="/images/send-message.png" /></p>
<div style="position:absolute; left: -1000em; overflow: hidden">
	<label for="misc_data_586">This field is intended to catch out spammers - please leave it blank.</label>
	<input type="text" name="misc_data_586" id="misc_data_586" />
</div>
</form>

			</div>
		</div>
	</div>
	<p class="prominent-text">You can also get in touch by emailing us directly at <a href="mailto:enquiries&#64;vayadesign.net">enquiries&#64;vayadesign.net</a></p>
	</div>
	<div id="footer"><p class="content">Copyright VayaDesign 2011 &middot; <a href="#top">Top</a></p></div>
	</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-200927-5");
pageTracker._trackPageview();
} catch(err) {}</script>
	</body>
</html>