<?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>Great Web Design Ideas</title>
	<atom:link href="http://www.greatwebdesignideas.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.greatwebdesignideas.com</link>
	<description>A Behind The Scenes Look</description>
	<lastBuildDate>Fri, 10 May 2013 06:10:32 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Perfect Storms</title>
		<link>http://www.greatwebdesignideas.com/perfect-storms</link>
		<comments>http://www.greatwebdesignideas.com/perfect-storms#comments</comments>
		<pubDate>Fri, 10 May 2013 06:10:32 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Science]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Informative]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2491</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Perfect-Storms.jpg" class="attachment-large wp-post-image" alt="Perfect-Storms" />“Gorgeous work! Excellent bit of education and entertainment!” What is the sites concept all about? This site shows history&#8217;s Perfect Storms, disasters that changed the world. The site shows events that are the black swans of history: extremely rare and &#8230; <a href="http://www.greatwebdesignideas.com/perfect-storms">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Perfect-Storms.jpg" class="attachment-large wp-post-image" alt="Perfect-Storms" /><p><em>“Gorgeous work! Excellent bit of education and entertainment!”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>This site shows history&#8217;s Perfect Storms, disasters that changed the world. The site shows events that are the black swans of history: extremely rare and massively impactful. To understand why they occurred and what it was like to experience them first hand, you have to pick them apart piece by piece. Perfect storms provides exhaustive 360-degree coverage of natural and human disasters. They utilise on-the-ground investigation and scientific analysis; present dramatic storytelling about survivors and victims, heroes and villains; and employ powerful tools like 3D animation, field-testing, and satellite imagery.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>Flash</p>
<p><strong>Why I like this site.</strong></p>
<p>A gorgeous bit f work! Attention to detail is epic! With mini games of heating the ocean, align the wind and direct the storm path this is a truly engaging website. You can even put your postcode in and a video pulls google street view to destroy your street. A wonderful site. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/thunder.png' alt='Thunder' title='Thunder' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://perfectstorms.history.ca/#experience" target="_blank">Visit Perfect Storms</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.thesecretlocation.com/" target="_blank">Secret Location</a>, <a title="Great Web Design Ideas" href="http://www.history.ca" target="_blank">History</a> and <a title="Great Web Design Ideas" href="http://entertainmentone.com/home" target="_blank">Entertainment One</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/4Hd84WL0_VU" frameborder="0" allowfullscreen></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/perfect-storms/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Itch A Skitch</title>
		<link>http://www.greatwebdesignideas.com/itch-a-skitch</link>
		<comments>http://www.greatwebdesignideas.com/itch-a-skitch#comments</comments>
		<pubDate>Tue, 07 May 2013 17:45:48 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Society and Culture]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Interviews]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2480</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Itch-A-Skitch.jpg" class="attachment-large wp-post-image" alt="Itch-A-Skitch" />“Bringing nostalgic into the web archives” What is the sites concept all about? OK, for those of you who don&#8217;t know or choose not to remember, this is 1960&#8242;s toy was a kind of plotter that displaces aluminium powder on &#8230; <a href="http://www.greatwebdesignideas.com/itch-a-skitch">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Itch-A-Skitch.jpg" class="attachment-large wp-post-image" alt="Itch-A-Skitch" /><p><em>“Bringing nostalgic into the web archives”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>OK, for those of you who don&#8217;t know or choose not to remember, this is 1960&#8242;s toy was a kind of plotter that displaces aluminium powder on the back of the screen, leaving a solid line. To which you can then make lovely pictures. No &#8220;Undo&#8221; here! Once you have created your masterpiece you can save it, share it and even download it. Good bit of fun I say.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 Canvas</p>
<p><strong>Why I like this site.</strong></p>
<p>The sheer nostalgicness of the idea and site. Its a simple concept being modernised for the web. The design is clean and crisp and easy to use. I like the idea as a hobby project, if your just getting to grips with HTML5 this would be a nice little project for you to get your teeth stuck into. Well done Jack on your Itch A Skitch concept. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/jump.png' alt='Jump' title='Jump' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.itchaskitch.com" target="_blank">Make your own Itch A Skitch here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.jackrugile.com/" target="_blank">Jack Rugile</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/NRJBvjP2nbk" frameborder="0" allowfullscreen></iframe></div>
<p><strong>David Beach</strong> interviews <a title="Great Web Design Ideas" href="http://www.jackrugile.com/" target="_blank">Jack Rugile</a> about his Itch A Skitch website project.</p>
<p><span class="intername">David Beach</span> <span class="question">What was the time-scales from start to finish?</span></p>
<p><span class="inteename">Jack Rugile</span> <span class="answer">It took about three months to make from start to finish. That doesn&#8217;t reflect the actual hours put in though. It was a project that I hacked away at here and there when I had free time.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What challenges did you have with this project?</span></p>
<p><span class="inteename">Jack Rugile</span> <span class="answer">There were a lot of new concepts that took some time to get comfortable with. Things like canvas performance, URL rewrites, AJAX, connecting to Amazon S3 remotely, and a few others were challenging.</p>
<p>For example, emulating the look of the stroke of an actual Etch A Sketch on canvas was tricky. A simple dark line from point A to point B was not enough. Some imperfections and speckles had to be added as the line was drawn to achieve that look. Figuring out a way to make a path that was hundreds of points long perform smoothly was also difficult.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What delays/technicalities if any caused issues and how did you overcome them?</span></p>
<p><span class="inteename">Jack Rugile</span> <span class="answer">One issue that was not a huge deal, because it was just a fun project, was that I accidentally disabled password protection on my development server about 30% of the way through the project. The site ended up getting shared on social media with a million and one bugs. Yikes! It wasn&#8217;t the end of the world though. I just let people know that it was not yet finished, and added the password protection again. If anything, it may have helped create some buzz for the real launch.</span></p>
<p><span class="intername">David Beach</span> <span class="question">If you could do it again, what would you change?</span></p>
<p><span class="inteename">Jack Rugile</span> <span class="answer">I honestly wouldn&#8217;t change a thing. It came to fruition exactly as I had imagined it, and I was able to learn the things I set out to learn with the project. It of course isn&#8217;t perfect, and could be improved in many ways, but I am satisfied regardless. I think I will be a lot more confident in the future when it comes to implementing similar features and expanding on those features.</span></p>
<p><span class="intername">David Beach</span> <span class="question">Could you provide a little background to your experiences and what your working on now?</span></p>
<p><span class="inteename">Jack Rugile</span> <span class="answer">I got into web design and development some time in 2008. I was intrigued by blogs and wanted to create my own. After tinkering with the web for about six months to a year, I went to The Art Institute of Colorado and studied web design. After graduation, I started working at The Firm Graphics in Denver, CO as a front-end developer and have been there ever since. At the office, we do a lot of web and graphic work for large music events and DJ&#8217;s. However, on my free time, I mainly like experimenting with HTML5 canvas. I like to build fun projects, anything from loader animations to simple games. Nothing too serious <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/wink.png' alt='Wink' title='Wink' class='tse-smiley' height='20' width='20' /></span></p>
<p><span class="intername">David Beach</span> <span class="question">What words of advice would you offer other budding web developers / creative agencies?</span></p>
<p><span class="inteename">Jack Rugile</span> <span class="answer">Always have a side project or idea that you are working on. Whether it is a simple CSS navigation idea, a JavaScript plugin, or a full blown PHP MVC framework, always have something to keep you engaged and challenged. I think if you let your work become the only creation and interaction you have with the web, it will quickly lose its appeal and luster.</span></p>
<p><span class="intername">David Beach</span> <span class="question">Thank you for your time and insights and I wish you the best of luck in the future.</span></p>
<p><span class="inteename">Jack Rugile</span> <span class="answer">Thanks for having me on the site! Itch A Skitch was lot of fun to make and I hope it inspires other developers to make fun projects as well.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/itch-a-skitch/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dance Pony Dance</title>
		<link>http://www.greatwebdesignideas.com/dance-pony-dance</link>
		<comments>http://www.greatwebdesignideas.com/dance-pony-dance#comments</comments>
		<pubDate>Fri, 03 May 2013 06:10:19 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Animals]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Funny]]></category>
		<category><![CDATA[Social Network]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2463</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Dance-Pony-Dance.jpg" class="attachment-large wp-post-image" alt="Dance-Pony-Dance" />&#8220;So you have seen the adverts&#8230; Now make your own dancing pony.” What is the sites concept all about? The mobile network Three has been broadcasting adverts of a dancing pony, if you have not seen them you can see &#8230; <a href="http://www.greatwebdesignideas.com/dance-pony-dance">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Dance-Pony-Dance.jpg" class="attachment-large wp-post-image" alt="Dance-Pony-Dance" /><p><em>&#8220;So you have seen the adverts&#8230; Now make your own dancing pony.”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>The mobile network Three has been broadcasting adverts of a dancing pony, if you have not seen them you can see one below. Anyways, this YouTube channel has The Pony Mixer, a dancing-pony-remixing tool where you can make a pony shake it to anything from Boyband to Bollywood. The creations can be unleashed on the world via Facebook or Twitter and people who take part will be celebrated in 30-second national TV commercials. Eight genres of music each have five options within them that can be combined however you like, using playful and quirky controls. Pulling on an elephant’s trunk or cranking up the groupies dial are just a couple of the ways you can alter your video.</p>
<p><strong>Background on the site:</strong></p>
<p>Shot against the dramatic backdrop of the Shetland Islands, the TV spot follows the story of a stocky little pony. But this is no ordinary Shetland pony. With the scrape of a hoof, and a flick of his Tina Turner-esque mane, he effortlessly moonwalks along to the uplifting track ‘Everywhere’ by Fleetwood Mac.</p>
<p>Three want to let the world know that all the seemingly stupid, funny and downright daft stuff we look at online on a daily basis… is not silly at all. Their point of view is that this stuff connects us to one another through the simple act of sharing it. Which is why as a network they do everything they can to help you live up to their brand line ‘Keep on internetting’. The commercial ends with the line ‘Silly stuff. It matters’.</p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/Ekr05T9Iaio" frameborder="0" allowfullscreen></iframe></div>
<p><strong>Technologies used to create the site.</strong></p>
<p>YouTube Channel &#8211; The project was built as a single responsive site that works seamlessly across mobile, tablet and desktop, taking advantage of gestures when available.</p>
<p><strong>Why I like this site.</strong></p>
<p>Ever since watching the advert for the first time (which I remember because I was in the cinema cracking up with laughter) the Dancing Pony has kind of been something I have been following. Its a funny gimmick and actually I like it. The site is easy to use and good fun. Enjoy  <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/music.png' alt='Listening to Music' title='Listening to Music' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.youtube.com/user/three/theponymixer" target="_blank">Visit Dance Pony Dance</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.wklondon.com" target="_blank">Wieden + Kennedy London</a> and <a title="Great Web Design Ideas" href="http://www.b-reel.com/" target="_blank">B-Reel</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/Tq-BCbh3ZZM" frameborder="0" allowfullscreen></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/dance-pony-dance/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome World Wide Maze</title>
		<link>http://www.greatwebdesignideas.com/chrome-world-wide-maze</link>
		<comments>http://www.greatwebdesignideas.com/chrome-world-wide-maze#comments</comments>
		<pubDate>Wed, 01 May 2013 14:43:00 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[High End Game]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2457</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Chrome-World-Wide-Maze.jpg" class="attachment-large wp-post-image" alt="Chrome World Wide Maze" />“Turns your favourite websites into mobile controlled marble maze games.” What is the sites concept all about? Google Japan have clearly been bored again in the office and what they have done is sheer amazing! All you do is visit &#8230; <a href="http://www.greatwebdesignideas.com/chrome-world-wide-maze">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/05/Chrome-World-Wide-Maze.jpg" class="attachment-large wp-post-image" alt="Chrome World Wide Maze" /><p><em>“Turns your favourite websites into mobile controlled marble maze games.”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>Google Japan have clearly been bored again in the office and what they have done is sheer amazing! All you do is visit the site, enter your favourite website, connect your phone (if you want to) and play a 3D version of the website as a maze game. Game play is smooth and in sync with the sound effects, its worth a try. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/giggle.png' alt='Giggle' title='Giggle' class='tse-smiley' height='20' width='20' /></p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5, webGL and WebSocket<em><em> </em></em></p>
<p><a title="Great Web Design Ideas" href="http://chrome.com/maze/" target="_blank">Play Chrome World Wide Maze Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: Party, <a title="Great Web Design Ideas" href="http://www.aid-dcc.com/en/" target="_blank">AID-DCC Inc</a>., <a title="Great Web Design Ideas" href="http://katamari.co.jp/" target="_blank">Katamari Inc.</a>, <a title="Great Web Design Ideas" href="http://www.futurek.com/" target="_blank">Futurek Inc.</a> and <a title="Great Web Design Ideas" href="www.google.co.jp" target="_blank">Google Japan</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/7AvTl9aU5D8" frameborder="0" allowfullscreen></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/chrome-world-wide-maze/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DotShop</title>
		<link>http://www.greatwebdesignideas.com/dotshop</link>
		<comments>http://www.greatwebdesignideas.com/dotshop#comments</comments>
		<pubDate>Mon, 29 Apr 2013 06:10:48 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Art and Photography]]></category>
		<category><![CDATA[Society and Culture]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Free To Use]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Interviews]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2447</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/DotShop.jpg" class="attachment-large wp-post-image" alt="DotShop" />“Great user interface and awesome little bit of fun!” What is the sites concept all about? The application allows the user to create a comic panel in the style of a Pop Art painting. Users begin by either uploading their &#8230; <a href="http://www.greatwebdesignideas.com/dotshop">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/DotShop.jpg" class="attachment-large wp-post-image" alt="DotShop" /><p><em>“Great user interface and awesome little bit of fun!”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>The application allows the user to create a comic panel in the style of a Pop Art painting. Users begin by either uploading their own image or choosing a portrait from the Tate collection. This image is then processed to resemble a “Ben-Day dots” style printed image, and the user can experiment with settings such as the size of the dots, and the brightness and contrast of the image. In the next stage, the user can add their own details using a paintbrush tool, and finally layer on Pop Art elements like speech bubbles and tear drops before saving their image to their desktop or adding it to the Tate Kids online gallery.</p>
<p><strong>Background on the site:</strong></p>
<p>Dot Shop was commissioned by Tate Kids with the aim of creating an engaging online application viewable on multiple devices including iPads, tying in with a new exhibition at the Tate Modern.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5: The Canvas element, which is used for drawing graphics on the fly, VI scripting, and usually JavaScript. The Canvas element is currently supported by Internet Explorer 9, Firefox, Opera, Chrome, and Safari for both desktop and most mobile devices.  A suite of JavaScript libraries from <a title="CreateJS" href="http://www.createjs.com/" target="_blank">CreateJS</a> that includes EaselJs and PreloadJS. Kanoti leveraged <a href="http://www.greensock.com/">Greensock</a>‘s JavaScript library TweenLite which was used to control all of the animations and screen transitions. For more on the development work visit <a title="Great Web Design Ideas" href="http://www.kanoti.com/dot-shop-and-developing-with-html5/" target="_blank">Kanoti Blog Here</a>.</p>
<p><strong>Why I like this site.</strong></p>
<p>It is a fantastic bit of fun! Not to mention the work gone on behind it to be made. Its cross platform and is a great way to promote a new exhibition. The funky style and user friendly interface make this a great way to have a little fun in the office for a quick break. You can use your own images or pre-set ones and the flexibility of the program is very inspiring for others to build this type of project. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/peace.png' alt='Peace' title='Peace' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://kids.tate.org.uk/games/dotshop/" target="_blank">Visit The DotShop Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.kanoti.com" target="_blank">Kanoti</a></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/64722684" width="600" height="350" frameborder="0"></iframe></div>
<p><strong>David Beach</strong> interviews <strong>Chris Andrews</strong> Snr. Developer at <a title="Great Web Design Ideas" href="http://www.kanoti.com" target="_blank">Kanoti</a>.</p>
<p><span class="intername">David Beach</span> <span class="question">What was the time-scales from start to finish?</span></p>
<p><span class="inteename">Chris Andrews</span> <span class="answer">The development of the game took about a month, this was mainly down to exploring the possibilities and optimisations. Once the core functionality was created it was just a case of setting up the screens.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What challenges did you have with this project?</span></p>
<p><span class="inteename">Chris Andrews</span> <span class="answer">This was one of our first HTML5 projects working with Canvas and EaselJS so there was a learning curve with optimisation to get the best performance possible.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What delays/technicalities if any caused issues and how did you overcome them?</span></p>
<p><span class="inteename">Chris Andrews</span> <span class="answer">The only technicalities that we had was choosing whether to use JavaScript to process the Images or to push the Image processing to the server to use IMagick. There was a big performance difference between the two which led us to process the images on the server.</span></p>
<p><span class="intername">David Beach</span> <span class="question">If you could do it again, what would you change?</span></p>
<p><span class="inteename">Chris Andrews</span> <span class="answer">It’s a difficult one to answer. The game itself runs really well and the image processing is lovely and quick. It would be nice to see the picture editing options (e.g. size of dots, saturation etc.) processed in real-time, but it’s all reliant on the device accessing the application.</span></p>
<p><span class="intername">David Beach</span> <span class="question">Could you provide a little background to your experiences and what you’re working on now?</span></p>
<p><span class="inteename">Chris Andrews</span> <span class="answer">I am a Senior developer at Kanoti, I came here from the production studio PlayerThree where I was an ActionScript Developer and before that I was a Designer. Over the years I have had the opportunity to explore JavaScript and HTML but this has been my first live project. I am currently working on a children&#8217;s story that is being developed in ActionScript  and deployed to IOS using Adobe AIR.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What words of advice would you offer other budding web developers / creative agencies?</span></p>
<p><span class="inteename">Chris Andrews</span> <span class="answer">Try to explore every possible option and keep testing on as many devices as possible. If you’re working with server side extensions, get them installed as soon as possible on any live and test servers. You never know what could go wrong and its always best to be prepared.</span></p>
<p><img class="aligncenter size-full wp-image-2448" alt="DotShop1" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/DotShop1.jpg" width="600" height="318" /> <img class="aligncenter size-full wp-image-2449" alt="DotShop2" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/DotShop2.jpg" width="600" height="318" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/dotshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>World Baking Day 2013</title>
		<link>http://www.greatwebdesignideas.com/world-baking-day</link>
		<comments>http://www.greatwebdesignideas.com/world-baking-day#comments</comments>
		<pubDate>Thu, 25 Apr 2013 06:10:02 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Food and Drink]]></category>
		<category><![CDATA[Free To Use]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Informative]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2431</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/World-Baking-Day.jpg" class="attachment-large wp-post-image" alt="World Baking Day" />&#8220;Put on your apron and celebrate world baking day on the 19th of May” What is the sites concept all about? This World Baking Day we are encouraging you to Bake Brave. Step out of your comfort zone and bake &#8230; <a href="http://www.greatwebdesignideas.com/world-baking-day">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/World-Baking-Day.jpg" class="attachment-large wp-post-image" alt="World Baking Day" /><p><em>&#8220;Put on your apron and celebrate world baking day on the 19th of May”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>This World Baking Day we are encouraging you to Bake Brave. Step out of your comfort zone and bake a cake that will push your baking skills to the limit. 100 of the world&#8217;s most exciting bakers have each submitted a cake. They have been ranked from Level 1 being the easiest to make, up to Level 100 which is so difficult, it has master bakers quivering in their aprons. Choose a cake that you have never baked before, then on the 19th May roll up your sleeves and get stuck in.</p>
<p>World Baking Day began as a way for cake lovers around the globe to share their passion for baking, so get your friends involved, share your challenge, invite them round, and Bake Brave this World Baking Day.</p>
<p><strong>Background on the site:</strong></p>
<p>A way for cake lovers around the globe to share their passion for baking, by inspiring them to bake things harder then they would normally bake.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 &amp; JavaScript</p>
<p><strong>Why I like this site.</strong></p>
<p>If only all recipe sites where like this. Nice and simple to use, great for working out your baking level and the colours are amazing. The site is brilliantly executed with clear and clean executions on what to do. A real delicious site. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/cake.png' alt='Cake' title='Cake' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.worldbakingday.com" target="_blank">Visit The World Baking Day Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.leanmeanfightingmachine.co.uk" target="_blank">Lean mean Fighting Machine</a></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/63817205" width="600" height="350" frameborder="0"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/world-baking-day/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Card Stories</title>
		<link>http://www.greatwebdesignideas.com/card-stories</link>
		<comments>http://www.greatwebdesignideas.com/card-stories#comments</comments>
		<pubDate>Mon, 22 Apr 2013 06:16:50 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Children]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Free To Use]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2422</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/cardstories.jpg" class="attachment-large wp-post-image" alt="cardstories" />“Fun to build your child&#8217;s imagination” What is the sites concept all about? A card game that plays with your creativity. Pick a word, a set of cards, and have your friends guess which card matches your word. Technologies used &#8230; <a href="http://www.greatwebdesignideas.com/card-stories">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/cardstories.jpg" class="attachment-large wp-post-image" alt="cardstories" /><p><em>“Fun to build your child&#8217;s imagination”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>A card game that plays with your creativity. Pick a word, a set of cards, and have your friends guess which card matches your word.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 and JavaScript</p>
<p><strong>Why I like this site.</strong></p>
<p>Its simple and designed well. This is great to increase your child&#8217;s imagination in a positive way. I like how simple it is, just a same I had to wait ages to play with someone, perhaps with more marketing more people will play so games can be played quicker. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/cow2.png' alt='Cow 2' title='Cow 2' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="https://cardstories.org" target="_blank">Play Card Stories Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://farsides.com/" target="_blank">Farsides</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/RUHoMxLoQTo" frameborder="0" allowfullscreen></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/card-stories/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rebus Puzzles</title>
		<link>http://www.greatwebdesignideas.com/rebus-puzzles</link>
		<comments>http://www.greatwebdesignideas.com/rebus-puzzles#comments</comments>
		<pubDate>Fri, 19 Apr 2013 06:10:13 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Hobbies and Crafts]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2412</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Rebuses.jpg" class="attachment-large wp-post-image" alt="Rebuses" />“Just what you need for a Friday morning&#8230; Puzzles to solve!” What is the sites concept all about? Each week day a new puzzle is shown for users to solve. The idea is to stimulate the users brain and increase &#8230; <a href="http://www.greatwebdesignideas.com/rebus-puzzles">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Rebuses.jpg" class="attachment-large wp-post-image" alt="Rebuses" /><p><em>“Just what you need for a Friday morning&#8230; Puzzles to solve!”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>Each week day a new puzzle is shown for users to solve. The idea is to stimulate the users brain and increase there brain power.</p>
<p><strong>Background on the site:</strong></p>
<p>David Beach makes each of the puzzles that are shown on the site each weekday.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 and WordPress</p>
<p><strong>Why I like this site.</strong></p>
<p>Because I developed it and make the puzzles each day. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/monkey.png' alt='Monkey' title='Monkey' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.rebuses.co" target="_blank">Visit Rebus Puzzles</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.daxic.com" target="_blank">DAXIC</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/rebus-puzzles/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Distance to Mars</title>
		<link>http://www.greatwebdesignideas.com/distance-to-mars</link>
		<comments>http://www.greatwebdesignideas.com/distance-to-mars#comments</comments>
		<pubDate>Wed, 17 Apr 2013 10:37:44 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Science]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Informative]]></category>
		<category><![CDATA[Interviews]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2408</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Distance-to-Mars.jpg" class="attachment-large wp-post-image" alt="Distance to Mars" />“If the Earth were 100 pixels wide, How far is it to Mars?” What is the sites concept all about? At the current state of space technology, it will take at least 150 days to get to Mars! So what &#8230; <a href="http://www.greatwebdesignideas.com/distance-to-mars">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Distance-to-Mars.jpg" class="attachment-large wp-post-image" alt="Distance to Mars" /><p><em>“If the Earth were 100 pixels wide, How far is it to Mars?”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>At the current state of space technology, it will take at least 150 days to get to Mars! So what does that look like if the Earth as 100 pixels wide? Well, guess what you can find out by visiting the site. <a title="Great Web Design Ideas" href="http://www.bbc.co.uk/news/science-environment-22146456" target="_blank">Or you can read on how to apply for a one way trip to Mars here</a>.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 JavaScript and CSS3</p>
<p><strong>Why I like this site.</strong></p>
<p>I like the design and I like the concept, I just hope the internet DONT fill up with thousands of these things, distance to the Sun, distance from London to New York or Distance to center of the earth. Yes they can be educational but in moderation. This sets a good bar for quality, its clear, crisp and very well developed. Thats why I like it! <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/moon.png' alt='Moon' title='Moon' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.distancetomars.com/" target="_blank">Visit Distance To Mars </a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://dribbble.com/davepaliwoda" target="_blank">David Paliwoda</a> and <a title="Great Web Design Ideas" href="http://dribbble.com/jesse_lauren" target="_blank">Jesse Williams</a></p>
<p><strong>David Beach</strong> interviews <strong><a title="Great Web Design Ideas" href="http://www.davepaliwoda.com/" target="_blank">David Paliwoda</a></strong>.</p>
<p><span class="intername">David Beach</span> <span class="question">What was the time-scales from start to finish?</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">2 day project to learn to make websites (had only been learning for 2 weeks beforehand)</span></p>
<p><span class="intername">David Beach</span> <span class="question">What challenges did you have with this project?</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">Probably most difficult part was learning how to do the jQuery/javascript, it was my first time touching it, a few frustrating hours trying to get scrolling to work!</span></p>
<p><span class="intername">David Beach</span> <span class="question">Will you be in line waiting for your trip to Mars in the 2030s?</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">If I can get enough eBooks and episodes of the Wire on my iPad to tide me over for the journey, put me at the top of the list.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What delays/technicalities if any caused issues and how did you overcome them?</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">None in particular, had to make a mobile version eventually because my inbox got stuffed with people complaining that the animation was bugged (so I removed the auto-scrolling on mobile, hah)</span></p>
<p><span class="intername">David Beach</span> <span class="question">If you could do it again, what would you change?</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">Probably add a &#8216;download page&#8217; button, loads of teachers were asking about offline versions to use in the classroom.</span></p>
<p><span class="intername">David Beach</span> <span class="question">Could you provide a little background to your experiences and what your working on now?</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">I&#8217;m an Interaction Designer at <a title="Great Web Design Ideas" href="http://www.w12studios.com" target="_blank">W12 Studios</a>, I came to W12 straight out of University as a Motion Designer (having studied VFX/Motion Graphics/Video Production), but after a few months realised I was more interested in thinking about how things work at the lowest level. At W12 we&#8217;re working with major tech companies in the entertainment industry. In my own time, website making is just a hobby -got a few ideas to tackle next but we&#8217;ll see how they come together.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What words of advice would you offer other budding web developers / creative agencies?</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">Take the initiative and just make things. Ideas are great, but they&#8217;re not tangible. Learn lots of different things -anything we learn applies to everything we do. The narrative and motion graphics knowledge I had from university are what made this site interesting. The interaction designer sitting opposite me used to be an architect. Different fields lead to different perspectives.</span></p>
<p><span class="intername">David Beach</span> <span class="question">Thank you for your time and insights and I wish you the best in the future.</span></p>
<p><span class="inteename">David Paliwoda</span> <span class="answer">Thanks David, glad you like it! Nice GWDI website!</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/distance-to-mars/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bane Thatcher</title>
		<link>http://www.greatwebdesignideas.com/bane-thatcher</link>
		<comments>http://www.greatwebdesignideas.com/bane-thatcher#comments</comments>
		<pubDate>Mon, 15 Apr 2013 18:04:52 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Government]]></category>
		<category><![CDATA[Society and Culture]]></category>
		<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2403</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/BaneThatcher.jpg" class="attachment-large wp-post-image" alt="Bane Thatcher" />“Regardless of your feelings towards the Iron Lady, here are some of her quotes in the voice of Bane.” What is the sites concept all about? As you may have heard, Margaret Thatcher passed away last week and as a &#8230; <a href="http://www.greatwebdesignideas.com/bane-thatcher">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/BaneThatcher.jpg" class="attachment-large wp-post-image" alt="Bane Thatcher" /><p><em>“Regardless of your feelings towards the Iron Lady, here are some of her quotes in the voice of Bane.”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>As you may have heard, Margaret Thatcher passed away last week and as a sort of tribute her quotes have been recorded in the voice of Bane (a fictional super villain who appears in comic books/films). However the point of the site how some of her quotes do sound a little scary when you come to think about it.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML</p>
<p><strong>Why I like this site.</strong></p>
<p>I like simplicity and its these quick witted sites that inspire ideas for the future, we all need a little humor in our life&#8217;s and with the current affairs I see this as fitting.</p>
<p><a title="Great Web Design Ideas" href="http://banethatcher.com/" target="_blank">Visit BaneThatcher here.</a></p>
<p>Produced, Developed and or Made By (Credits) go to: Jon Robbins and Maddison Bradley</p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/bane-thatcher/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Ultimate Party Guide</title>
		<link>http://www.greatwebdesignideas.com/the-ultimate-party-guide</link>
		<comments>http://www.greatwebdesignideas.com/the-ultimate-party-guide#comments</comments>
		<pubDate>Fri, 12 Apr 2013 06:05:40 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Alcohol]]></category>
		<category><![CDATA[Food and Drink]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Informative]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2394</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/The-Ultimate-Party-Guide.jpg" class="attachment-large wp-post-image" alt="The Ultimate Party Guide" />“Great cocktail ideas and specific for each month! Have a good weekend&#8230;” What is the sites concept all about? Sometimes you just want cocktails (and food) that is relevant to the time of year. So currently we are in &#8220;Spring&#8221; &#8230; <a href="http://www.greatwebdesignideas.com/the-ultimate-party-guide">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/The-Ultimate-Party-Guide.jpg" class="attachment-large wp-post-image" alt="The Ultimate Party Guide" /><p><em>“Great cocktail ideas and specific for each month! Have a good weekend&#8230;”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>Sometimes you just want cocktails (and food) that is relevant to the time of year. So currently we are in &#8220;Spring&#8221; so what better then to make <del>Summer</del> Spring related drinks (and food). This Micro-site allows your search for drinks (and food) based on the month with an added bonus of party ideas too!</p>
<p><strong>Background on the site:</strong></p>
<p>From birthday bashes to simple Friday freedom, we reminded people that there&#8217;s always a reason to raise a glass. Through our interactive micro site, the Mixed Drink Maker served up unique Timeline Covers for our fans using ingredients from their Facebook profiles. It solved the problem of blurry Timeline Covers and was just plain fun stuff to share.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5</p>
<p><strong>Why I like this site.</strong></p>
<p>I love the simplicity with simple cocktails that are relevant to the month. I like to try my hand at making cocktails myself so I guess I have a basis interest in it. However the site is beautifully made and fun! I also like the cool Facebook event creator idea! Very well done. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/drink.png' alt='Drink' title='Drink' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.fijipartyguide.com" target="_blank">Visit The Ultimate Party Guide</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://interaktivaonline.com/site/" target="_blank">Interaktiva Digital Marketing</a></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/51480171#" width="600" height="350" frameborder="0"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/the-ultimate-party-guide/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Every Last Drop</title>
		<link>http://www.greatwebdesignideas.com/every-last-drop</link>
		<comments>http://www.greatwebdesignideas.com/every-last-drop#comments</comments>
		<pubDate>Mon, 08 Apr 2013 11:42:28 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Society and Culture]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Informative]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2385</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Every-Last-Drop.jpg" class="attachment-large wp-post-image" alt="Every Last Drop" />“In the UK we each guzzle a massive 4,645 litres every day. But on what?” What is the sites concept all about? Water, something we should all be able to &#8220;Tap&#8221; into.  Every Last drop is an interactive website which &#8230; <a href="http://www.greatwebdesignideas.com/every-last-drop">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Every-Last-Drop.jpg" class="attachment-large wp-post-image" alt="Every Last Drop" /><p><em>“In the UK we each guzzle a massive <em>4,645 litres</em> every day. But on what?”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>Water, something we should all be able to &#8220;Tap&#8221; into.  Every Last drop is an interactive website which takes a detailed look at how much water we waste on a daily basis and how small changes can make a big difference. This site is a fun and interactive parallaxing website based on a day in the life of an “average joe”. Through this quirky little character, going about his daily tasks, the viewer is able to learn more about how water is wasted in our lives, often without us realising it. The website concludes in a short animation about saving water.</p>
<p><strong>Background on the site:</strong></p>
<p>As far as water is concerned, 2012 was a big year. Not only did the UK experience painful water shortages, it was also devastated by record-breaking floods. And it looks as though 2013 will be just as saturated with aqua issues, with the UN dubbing it the Year of Water Cooperation. With all this in mind, Nice and Serious decided it was time people learnt a bit more about their water usage and that we can all do our bit to reduce it!</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5</p>
<p><strong>Why I like this site.</strong></p>
<p>I really like interactive parallaxing websites at the moment, something to do while reading the site at my own pace (as I am easily distracted by other things going on!). The character adds a bit of fun while learning about some facts on water wastage in the UK. The graphics are simple (they would have to be for HTML5 movement) otherwise the development would double if not triple. Its a simple message and I just plumb like it. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/rain.png' alt='Rain' title='Rain' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.everylastdrop.co.uk/" target="_blank">Visit Every Last Drop Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.niceandserious.com" target="_blank">Nice and Serious</a></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/57858464" width="600" height="350" frameborder="0"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/every-last-drop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easter Eggs Live</title>
		<link>http://www.greatwebdesignideas.com/easter-eggs-live</link>
		<comments>http://www.greatwebdesignideas.com/easter-eggs-live#comments</comments>
		<pubDate>Thu, 04 Apr 2013 18:10:38 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Informative]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Webcam]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2376</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Ant-And-Duck.jpg" class="attachment-large wp-post-image" alt="Easter Eggs Live" />“Ant and Duck on Channel 4&#8242;s Easter Eggs Live” What is the sites concept all about? An innovative nature site like no other, designed to facilitate around-the-clock live streaming of spectacular species hatching from their eggs. Commissioned as part of &#8230; <a href="http://www.greatwebdesignideas.com/easter-eggs-live">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Ant-And-Duck.jpg" class="attachment-large wp-post-image" alt="Easter Eggs Live" /><p><em>“Ant and Duck on Channel 4&#8242;s Easter Eggs Live”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>An innovative nature site like no other, designed to facilitate around-the-clock live streaming of spectacular species hatching from their eggs. Commissioned as part of Channel 4&#8242;s Easter Eggs Live programme. In a TV and science first, Easter Eggs Live opened up the unknown world of one of nature’s most ingenious inventions: the egg.</p>
<p><strong>Background on the site:</strong></p>
<p>From crocodiles to cockroaches and stick insects to sharks, 99 per cent of life starts in an egg. The groundbreaking show investigated the embryonic behaviour of reptiles, invertebrates, birds, fish and amphibians.</p>
<p>The hatching action unfolded on their 24/7 live streams from Monday 25 March. There were two-minute bulletins at 7.55pm on Channel 4 throughout the week, bringing you the latest news from the hatchery. Using the very latest equipment, including powerful scanners and super-sensitive microphones, the programmes will reveal the beginnings of life like never before and show the remarkable, and perilous, journeys animals make as they break out and begin life in the outside world.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5, JavaScript, Flash and Facebook Plugin</p>
<p><strong>Why I like this site.</strong></p>
<p>Sheer fascinating not to mention too cute! Just look at Ant and Duck in the image above! Anyways, sometimes I have to put a site up that might not meet the design requirements but certainly meets the behind the scenes look. You will probably never get to see the footage in real life however the LIVE webcams capture it all as i happens. Amazing concept and superb streaming. If you do watch the LIVE cams, click on the full screen view, you can see a lot more. The site is extremely informative on the spectacular species and the round up views are the best for an overview of all the hatching action!  <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/turtle.png' alt='Turtle' title='Turtle' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://eggs.channel4.com/" target="_blank">Take a look at Easter Eggs Live here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://numiko.com/" target="_blank">Numiko</a> and <a title="Great Web Design Ideas" href="http://www.windfallfilms.com/" target="_blank">Windfall Films</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/e2v8mzoC0I4" frameborder="0" allowfullscreen></iframe></div>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/T5lxy_oARoU" frameborder="0" allowfullscreen></iframe></div>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/ydFgXLMdmyg" frameborder="0" allowfullscreen></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/easter-eggs-live/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Explore Touch</title>
		<link>http://www.greatwebdesignideas.com/explore-touch</link>
		<comments>http://www.greatwebdesignideas.com/explore-touch#comments</comments>
		<pubDate>Tue, 02 Apr 2013 12:52:02 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Informative]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2363</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Explore-Touch.jpg" class="attachment-large wp-post-image" alt="Explore Touch" />“Using just your fingers to create a unique user experience. Simply Amazing.” What is the sites concept all about? This website lets users use intuitive touch gestures to mix audio files to create an original sound track. The experience centres &#8230; <a href="http://www.greatwebdesignideas.com/explore-touch">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Explore-Touch.jpg" class="attachment-large wp-post-image" alt="Explore Touch" /><p><em>“Using just your fingers to create a unique user experience. Simply Amazing.”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>This website lets users use intuitive touch gestures to mix audio files to create an original sound track. The experience centres on an original sound track from Blake Lewis. The site lets users use their fingers to mix the stem files of Blake’s song to create a new music experience. The visual aspect of the site is also enhanced by a psychedelic explosion of colours that beats to the user’s every touch.</p>
<p><strong>Background on the site:</strong></p>
<p>In the past few years, touch has revolutionised the way we interact with our devices. While much of this innovation was primarily for apps, with IE 10 and Windows 8, we can expect more from multi-touch and gestures on the web.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5, JavaScript <a title="Great Web Design Ideas" href="http://www.exploretouch.ie/behind-the-scenes/" target="_blank">MSGesture Object, SVG &amp; Canvas</a> Like the icons used on Explore Touch site? You can see them all at <a title="Great Web Design Ideas" href="http://www.f-i.com/fi/icons/" target="_blank">FI Icons</a></p>
<p><strong>Why I like this site.</strong></p>
<p>I tested in IE (as the site was built for it) and had fun playing with the music in a new way, which then made me want to read more about the site and why it was made. The whole site is created specifically for use with your fingers which allows you to make your own unique user experience which is truly amazing. I think the developers missed a trick, you should be able to save your creation to share with your friends on social networks, however I know this technology is in its infancy and saving on the fly work is the next stage of HTML5 as it is VERY resource intensive. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/waiting.png' alt='Waiting' title='Waiting' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.exploretouch.ie/" target="_blank">Visit The Explore Touch Site Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.microsoft.com" target="_blank">Internet Explorer</a>, <a title="Great Web Design Ideas" href="http://www.f-i.com/" target="_blank">Fantasy Interactive (Fi)</a> and <a title="Great Web Design Ideas" href="http://www.claritycon.com/" target="_blank">Clarity Consulting</a></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/60727755" width="600" height="350" frameborder="0"></iframe></div>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/tDoJuWNS9ek" frameborder="0" allowfullscreen></iframe></div>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/60707752" width="600" height="350" frameborder="0"></iframe></div>
<p><img class="aligncenter size-full wp-image-2370" alt="Explore-Touch-SS" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/04/Explore-Touch-SS.jpg" width="600" height="428" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/explore-touch/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Super Important Test</title>
		<link>http://www.greatwebdesignideas.com/super-important-test</link>
		<comments>http://www.greatwebdesignideas.com/super-important-test#comments</comments>
		<pubDate>Fri, 29 Mar 2013 06:15:14 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Food and Drink]]></category>
		<category><![CDATA[Micro-Site]]></category>
		<category><![CDATA[Funny]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2343</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Super-Important-Test.jpg" class="attachment-large wp-post-image" alt="Super Important Test" />“Got that Friday feeling yet? Nah&#8230; Well this might just make you chuckle.” What is the sites concept all about? What is the best part of an Oreo? The Cookie or the crème? Cast your vote and through a series &#8230; <a href="http://www.greatwebdesignideas.com/super-important-test">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Super-Important-Test.jpg" class="attachment-large wp-post-image" alt="Super Important Test" /><p><em>“Got that Friday feeling yet? Nah&#8230; Well this might just make you chuckle.”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>What is the best part of an Oreo? The Cookie or the crème? Cast your vote and through a series of comedic and sometimes bizarre videos, you are informed that you are right, regardless of your answer. When it comes to the cookie versus crème battle, there is no wrong answer.</p>
<p><strong>Background on the site:</strong></p>
<p>The site features videos from over a dozen directors, production companies and YouTube personalities. The video makers spanned 6 different time zones and simultaneously crafted dozens of videos to give this site an eclectic and entertaining assortment of content. From oddly captivating 2D horse animations to hilariously realistic robotic cats, this site has something for everyone.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>The primary microsite was developed with two concurrent tech directions, a full featured Flash engagement and an HTML fallback for mobile and tablets.  Additionally, there was a sharable embed version created for insertion into blogs, online-publications and Facebook feeds.  Naturally, leading all of this delightful interactive content was a flight of standard and rich media traffic drivers.</p>
<p><strong>Why I like this site.</strong></p>
<p>Honestly I would not go as far to say I like it, but it does have an appeal! Bizarre videos certainly has its place on the internet, however what made me go with this site was more on the efforts of making this very compatible and sharable. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/cat2.png' alt='Cat 2' title='Cat 2' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.superimportanttest.com/" target="_blank">Take the Super Important Test Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.wk.com/" target="_blank">Wieden + Kennedy</a> and <a title="Great Web Design Ideas" href="http://www.byhook.com/" target="_blank">Hook</a></p>
<p><strong>The Embedded Version:</strong></p>
<p><iframe src="http://www.superimportanttest.com/iframesource.html?shareVideo=creme9" height="250" width="300" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/62261374" width="600" height="350" frameborder="0"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/super-important-test/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Old Spice Interview Trainer</title>
		<link>http://www.greatwebdesignideas.com/old-spice-interview-trainer</link>
		<comments>http://www.greatwebdesignideas.com/old-spice-interview-trainer#comments</comments>
		<pubDate>Wed, 27 Mar 2013 07:01:57 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Fragrance]]></category>
		<category><![CDATA[Recruitment]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Funny]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Webcam]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2352</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Old-Spice-Interview-Trainer.jpg" class="attachment-large wp-post-image" alt="Old Spice Interview Trainer" />“Just love how the site used video social media to interact with its customers! Ground Breaking!” What is the sites concept all about? An Interview Trainer made for Mr. Wolfdog that will help you prepare for your future job interviews. &#8230; <a href="http://www.greatwebdesignideas.com/old-spice-interview-trainer">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Old-Spice-Interview-Trainer.jpg" class="attachment-large wp-post-image" alt="Old Spice Interview Trainer" /><p><em>“Just love how the site used video social media to interact with its customers! Ground Breaking!”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>An Interview Trainer made for Mr. Wolfdog that will help you prepare for your future job interviews. As part of of the viral campaign they held many live streaming stunts via Google Hangouts, uStream and Xbox Live.</p>
<p><strong>Background on the campaign:</strong></p>
<p>For the live events, a WebGL application was created that tracked Wofldog’s movements and allowed the MINIVEGAS team to turn his “speech collar” into an audio reactive piece of software. With a toolbox of video elements, cables, adapters, and caffeine, they were able to control Wofldog’s every movement and live interactions with Old Spice’s fans for 5 days.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>Flash</p>
<p><strong>Why I like this site.</strong></p>
<p>It was funny. I clearly was bored and it killed the time and made me laugh. What I really liked was how video social media was used to interact with the fans. This site was a tiny piece of the puzzle to a HUGE marketing campaign that clearly has worked (as I am writing about it). <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/koala.png' alt='Koala' title='Koala' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.teachmetojob.com/" target="_blank">Take The Old Spice Interview Trainer Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.minivegas.net" target="_blank">MINIVEGAS Studio</a></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/62035013" width="600" height="350" frameborder="0"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/old-spice-interview-trainer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pi&#8217;s Epic Journey</title>
		<link>http://www.greatwebdesignideas.com/pis-epic-journey</link>
		<comments>http://www.greatwebdesignideas.com/pis-epic-journey#comments</comments>
		<pubDate>Mon, 25 Mar 2013 14:27:28 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Film / Movie]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Informative]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2336</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Pis-Epic-Journey.jpg" class="attachment-large wp-post-image" alt="Pi&#039;s Epic Journey" />“Parallax, Parallax and more Parallaxing! Very cleaver and engaging and great to see the transition from concept to end result!” What is the sites concept all about? Journey behind the scenes in this stunning HTML5 experience and explore how Life &#8230; <a href="http://www.greatwebdesignideas.com/pis-epic-journey">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Pis-Epic-Journey.jpg" class="attachment-large wp-post-image" alt="Pi&#039;s Epic Journey" /><p><em>“Parallax, Parallax and more Parallaxing! Very cleaver and engaging and great to see the transition from concept to end result!”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>Journey behind the scenes in this stunning HTML5 experience and explore how Life of Pi&#8217;s winning moments were brought to life.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 &amp; JavaScript</p>
<p><strong>Why I like this site.</strong></p>
<p>I admit I did not watch the film but I do love behind the scenes stuff. This site brings &#8220;Epic&#8221; to a new level, so much time and effort has gone in to this very polished site to promote the DVD/Blu-Ray release of the film. The scrolling through this site is just amazing and interesting at the same time. It was so good it actually kept me scrolling the whole way to the bottom! Well worth checking out! <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/tiger.png' alt='Tiger' title='Tiger' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://journey.lifeofpimovie.com" target="_blank">Visit Pi&#8217;s Epic Journey Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.soapcreative.com/" target="_blank">Soap Creative</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/ENkffR8Ss_8" frameborder="0" allowfullscreen></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/pis-epic-journey/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Plant Of Dreams</title>
		<link>http://www.greatwebdesignideas.com/the-plant-of-dreams</link>
		<comments>http://www.greatwebdesignideas.com/the-plant-of-dreams#comments</comments>
		<pubDate>Fri, 22 Mar 2013 06:10:11 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Charity]]></category>
		<category><![CDATA[Flowers]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Social Network]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2294</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/The-Plant-Of-Dreams.jpg" class="attachment-large wp-post-image" alt="The Plant Of Dreams" />“Every tweet raises money! Now that is a viral campaign!” What is the sites concept all about? For every shared dream the disabled person foundation will get a donation. All dreams are represented via a plant that grows every time &#8230; <a href="http://www.greatwebdesignideas.com/the-plant-of-dreams">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/The-Plant-Of-Dreams.jpg" class="attachment-large wp-post-image" alt="The Plant Of Dreams" /><p><em>“Every tweet raises money! Now that is a viral campaign!”</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>For every shared dream the disabled person foundation will get a donation. All dreams are represented via a plant that grows every time someone shares their dream.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 &amp; JavaScript</p>
<p><strong>Why I like this site.</strong></p>
<p>Lately charity type websites are coming up with some awesome concepts and ideas on how to raise money and this one is no exception. The concept is simple, share a dream on a tweet and the foundation gets a donation! What could be more simpler? This is a great viral campaign and all for a good cause!   <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/pirate.png' alt='Pirate' title='Pirate' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://teleton.org.co/siembra/" target="_blank">Visit the plant of dreams here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.enigmind.com/" target="_blank">Enigmind</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/the-plant-of-dreams/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lost My Name</title>
		<link>http://www.greatwebdesignideas.com/lost-my-name</link>
		<comments>http://www.greatwebdesignideas.com/lost-my-name#comments</comments>
		<pubDate>Wed, 20 Mar 2013 17:10:47 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Children]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Informative]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2291</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Lost-My-Name.jpg" class="attachment-large wp-post-image" alt="Lost My Name" />&#8220;Beautifully designed and great for a personallised book for the kids!&#8221; What is the sites concept all about? The creators came up with the story of a child who had lost his or her name. The adventure of the book &#8230; <a href="http://www.greatwebdesignideas.com/lost-my-name">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Lost-My-Name.jpg" class="attachment-large wp-post-image" alt="Lost My Name" /><p><em>&#8220;Beautifully designed and great for a personallised book for the kids!&#8221;</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>The creators came up with the story of a child who had lost his or her name. The adventure of the book is to track down all the letters of the lost name. On the way, the child meets lots of different creatures, who all lend a hand. Nice creatures, strange creatures, on-the-face-of-it scary creatures. They wanted to show that with a bit of courage, and some audacity, there’s nothing to be afraid of and anything is possible. They created over 150 illustrations and this project is 100% independent, totally self-published and wholly self-funded.</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>HTML5 and JavaScript</p>
<p><strong>Why I like this site.</strong></p>
<p>The site design is truly beautiful, the creators have really captured a fantastic sense of user adventure and made it fun, which I think is whats needed if your selling a self published book, you really should have a site that reflects the high quality you are selling. I like how the creators have added there own humor into the design, just to add a personal touch. The site is user intuitive and graphically pleasing and that&#8217;s why it is today&#8217;s Great Web Design Idea. <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/hypnotized.png' alt='Hypnotized' title='Hypnotized' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://lostmy.name" target="_blank">Make your own book here.</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="https://twitter.com/tzvister" target="_blank">Tal Oron</a>, <a title="Great Web Design Ideas" href="http://serapicos.org/" target="_blank">Pedro Serapicos</a> and <a title="Great Web Design Ideas" href="http://www.imdb.com/name/nm2596599/" target="_blank">David Cadji-Newby</a></p>
<div class="video-shortcode"><iframe src="http://player.vimeo.com/video/60932460" width="600" height="350" frameborder="0"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/lost-my-name/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Packing Battle</title>
		<link>http://www.greatwebdesignideas.com/packing-battle</link>
		<comments>http://www.greatwebdesignideas.com/packing-battle#comments</comments>
		<pubDate>Mon, 18 Mar 2013 18:34:57 +0000</pubDate>
		<dc:creator>David Beach</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Interviews]]></category>

		<guid isPermaLink="false">http://www.greatwebdesignideas.com/?p=2285</guid>
		<description><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Packing-Battle.jpg" class="attachment-large wp-post-image" alt="Packing Battle" />&#8220;Simple, Funny, Nice and Easy to play. I LOVE IT!&#8221; What is the sites concept all about? A viral travel insurance campaign for an insurance company. You play the game as Ludwig the tourist, just move your mouse to collect &#8230; <a href="http://www.greatwebdesignideas.com/packing-battle">Continue reading <span class="meta-nav">&#8594;</span></a]]></description>
				<content:encoded><![CDATA[<img width="600" height="318" src="http://www.greatwebdesignideas.com/wp-content/uploads/2013/03/Packing-Battle.jpg" class="attachment-large wp-post-image" alt="Packing Battle" /><p><em>&#8220;Simple, Funny, Nice and Easy to play. I LOVE IT!&#8221;</em></p>
<p><strong>What is the sites concept all about?</strong></p>
<p>A viral travel insurance campaign for an insurance company. You play the game as Ludwig the tourist, just move your mouse to collect the goodies and avoid the baddies. No clicking required and good fun too!</p>
<p><strong>Technologies used to create the site.</strong></p>
<p>Flash for game play</p>
<p><strong>Why I like this site.</strong></p>
<p>Sometimes you get a simple, funny and easy to play game that is just amazing! No instructions needed for this game just a good sense of humor. I love games like this because they can be very additive and yet so simple.  <img src='http://www.greatwebdesignideas.com/wp-content/plugins/tango-smileys-extended/tango24/island.png' alt='Island' title='Island' class='tse-smiley' height='20' width='20' /></p>
<p><a title="Great Web Design Ideas" href="http://www.packingbattle.com/" target="_blank">Play The Packing Battle Here</a></p>
<p>Produced, Developed and or Made By (Credits) go to: <a title="Great Web Design Ideas" href="http://www.symbio.cz/" target="_blank">SYMBIO</a></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/Ge68SzN9rWY" frameborder="0" allowfullscreen></iframe></div>
<p><strong>David Beach</strong> interviews <strong>Pavel Milata (Project manager)</strong>, <strong>Václav Krbůšek (Graphic Designer)</strong> and <strong>Zdeněk Hynek (Flash Developer)</strong></p>
<p><span class="intername">David Beach</span> <span class="question">What was the time-scales from start to finish?</span></p>
<p><span class="inteename">Pavel Milata</span> <span class="answer">It took 2 weeks to tune the concept&#8230; The simplest ideas are always the hardest to come up with. The next step was to create the drawings of the main characters (Ludwig, suitcase) and objects (balls), that were later modeled in 3D and animated.</p>
<p>This had taken another 2 weeks and in the meantime we tested the best way for the user to make Ludwig move. With the following back-end development it took another 3 weeks.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What user testing did you do, so it was not complex to use?</span></p>
<p><span class="inteename">Pavel Milata</span> <span class="answer">We already knew from previous experiences, that with this kind of a game-like microsite we have to get the user to understand the rules fast, so we integrated the “how-to-play part” right into the loader and also a kind of demo (informative bubbles) to the first level of the game. </p>
<p>One thing we did really test was the way in which you make the tourist move. We could either let Ludwig follow the cursor or move the platform with the cursor and Ludwig move accordingly. The latter proved to be more fun among us and also fitted into the concept, that while you are on your travels you are not entirely in power of what might happen to you.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What made you go with Flash over other technologies?</span></p>
<p><span class="inteename">Zdeněk Hynek</span> <span class="answer">We wanted a 3D animated character and we just didn’t know how to do it without Flash.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What 3D programmes did you use?</span></p>
<p><span class="inteename">Václav Krbůšek</span> <span class="answer">Maya and Flare3D studio which goes with the engine we used.</span></p>
<p><span class="intername">David Beach</span> <span class="question">What challenges did you have with this project?</span></p>
<p><span class="inteename">Pavel Milata</span> <span class="answer">The previous work for the same campaign got the FWA Site of the day award and this had to be at least the same success in design, technology and fun. We also wanted to master the 3D animation combined with the Flash development and fun user experience. </span></p>
<p><span class="inteename">Václav Krbůšek</span> <span class="answer">It was definitely a crazy deadline and all the gameplay changed pretty much on the fly as we developed the site. Also we had to use quite a lot of new software we didn’t have experience with. We had to learn how to animate in Maya or handle Flare studio (in alfa version at the time).</span></p>
<p><span class="intername">David Beach</span> <span class="question">What delays/technicalities if any caused issues and how did you overcome them?</span></p>
<p><span class="inteename">Václav Krbůšek</span> <span class="answer">We had trouble with z-sorting (which are still quite unsolved) and with alfa channel. Textures with alfa (when rendered in Flare engine) always had black outlines. And then there were some ready elements we had to throw out on the way, which is always sad.</span></p>
<p>Also there were some bugs in the Flare3D physics engine and we had to work around them. Additionally, the whole Flare3D workflow is set up to work seamlessly with animations made in 3ds Max. We used Maya so we rewarded ourselves with one extra set of compatibility issues just to keep us on our toes.</p>
<p><span class="intername">David Beach</span> <span class="question">If you could do it again, what would you change?</span></p>
<p><span class="inteename">Zdeněk Hynek</span> <span class="answer">If I were to do it again, I wouldn’t.</span></p>
<p><span class="intername">David Beach</span> <span class="question">Could you provide a little background to your experiences and what your working on now?</span></p>
<p><span class="inteename">Pavel Milata</span> <span class="answer">Our work can tell the best of what we do and how we do it. Most of them have their showreel video and they are all in our <a title="Great Web Design Ideas" href="http://www.youtube.com/user/symbiodigital" target="_blank">YouTube channel</a>.</p>
<p><strong>Trip Around the World</strong></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/dbU7Flst4P8" frameborder="0" allowfullscreen></iframe></div>
<p><strong>Chuckville</strong></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/iyMKBjbIHQM" frameborder="0" allowfullscreen></iframe></div>
<p><strong>Hot Wheels</strong></p>
<div class="video-shortcode"><iframe title="YouTube video player" width="600" height="350" src="http://www.youtube.com/embed/QgwyKlk8RuE" frameborder="0" allowfullscreen></iframe></div>
<p></span></p>
<p>All three were the FWA Site of the day winners. It is not long ago we launched <a href="http://www.becherovka.com" title="Great Web Design Ideas" target="_blank">www.becherovka.com</a> and currently we are working on an international project for the LEGO company.</p>
<p><span class="intername">David Beach</span> <span class="question">What words of advice would you offer other budding web developers / creative agencies?</span></p>
<p><span class="inteename">Pavel Milata</span> <span class="answer">You have to be passionate about what you do, otherwise you will not persuade the client to support projects like this one. </p>
<p><span class="inteename">Václav Krbůšek</span>Don’t be afraid of technically challenging projects. </p>
<p>They are difficult, but the learning curve is steep.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.greatwebdesignideas.com/packing-battle/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
