<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Traffic Websites</title>
	<atom:link href="http://www.trafficwebsites.co.uk/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.trafficwebsites.co.uk/blog</link>
	<description>Web design and Development in Brighton, UK</description>
	<lastBuildDate>Wed, 07 Mar 2012 13:30:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Me, Marionette</title>
		<link>http://www.trafficwebsites.co.uk/blog/2012/03/me-marionette/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2012/03/me-marionette/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 13:20:22 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[Graham Carter]]></category>
		<category><![CDATA[jQuery UI]]></category>
		<category><![CDATA[Me Marionette]]></category>
		<category><![CDATA[Richard Spiller]]></category>
		<category><![CDATA[Shows]]></category>
		<category><![CDATA[SWFobject]]></category>
		<category><![CDATA[ticktockrobot]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/blog/?p=360</guid>
		<description><![CDATA[We&#8217;ve just put together a micro-site for Graham Carter to promote his forthcoming show, &#8220;Me, Marionette&#8221; at ink_d gallery in Brighton this May. Graham has been working with the very talented Ticktockrobot to produce 3 short animations to accompany the show, and this little site is a place to show them off. The first one is [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-366" title="Me, Marionette - home page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2012/03/me-marionette-home.jpg" alt="Me, Marionette - home page" width="490" height="343" />We&#8217;ve just put together a micro-site for <a href="http://graham-carter.co.uk" target="_blank">Graham Carter</a> to promote his forthcoming show, &#8220;Me, Marionette&#8221; at <a href="http://www.ink-d.co.uk/" target="_blank">ink_d gallery</a> in Brighton this May.</p>
<p>Graham has been working with the very talented <a href="http://ticktockrobot.co.uk" target="_blank">Ticktockrobot</a> to produce 3 short animations to accompany the show, and this little site is a place to show them off. The <a href="http://www.graham-carter.co.uk/me-marionette/astronaut/" target="_blank">first one</a> is already available to view, with the next 2 being rolled out over the coming weeks.</p>
<p>As always, Graham&#8217;s work is looking completely gorgeous and we&#8217;re very pleased to be involved, although he does owe me a pint.</p>
<h3><span id="more-360"></span><img class="alignright size-full wp-image-365" title="Me, Marionette - Astronaut" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2012/03/me-marionette-astronaut.jpg" alt="Me, Marionette - Astronaut" width="490" height="343" />In case you&#8217;re interested&#8230;</h3>
<p>For the build, it&#8217;s all pretty much made up of layered images, with a transparent PNG for the curtain, allowing objects to sit behind.</p>
<p>The character on the home page is a flash element, replaced with a static image via <a href="http://code.google.com/p/swfobject/" target="_blank">SWF object</a> if flash isn&#8217;t available (you know who you are). The video is a <a href="http://vimeo.com/" target="_blank">Vimeo</a> iframe, and the Twitter feed uses<a href="http://jqueryui.com/" target="_blank"> jQuery UI</a> to enable dragging rather than scrolling.</p>
<h3>Credits</h3>
<ul>
<li>Artwork: <a href="http://graham-carter.co.uk" target="_blank">Graham Carter</a></li>
<li>Animation/art direction: <a href="http://ticktockrobot.co.uk" target="_blank">Ticktockrobot</a></li>
<li>Music: <a href="http://www.richardspiller.com/" target="_blank">Richard Spiller</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2012/03/me-marionette/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wedding in a Teacup</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/12/wedding-in-a-teacup/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/12/wedding-in-a-teacup/#comments</comments>
		<pubDate>Tue, 13 Dec 2011 18:45:55 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[AD gallery]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Fancybox]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[online shops]]></category>
		<category><![CDATA[paypal]]></category>
		<category><![CDATA[Wedding]]></category>
		<category><![CDATA[Wedding in a Teacuo]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=246</guid>
		<description><![CDATA[We have recently launched the website for Brighton&#8217;s brand new Wedding in a Teacup and it is already getting a lot of love from the wedding world. The site is comprised of a full shopping cart with a Paypal gateway, a themed WordPress blog, a rolling slideshow on the homepage and various feedback forms dotted [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-273" title="Wedding in a Teacup home page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/teacup-home.jpg" alt="Wedding in a Teacup home page" width="490" height="411" /></p>
<p>We have recently launched the website for Brighton&#8217;s brand new <strong>Wedding in a Teacup</strong> and it is already getting a lot of love from the wedding world.</p>
<p>The site is comprised of a full shopping cart with a Paypal gateway, a themed WordPress blog, a rolling slideshow on the homepage and various feedback forms dotted around the place allowing you to request stock notifications or share products with friends.</p>
<p>The product page has a nice image browser powered by <a href="http://coffeescripter.com/code/ad-gallery/" target="_blank">AD gallery</a> combined with a pop-up zoom using <a href="http://fancybox.net/" target="_blank">Fancybox</a>.</p>
<p>We&#8217;ve also made use of one or two CSS3 techniques, such as <a href="http://www.css3.info/preview/box-shadow/" target="_blank">box-shadow</a>, and we&#8217;ve used a couple of web fonts. Two areas that are really helping to open up the possibilities in web design.</p>
<p>One more thing worth mentioning is the rotated images on the About and FAQ pages. These are uploaded to the CMS as regular images, then displayed at an angle using the <a href="http://code.google.com/p/jqueryrotate/" target="_blank">jQuery rotate plugin</a>. A very useful tool that I&#8217;m sure we will be making more use of in the future.</p>
<p>Overall, this was a fun site to build, and we&#8217;re very pleased with the results.</p>
<p>Design by James Morrisson<br />
<a title="Visit weddinginateacup.co.uk" href="http://www.weddinginateacup.co.uk" target="_blank">Direct Link</a></p>
<p><span id="more-246"></span><img class="alignright size-full wp-image-272" title="Wedding in a Teacup gallery page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/teacup-gallery.jpg" alt="Wedding in a Teacup gallery page" width="490" height="376" /><img class="alignright size-full wp-image-274" title="Wedding in a Teacup product page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/teacup-product.jpg" alt="Wedding in a Teacup product page" width="490" height="381" /><img class="alignright size-full wp-image-270" title="Wedding in a Teacup info page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/teacup-about.jpg" alt="Wedding in a Teacup info page" width="490" height="293" /><img class="alignright size-full wp-image-271" title="Wedding in a Teacup contact page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/teacup-contact.jpg" alt="Wedding in a Teacup contact page" width="490" height="407" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/12/wedding-in-a-teacup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Family Footprints</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/11/family-footprints/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/11/family-footprints/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 09:00:10 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Charity]]></category>
		<category><![CDATA[Chestnut Tree House]]></category>
		<category><![CDATA[Easing]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Mayo Wynne Baxter]]></category>
		<category><![CDATA[notweet]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=244</guid>
		<description><![CDATA[Family Footprints is a scheme set up by Brighton solicitors Mayo Wynne Baxter to encourage parents to make a will and protect their children&#8217;s future. For every will they create through Family Footprints they will donate £25 to children&#8217;s charity, Chestnut Tree house with the aim to raise £10,000 for them. The site features a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-279" title="Family Footprints home page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/footprints-home.jpg" alt="Family Footprints home page" width="490" height="479" />Family Footprints is a scheme set up by Brighton solicitors <a href="http://www.mayowynnebaxter.co.uk" target="_blank">Mayo Wynne Baxter</a> to encourage parents to make a will and protect their children&#8217;s future. For every will they create through Family Footprints they will donate £25 to children&#8217;s charity, <a href="http://www.chestnut-tree-house.org.uk/" target="_blank">Chestnut Tree house</a> with the aim to raise £10,000 for them.</p>
<p>The site features a footprints-shaped &#8220;totaliser&#8221; displaying the current amount raised, with a little bit of bounce put in using jQuery. You won&#8217;t see this in it&#8217;s full glory until they&#8217;ve raised a bit of cash though&#8230;</p>
<p>Design by <a href="http://www.nexusdp.co.uk/" target="_blank">Nexus</a><br />
<a title="Family Footprints website" href="http://www.family-footprints.co.uk" target="_blank">Direct link</a></p>
<p><span id="more-244"></span><img class="alignright size-full wp-image-278" title="Family Footprints gallery page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/footprints-gallery.jpg" alt="Family Footprints gallery page" width="490" height="464" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/11/family-footprints/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lovely and Company</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/11/lovely-and-company/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/11/lovely-and-company/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 13:00:52 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Furniture]]></category>
		<category><![CDATA[Lovely and Company]]></category>
		<category><![CDATA[notweet]]></category>
		<category><![CDATA[Unlimited]]></category>
		<category><![CDATA[Vintage]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=242</guid>
		<description><![CDATA[This one has been a long time in the making, but it&#8217;s finally live. The client is Brighton based vintage furniture dealers, Lovely and Company, who have a fantastic range of, well&#8230; lovely things. The products are beautiful enough to sell themselves so the design was kept quite minimal to show off the photography and [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-258" title="Lovely &amp; Company home page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/lovely-home.jpg" alt="Lovely &amp; Company home page" width="490" height="461" />This one has been a long time in the making, but it&#8217;s finally live.</p>
<p>The client is Brighton based vintage furniture dealers, Lovely and Company, who have a fantastic range of, well&#8230; lovely things.</p>
<p>The products are beautiful enough to sell themselves so the design was kept quite minimal to show off the photography and keep things clean and clear.</p>
<p>The biggest challenge during the build was accommodating the insanely complex shipping calculations. In fact, the shipping section of our CMS had to be completely rewritten to accommodate it! We got there in the end though.</p>
<p>Design by <a href="http://www.weareunlimited.co.uk" target="_blank">Unlimited<br />
</a><a title="Lovely and Company website" href="http://www.lovelyandcompany.co.uk" target="_blank">Direct Link</a></p>
<p><span id="more-242"></span><img class="alignright size-full wp-image-257" title="Lovely &amp; Company gallery page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/lovely-gallery.jpg" alt="Lovely &amp; Company gallery page" width="490" height="394" /><img class="alignright size-full wp-image-259" title="Lovely &amp; Company product page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/lovely-product.jpg" alt="Lovely &amp; Company product page" width="490" height="507" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/11/lovely-and-company/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shadi Danin Medi Spa</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/11/shadi-danin-medi-spa/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/11/shadi-danin-medi-spa/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 09:42:10 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[notweet]]></category>
		<category><![CDATA[Shadi Danin]]></category>
		<category><![CDATA[Unlimited]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=248</guid>
		<description><![CDATA[We&#8217;ve just launched a new site for the Shadi Danin Medi Spa in Hove. The site is a straightforward brochure site with an integrated WordPress blog, themed to match the site, and a gallery section with an inverted colour palette as a nice interesting touch. The focus of the site is the style of the [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-265" title="Shadi Danin home page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/shadi-home.jpg" alt="Shadi Danin home page" width="490" height="486" />We&#8217;ve just launched a new site for the Shadi Danin Medi Spa in Hove.</p>
<p>The site is a straightforward brochure site with an integrated WordPress blog, themed to match the site, and a gallery section with an inverted colour palette as a nice interesting touch.</p>
<p>The focus of the site is the style of the premises as much as the products and services they offer, so the design is quite minimal with good use of photography.</p>
<p>Design by <a href="http://www.weareunlimited.co.uk" target="_blank">Unlimited<br />
</a><a title="Visit shadidanin.com" href="http://www.shadidanin.com" target="_blank">Direct link</a></p>
<p><span id="more-248"></span><img class="alignright size-full wp-image-266" title="Shadi Danin page example 1" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/shadi-page.jpg" alt="Shadi Danin page example 1" width="490" height="483" /><img class="alignright size-full wp-image-267" title="Shadi Danin page example 2" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/shadi-page2.jpg" alt="Shadi Danin page example 2" width="490" height="484" /><img class="alignright size-full wp-image-264" title="Shadi Danin gallery page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/shadi-gallery.jpg" alt="Shadi Danin gallery page" width="490" height="477" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/11/shadi-danin-medi-spa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>William Baker</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/07/william-baker/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/07/william-baker/#comments</comments>
		<pubDate>Tue, 05 Jul 2011 09:44:58 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Adjective Noun]]></category>
		<category><![CDATA[Kylie]]></category>
		<category><![CDATA[Lily Allen]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Polly Rae]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Tony Hung]]></category>
		<category><![CDATA[William Baker]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/blog/?p=335</guid>
		<description><![CDATA[William Baker is a Photographer, a Director of live music shows, a Stylist and has also become one of the most sought after Creative Directors in the world of pop music. He has photographed, styled and directed some of the most influential names in pop including Kylie Minogue, Jamiroquai, Britney Spears, Lily Allen, Leona Lewis, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-344" title="William Baker splash page" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/william-baker-splash.jpg" alt="William Baker splash page" width="490" height="384" /></p>
<p>William Baker is a Photographer, a Director of live music shows, a Stylist and has also become one of the most sought after Creative Directors in the world of pop music. He has photographed, styled and directed some of the most influential names in pop including Kylie Minogue, Jamiroquai, Britney Spears, Lily Allen, Leona Lewis, Garbage, Bjork, Fiona Apple, Tricky, Geri Halliwell, Westlife and Victoria Beckham.</p>
<p>We built his new showcase site in collaboration with Adjective Noun.</p>
<p>The minimal design allows the photography maximum impact, displaying the images as large as possible and scaling with the browser window. This was actually more difficult to achieve than you would think!</p>
<p>The black drop down menus and white details boxes are semi-transparent using a bit of CSS3.</p>
<p>Design/art direction by <a href="http://www.adjectivenoun.co.uk" target="_blank">Adjective Noun</a><br />
Photography by William Baker</p>
<p><a title="Visit william-baker.com" href="http://www.william-baker.com" target="_blank">Direct link</a></p>
<p><span id="more-335"></span><img class="alignright size-full wp-image-337" title="William Baker Kylie Aphrodite" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/william-baker-kylie-aphrodite.jpg" alt="William Baker Kylie Aphrodite" width="490" height="384" /><img class="alignright size-full wp-image-343" title="William Baker - Polly Rae" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/william-baker-polly-rae.jpg" alt="William Baker - Polly Rae" width="490" height="384" /><img class="alignright size-full wp-image-342" title="William Baker  - transparent menu" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/william-baker-menu2.jpg" alt="William Baker  - transparent menu" width="490" height="384" /><img class="alignright size-full wp-image-341" title="William Baker - menu" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/william-baker-menu.jpg" alt="William Baker - menu" width="490" height="384" /><br />
<img class="alignright size-full wp-image-339" title="William Baker - Kylie Paris" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/william-baker-kylie-paris.jpg" alt="William Baker - Kylie Paris" width="490" height="384" /><img class="alignright size-full wp-image-338" title="William Baker  - Kylie Aphrodite backstage" src="http://www.trafficwebsites.co.uk/blog/wp-content/uploads/2011/12/william-baker-kylie-backstage.jpg" alt="William Baker - Kylie Aphrodite backstage" width="490" height="384" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/07/william-baker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sally Elford</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/03/sally-elford/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/03/sally-elford/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 10:46:16 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[image zoom]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[online shops]]></category>
		<category><![CDATA[Sally Elford]]></category>
		<category><![CDATA[Screen printing]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=219</guid>
		<description><![CDATA[Brighton based artist &#38; illustrator Sally Elford&#8217;s new site is now live at sallyelford.co.uk. We took out the background colour and added a bit more breathing space to the layout, and while we kept the main grid structure of the old version it&#8217;s less &#8216;boxed-in&#8217; than before. It&#8217;s always best to keep things simple on a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-222" title="sallyelford-home" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2011/03/sallyelford-home.jpg" alt="sallyelford-home" width="490" height="351" /></p>
<p>Brighton based artist &amp; illustrator Sally Elford&#8217;s new site is now live at <a href="http://www.sallyelford.co.uk" target="_blank">sallyelford.co.uk</a>.</p>
<p>We took out the background colour and added a bit more breathing space to the layout, and while we kept the main grid structure of the old version it&#8217;s less &#8216;boxed-in&#8217; than before. It&#8217;s always best to keep things simple on a portfolio site like this because it&#8217;s all about focusing on the artwork. The monotone images in the the header are a nice touch though, and they nicely separate the 4 main areas of the site.</p>
<p>A feature worth mentioning is the javascript powered image zoom in the <a href="http://www.sallyelford.co.uk/prints" target="_blank">prints</a> section. Activated by moving the mouse over the image, this eliminates the need to show several detail shots of the same image.</p>
<p>The main focus of the new site is the shop. The payment gateway here is Paypal, but the shopping cart and checkout process remains on the site, taking the user to paypal to make the payment, then straight back to a success page.</p>
<p>Visit the site <a href="http://www.sallyelford.co.uk/" target="_blank">here</a></p>
<p><span id="more-219"></span><img class="alignright size-full wp-image-226" title="sallyelford-prints" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2011/03/sallyelford-prints.jpg" alt="sallyelford-prints" width="490" height="351" /><img class="alignright size-full wp-image-225" title="sallyelford-print-details" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2011/03/sallyelford-print-details.jpg" alt="sallyelford-print-details" width="490" height="329" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/03/sally-elford/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tony Hung</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/03/tony-hung/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/03/tony-hung/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 19:40:03 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Tony Hung]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=211</guid>
		<description><![CDATA[Just completed a new portfolio site for Tony Hung. The whole site runs off a single page with the content pulled by PHP from the MySQL backend. The work is arranged in a specific order, with a random starting position. A few bits and pieces of jQuery help to keep everything slick. tonyhung.co.uk Design by [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-213" title="tony-hung-1" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2011/03/tony-hung-1.jpg" alt="Tony Hung site 1" width="490" height="265" /></p>
<p>Just completed a new portfolio site for Tony Hung. The whole site runs off a single page with the content pulled by PHP from the MySQL backend. The work is arranged in a specific order, with a random starting position. A few bits and pieces of jQuery help to keep everything slick.</p>
<p><a href="http://tonyhung.co.uk/" target="_blank">tonyhung.co.uk</a></p>
<p>Design by Tony Hung<br />
Photography by <a href="http://www.nickwilsonphoto.com/" target="_blank">Nick Wilson</a></p>
<p><span id="more-211"></span><img class="alignright size-full wp-image-214" title="tony-hung-2" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2011/03/tony-hung-2.jpg" alt="Tony Hung Site 2" width="490" height="265" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/03/tony-hung/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dreams</title>
		<link>http://www.trafficwebsites.co.uk/blog/2011/01/dreams/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2011/01/dreams/#comments</comments>
		<pubDate>Thu, 06 Jan 2011 08:14:34 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Dreams]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[microsite]]></category>
		<category><![CDATA[ticktockrobot]]></category>
		<category><![CDATA[TV]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=200</guid>
		<description><![CDATA[We&#8217;ve had the pleasure of working with ticktockrobot again, this time on a micro-site for the new Dreams TV ad campaign. The site has been built using a combination of jQuery and Flash animation, falling back to static images if the Flash plugin is not installed. Page loading times are not at all bad considering the amount [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-201" title="Dreams homepage" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2010/12/dreams-holding-home.jpg" alt="Dreams homepage" width="490" height="340" /></p>
<p>We&#8217;ve had the pleasure of working with <a href="http://www.ticktockrobot.co.uk/" target="_blank">ticktockrobot</a> again, this time on a micro-site for the new Dreams TV ad campaign.</p>
<p>The site has been built using a combination of jQuery and Flash animation, falling back to static images if the Flash plugin is not installed.</p>
<p>Page loading times are not at all bad considering the amount of images involved here and the content is loaded dynamically using ajax to avoid the page reload restarting the animations.</p>
<p>The ad is displayed using the wonderful new HTML 5 &lt;video&gt; tag, falling back to Flash in older browsers. Thanks to <a href="http://camendesign.com/" target="_blank">Camen design</a>&#8216;s &#8220;Video for everybody&#8221; method for this.</p>
<p>All in all, a fun little site with some great imagery to work with. Ticktockrobot are the design production company for the campaign and will be creating more ads in the new year with a bigger and better web presence to follow.</p>
<p>Visit <a href="http://www.ticktockrobot.co.uk/Dreams.html" target="_blank">this page</a> for more info, and view the microsite <a href="http://sleep.dreams.co.uk" target="_blank">here</a>.</p>
<p><span id="more-200"></span><img class="alignright size-full wp-image-202" title="Dreams video page" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2010/12/dreams-holding-video.jpg" alt="Dreams video page" width="490" height="340" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2011/01/dreams/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cartoon Network sports micro-site</title>
		<link>http://www.trafficwebsites.co.uk/blog/2010/12/cartoon-network-sports-micro-site/</link>
		<comments>http://www.trafficwebsites.co.uk/blog/2010/12/cartoon-network-sports-micro-site/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 08:00:10 +0000</pubDate>
		<dc:creator>Traffic</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Cartoon Network]]></category>
		<category><![CDATA[microsite]]></category>
		<category><![CDATA[Sport]]></category>
		<category><![CDATA[ticktockrobot]]></category>

		<guid isPermaLink="false">http://www.trafficwebsites.co.uk/?p=188</guid>
		<description><![CDATA[We have been working with TickTockRobot recently on a new microsite for Cartoon Network&#8217;s Nordic websites, holding a collection of online sports games, rolled out over several weeks, 2 games per week. The site uses a combination of flash and javascript animation, relying solely on javascript if flash is not installed (&#8230;although you&#8217;ll need flash in order [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-195" title="CN sports: homepage" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2010/12/cngames-home.jpg" alt="CN sports: homepage" width="490" height="389" /></p>
<p>We have been working with <a href="http://www.ticktockrobot.co.uk/" target="_blank">TickTockRobot</a> recently on a new microsite for Cartoon Network&#8217;s Nordic websites, holding a collection of online sports games, rolled out over several weeks, 2 games per week.</p>
<p>The site uses a combination of flash and javascript animation, relying solely on javascript if flash is not installed (&#8230;although you&#8217;ll need flash in order to play the games).</p>
<p>A bit of PHP automatically unlocks the new games every Monday, changing all the links and images on the homepage, but all previous weeks are accessible via the archive page.</p>
<p>The site has been produced in 3 languages. <a href="http://www.cartoonnetwork.se/advertiser/se/cnsports/" target="_blank">Here&#8217;s the Swedish one</a>.</p>
<p><span id="more-188"></span><img class="alignright size-full wp-image-193" title="CN sports: archive" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2010/12/cngames-archive.jpg" alt="CN sports: archive" width="490" height="389" /><img class="alignright size-full wp-image-194" title="CN sports: game" src="http://www.trafficwebsites.co.uk/images/uploads/blog/2010/12/cngames-game.jpg" alt="CN sports: game" width="490" height="389" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trafficwebsites.co.uk/blog/2010/12/cartoon-network-sports-micro-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

