<?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>1stwebdesigner - Graphic and Web Design Blog &#187; Inspiration</title>
	<atom:link href="http://www.1stwebdesigner.com/tag/inspiration/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:09:13 +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>How iPad is Changing the Face of Businesses</title>
		<link>http://www.1stwebdesigner.com/design/ipad-changing-businesses/</link>
		<comments>http://www.1stwebdesigner.com/design/ipad-changing-businesses/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 10:00:58 +0000</pubDate>
		<dc:creator>Ryan Taft</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[ipad kiosk]]></category>
		<category><![CDATA[social media]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63711</guid>
		<description><![CDATA[Has anyone else noticed how many different facets of our lives that Apple&#8217;s iPad has changed? Education. Yep. Healthcare. You bet. Entertainment. For sure. As we move into 2012, another iPad trend is forming. iPad is starting to change how businesses and customers interact. Call them what you want, &#8220;businesses, website owners, authors, speakers, colleges, [...]]]></description>
			<content:encoded><![CDATA[<p>Has anyone else noticed how many different facets of our lives that Apple&#8217;s iPad has changed? Education. Yep. Healthcare. You bet. Entertainment. For sure. As we move into 2012, another iPad trend is forming. iPad is starting to change how businesses and customers interact. Call them what you want, &#8220;businesses, website owners, authors, speakers, colleges, etc.&#8221; these folks are beginning to use iPad as a tool for interacting with their customers at a physical location. Restaurants are using iPad as menus and making apps that allow patrons to place orders and pay their bill from their table. Retailers are building iPad apps that play educational videos to store visitors. Speakers are using iPad as a teleprompter for speeches. The list is starting to grow. We see a new trend forming and we wanted to see what you think about it.</p>
<p><span id="more-63711"></span></p>
<h2>Uses for iPad by Businesses</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>As we started to get into above, there are a number of different ways for businesses to leverage iPads for interacting with their community. Here are a few ideas for using an iPad to interact with your community at a physical location:</p>
<ul>
<li>Use iPad to display your website</li>
<li>Use iPad as a customer survey tool</li>
<li>Build your own iPad app for whatever purpose you feel is necessary</li>
<li>Show videos to your community on iPad</li>
<li>Collect email addresses on iPad</li>
<li>Display your social media updates on iPad</li>
<li>Turn iPad into a menu in your restaurant</li>
<li>Use iPad as an educational brochure</li>
</ul>
<p>The uses are many, and yet we are still at the very beginning of what we see as a HUGE coming trend.</p>
<h2>The Benefits of Using iPad as a Customer Engagement Tool</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img title="Use iPad at a Bar" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/ipad_bar-570x427.jpg" alt="put ipad at a bar" width="570" height="427" /></p>
<p><em>Image from OnSpotSocial</em></p>
<p style="text-align: left;">Using iPad for customer engagement is such a simple idea, but it packs a powerful punch. Here are a few of the many benefits that businesses will receive if they start using iPad for customer engagement:</p>
<ul>
<li>People are naturally drawn to an iPad. The tool itself captures attention&#8230;</li>
<li>Branding</li>
<li>Display educational content</li>
<li>Engage your community when they are at &#8220;peak attention&#8221;, which is when they are visiting with you at a physical location</li>
<li>Increase your social media connections</li>
<li>Collect customer email addresses</li>
<li>Show off your website</li>
<li>Survey your audience</li>
<li>Encourage them to make a purchase through sales promotions</li>
</ul>
<p>This is just the beginning of the list of benefits. There are many more once you determine how you want to use iPad as a customer engagement tool. More and more companies are building their own iPad apps, as well as, 3rd party companies popping up with iPad business tool apps.</p>
<h2>Companies Using iPad to Engage Customers In-Store</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class=" alignnone" title="Use iPad in your restaurant" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/stacked_ipad_restaurant_menu-570x336.png" alt="stacked ipad" width="570" height="336" /></p>
<p><em>As seen on <a href="http://www.usatoday.com/money/industries/food/2011-02-16-ipadcafe16_ST_N.htm" target="_blank">USA Today</a></em></p>
<p>There are already a lot of organizations out there that have jumped on this new iPad trend. Most of these companies have built their own custom apps to use with customers in their stores or at events. With that said, there are also more and more iPad apps being built around this new trend, which means more businesses will begin to buy 3rd party iPad apps to use for engaging their customers at a physical location. Here are a few companies that are currently taking advantage of this new trend:</p>
<ul>
<li><a title="Stacked Restaurant using iPads" href="http://www.stacked.com" target="_blank">Stacked Restaurant</a> &#8211; Stacked is a new California-based restaurant chain that&#8217;s putting iPads on every table to use as a menu and allow customers to place orders.</li>
<li><a title="Collect Social Media Connections in Your Store" href="http://www.onspotsocial.com" target="_blank">OnSpot Social</a> &#8211; OnSpot Social is an iPad app that allows businesses to collect Facebook Likes, Twitter Followers, and Customer Email from customers while in their store.</li>
<li><a title="Lebron James uses iPads in his new store" href="http://www.theipadfan.com/lebron-james-shoe-store-unknwn-feature-45-ipads-enhance-shopping-experience/" target="_blank">Lebron James Unknwn Store</a> &#8211; Unknwn is Lebron James&#8217; new apparel store. He&#8217;s put iPads next to every sneaker so that customers can access information like pricing, stylish clothing combinations, tech specs, etc.</li>
<li><a title="Puma using iPad in stores" href="http://adage.com/article/news/marketing-puma-ipad-concept-boosts-retail-experience/147566/" target="_blank">Puma </a>- Puma has built their own iPad app and is using iPads in-store to allow customers to create their own shoes.</li>
</ul>
<p>As you can see, there are companies out there who are already using iPad to engage their community at a physical location. You might be thinking, &#8220;I don&#8217;t have the money or the skills to build my own iPad app&#8221;. That&#8217;s OK. Again, there are more and more 3rd party apps coming out that you can buy. You can also use iPad for more simple branding tactics, like playing educational videos or displaying your website at an event or in your store.</p>
<h2>3 Web Browser iPad Apps for Displaying a Website In-Store</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>If you want to display your website to your community at an event or at a physical location like a store or trade show, be sure to thinking about downloading a web browser app for your iPad. There are some limitations with using the built-in Safari browser. These apps expand your web browsing capabilities, which will aid the customer experience when they&#8217;re interacting with your website on your iPad.</p>
<ol>
<li><strong><a href="http://itunes.apple.com/us/app/night-browser/id375488825?mt=8" target="_blank">Night Browser</a></strong> &#8211; What&#8217;s nice about the Night Browser iPad app is that it gives you the ability to adjust your device&#8217;s brightness, which is nice when using your iPad in your store. Everyone businesses lighting is set up a little differently. Make sure your customers don&#8217;t have to strain when trying to interact with your website on an iPad in your store.</li>
<li><a href="http://itunes.apple.com/us/app/skyfire-web-browser/id384941497?mt=8" target="_blank"><strong>Skyfire</strong> </a>- Are you frustrated by being unable to play Flash videos on your iPad? No more is that an issue. Download the Skyfire app and play all of the Flash videos you want for your community.</li>
<li><strong><a href="http://itunes.apple.com/us/app/duo-browser/id364898574?mt=8" target="_blank">Duo Browser</a></strong> &#8211; Have 2 web browsers opens simultaneously with Duo Browser. Have both Facebook and Twitter open. Have your website and your Flickr page displayed. There a lot of combinations that you can take advantage of with this browser.</li>
</ol>
<h2>Use an iPad in Your Store for Social Media</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Do you have a Facebook page set up for your website? How about a Twitter feed? If so, then why not use an iPad in your store to display real-time social media updates to your customers while they are in your store. Using iPad at a physical location like your store or an event is a great way to increase your social media following. Social Media for business really caught fire in 2011. 2012 should be the year of using iPad as a retail tool. Let&#8217;s combine these two trends to find ways to allow your customers to interact with your social media through an iPad. Collect Facebook Likes at an event on iPad. Display your Tweets in your store on iPad. Get those who visit your booth at a trade show or conference to opt-in to your email newsletter program by having them input their email address into a form on iPad. With these two trends seemingly converging at once on the business world it&#8217;s inevitable that we will begin to see more and more people using iPad for social media marketing.</p>
<h2>Will You Use iPad for Customer Engagement?</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>What do you think? Is iPad coming to a retail store near you anytime soon? Have you ever considered using iPad to engage your community at live events? What other iPad uses can you come up with for businesses? Leave your comments below. We look forward to hearing what you think.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/ipad-changing-businesses/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Document Your 2012 With Style Using an Advent Calendar</title>
		<link>http://www.1stwebdesigner.com/inspiration/document-2012-with-advent-calendar/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/document-2012-with-advent-calendar/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 21:00:28 +0000</pubDate>
		<dc:creator>Salman Siddiqui</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[advent calendar]]></category>
		<category><![CDATA[online diary]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web interface]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63455</guid>
		<description><![CDATA[Advent calendars aren&#8217;t yet the trend in the blogging industry but there have been really good bloggers that have found a great use for them. One of the well-known advent calendar is 24 Ways. They have done a good job with their advent calendar which has created a new meaning for it. I am not [...]]]></description>
			<content:encoded><![CDATA[<p>Advent calendars aren&#8217;t yet the trend in the blogging industry but there have been really good bloggers that have found a great use for them. One of the well-known advent calendar is 24 Ways.</p>
<p>They have done a good job with their advent calendar which has created a new meaning for it. I am not sure if 24 ways was the pioneer in the wave behind advent calendars for blogs but they surely have been the driving force. Today, we will try to show you some of the best advent calendars. We will discuss what makes these advent calendars stand out and how they can catch the attention of your website&#8217;s visitors.</p>
<p><span id="more-63455"></span></p>
<h2>What is an Advent Calendar?</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Google the keywords Advent Calendar and you will find the <a href="http://en.wikipedia.org/wiki/Advent_calendar" target="_blank">Wikipedia page</a> that states that Advent Calendars have something to do with Christmas. Advent Calendars are more like flashy archive calendars which are being used by webmasters to give their schedules a new meaning all together. Well, that is the textbook definition of an Advent Calendar. Otherwise, the term Advent Calendar has evolved quite a lot lately and it is no longer just for Christmas but anything that you want. Actually, the blogging community recently picked up Advent Calendars and shaped its definition to suit their needs.</p>
<h3>5 Amazing Advent Calendars</h3>
<hr style="margin-left: 20px;" align="left" width="40%" />
<h4>1. <a href="http://24ways.org/" target="_blank">24 Ways</a></h4>
<p>The mother of all advent calendars, <a href="http://24ways.org/" target="_blank">24 Ways</a> (as I said before) was the reason behind the sudden surge in advent calendars on various websites. The quality of content and the presentation of the advent calendar with a blog made people&#8217;s jaws drop. 24 Ways is famous for topics ranging from design to development. Even discussions on business matters and inspirational articles make way into the elite list of content that is published in 24 ways. This way the website is able to target niche readers and new readers alike.</p>
<p><img class="alignnone size-full wp-image-63600" title="24 ways" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/24-ways.jpg" alt="" width="570" height="300" /></p>
<p>The design of 24 ways takes care of various screen resolutions which in itself is a big advantage for readers and publishers too. Also, this advantage takes care of readers who prefer to access the website on mobile devices or other platforms like tablets. 24 Ways is famous for its high quality content and the over-the-top advent calendar is enough to attract users.</p>
<h4>2. <a href="http://html5advent2011.digitpaint.nl/" target="_blank">HTML5 and CSS Advent 2011</a></h4>
<p>You might feel turned off when you see the <a href="http://html5advent2011.digitpaint.nl/" target="_blank">HTML5 and CSS Advent Calendar 2011</a> after 24 Ways. But, please bear with the new players in this game. 24 ways has set a standard that might be tough for the rest to achieve, but it does not mean that others will never achieve the same. It is just a matter of time. Anyways, this advent calendar was designed with a set plan. The plan was to publish a new article every day until the end of the year 2011 and looks like the webmasters behind this advent calendar did well to publish quality content.</p>
<p><img class="alignnone size-full wp-image-63602" title="html5 and css3" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/html5-and-css3.jpg" alt="" width="570" height="300" /></p>
<p>HTML5 and CSS3 Advent Calendar is full of crazy content with amazing images and planned drafts. The final versions of articles that you see on this website will surely force you to learn something new no matter how big an expert you are in the field of HTML5 and CSS3. I wish that these guys had planned to continue even after the year 2011. But, good things always come to an end, right?</p>
<h4>3. <a href="http://www.electricdecember.org/11/" target="_blank">Electric December 11</a></h4>
<p>This happens to be Watershed&#8217;s annual calendar which covers the best possible short films from across Europe. <a href="http://www.electricdecember.org/11/" target="_blank">Electric December 11</a> gives you the opportunity to enjoy 24 short films from across Europe. Enjoy the underwater bubble ride, discover secret twins, listen to unbelievable music, hug a tree or meet the prime minister.</p>
<p><img class="alignnone size-full wp-image-63603" title="electric december" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/electric-december.jpg" alt="" width="570" height="300" /></p>
<p>Electric December 11 is not like the regular blogs with advent calendars. Rather, it happens to be an amazing collection of video based content with presentation skills that cannot be ignored. Do share your experiences once you are done with Electric December 11.</p>
<h4>4. <a href="http://phpadvent.org/" target="_blank">PHP Advent</a></h4>
<p>Let us concentrate on websites that are more like blogs with advent calendars of sorts. <a href="http://phpadvent.org/2011" target="_blank">PHP Advent</a> is one such website with a simple to understand advent calendar. PHP Advent is another blog with content curated for the needs of its niche readers. The idea behind PHP Advent was to push its writers to write regularly. This is another advantage of an advent calendar. If you see a calendar right on the home page of your blog then there is this instinct to push content so that the advent calendar looks lively. This is when you learn to be disciplined and regular.</p>
<p><img class="alignnone size-full wp-image-63604" title="php advent" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/php-advent.jpg" alt="" width="570" height="300" /></p>
<p>While you are at PHP Advent, you can also visit <a href="http://photoadvent.org/" target="_blank">Photo Advent</a> which happens to be the brain child of the same people who are behind PHP Advent. Similar template with niche concentrating on photography instead of PHP.</p>
<h4>5. <a href="http://thewebrocks.com/calendar/" target="_blank">MDN Holiday Calendar</a></h4>
<p>When big guns enter the arena they have to be different and better than the best. This is what Mozilla Developer Network did when they launched <a href="http://thewebrocks.com/calendar/" target="_blank">their advent calendar</a>. The calendar focuses on dates that have something special related to Mozilla and its fan following. Be it just for fun stuff for its followers or ongoing developer news which can be of use to Mozilla developers, the advent calendar is regularly updated with fresh content.</p>
<p><img class="alignnone size-full wp-image-63605" title="mdn calendar" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/mdn-calendar.jpg" alt="" width="570" height="300" /></p>
<p>The best part of Mozilla&#8217;s advent calendar is its look and its smooth display on any browser. Being a firm believer of Open Source, Mozilla has uploaded the source code of the advent calendar on <a href="https://github.com/codepo8/calendar-tutorial" target="_blank">GitHub</a>. If you want something similar for yourself then you know exactly where you need to look for help. Good luck and do share your experiments with us.</p>
<h2>Create Your Own Advent Calendar</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>You can either use the <a href="https://github.com/codepo8/calendar-tutorial" target="_blank">source code provided by Mozilla</a> (and the <a href="http://christianheilmann.com/2011/11/29/building-an-advent-calendar-for-mozilla-in-phpjscss-part-1/" target="_blank">two</a> <a href="http://christianheilmann.com/2011/11/29/building-an-advent-calendar-for-mozilla-in-phpjscss-part-2/" target="_blank">part</a> tutorial) to create a Mozilla look alike advent calendar or jump over to <a href="http://adventcalendr.com/" target="_blank">Advent Calendr</a> if you are using a tumblr blog. With the tools provided by Advent Calendr, one can easily turn a Tumblr blog into a advent calendar. You get to choose from multiple skins which can help you create an advent calendar that stands out from the crowd.</p>
<p>Advent Calendr provides its users with customization options and can be customized to suit various users&#8217; needs. One can even separate the Tumblr posts from the advent calendar to reduce the amount of confusion that tend to creep in with a advent calendar.</p>
<p>Lastly, it will be your own expertise when it comes to designing your own advent calendar.</p>
<h2>Conclusion</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>There was a time when blogging was new for us. It took time, but slowly everyone dived into the world of blogging and we know how it is today. It&#8217;s the same case with advent calendars. They are still in their infancy and webmasters are still experimenting with them. It will take a lot of time before we see very polished advent calendars and they become common on a lot of blogs. Until then, let us just enjoy 24 ways!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/document-2012-with-advent-calendar/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to Stop Yourself from Stealing from Your Design Gurus</title>
		<link>http://www.1stwebdesigner.com/design/stop-stealing-from-design-gurus/</link>
		<comments>http://www.1stwebdesigner.com/design/stop-stealing-from-design-gurus/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 21:00:49 +0000</pubDate>
		<dc:creator>Jamal</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[copyright infringement]]></category>
		<category><![CDATA[Imitation]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[stealing]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63674</guid>
		<description><![CDATA[They say imitation is the sincerest form of flattery, but what about when that flattery is taken too far? Take a look at any blog in our industry, there is a 100% chance that there is at least a few posts with nothing but different pieces readers can gain inspiration from. There is nothing wrong with this [...]]]></description>
			<content:encoded><![CDATA[<p>They say imitation is the sincerest form of flattery, but what about when that flattery is taken too far? Take a look at any blog in our industry, there is a 100% chance that there is at least a few posts with nothing but different pieces readers can gain inspiration from. There is nothing wrong with this of course; inspiration posts do a great job of showcasing a designer’s hard work and giving someone some cool ideas from looking at them. However, too often this inspiration found from viewing can lead to something entirely different.</p>
<p><span id="more-63674"></span></p>
<p>This is when one takes inspirational work, and directly takes aspects from it for your own. This was something that was understandable and was just brushed off when it was only a few young naive designers doing it, you really couldn&#8217;t fault them too much for only wanting to create something like a designer they admire. However, today it really does seem as if this act of using inspiration is a valid reason for taking the work of another and calling it your own.</p>
<p>Since that seems to be the case, in this article we&#8217;re going to go over a few things that will help give insight on how to turn inspiration into original creative works.</p>
<h2>What Does Stealing and Inspiration Look Like</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Before going to deep on this topic, it is best to first illustrate my point visually for a better understanding of my argument. So below you will find a few quality websites, and then examples of how they have been imitated in our community.</p>
<h4>Apple</h4>
<p><img class="alignnone size-medium wp-image-63815" title="Preventing Inspiration From Becoming Stealing - Apple SIte Screenshot" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Apple-570x348.png" alt="" width="570" height="348" /></p>
<p>I don&#8217;t think that there is another website around today that has been more influential than that of Apple.com. It is quite easy to understand why, even if you aren&#8217;t a creative you&#8217;ll find yourself appreciating the simplicity and excellent use of white space. With all that being said, the Apple website has been imitated by pretty much everyone in our community. Whether consciously or not, the inspiration is clear as day. Below you&#8217;ll find several articles showcasing Apple.com inspired websites:</p>
<ul>
<li><a href="http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/">60 Apple Inspired Websites &#8211; Why Apple Design Works? via 1stwebdesigner.com </a></li>
<li><a href="http://www.google.com/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=2&amp;ved=0CDAQFjAB&amp;url=http%3A%2F%2Fwww.webdesignerdepot.com%2F2009%2F02%2F22-website-designs-inspired-by-applecom%2F&amp;ei=--svT7f4E8uM0QHpyfi5Cg&amp;usg=AFQjCNGzciBekDmMVbrYSIBa5bjIDjtORg">22 Website Designs Inspired by Apple.com via Web Designer Depot</a></li>
<li><a href="http://www.inspirationm.com/awesome-web-design-inspired-by-apple/">Web Design Inspired by Apple.com via Inspiration Magazine</a></li>
</ul>
<h4>Fiverr</h4>
<p><img class="alignnone size-medium wp-image-63816" title="Preventing Inspiration From Becoming Stealing - Fiverr" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Fiverr--570x267.png" alt="" width="570" height="267" /></p>
<p>Well in accordance with anything, when you do good work expect it to be cloned and see other people profited off of it. Right now, the highlighted design that&#8217;s been stolen is Fiverr.com. There is a <a href="http://sitemile.com/products/wordpress-pricerr-theme/">WordPress theme</a> available for those looking to have a website with all the same functionality, and similar design, of Fiverr.com.</p>
<h4>Groupon</h4>
<p><img class="alignnone size-medium wp-image-63817" title="Preventing Inspiration From Becoming Stealing - Groupon" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Groupon-570x267.png" alt="" width="570" height="267" /></p>
<p>If anyone is just cruising around the internet is looking for some good local deals, 10 times out of 10 you&#8217;re going to end up on Groupon&#8217;s website. It is quite clear to understand why too, it has a clean interface that gives clear direction to what is usually thought of as a messy and unorganized scavenger hunt. Because of the success of this site&#8217;s design, there have been many interpretations of it and tutorials available to get that Groupon design down for yourself. Below you&#8217;ll find a few links to what I&#8217;m referring to:</p>
<ul>
<li><a href="http://www.pvmgarage.com/2011/03/create-an-ecommerce-site-inspired-from-groupon-complete-with-jquery-slider-part-1/">Create An eCommerce Site Inspired By Groupon With JQuery Slider via pvmgarage</a></li>
<li><a href="http://www.onextrapixel.com/2011/06/27/the-groupon-style-website-trend-why-and-how-it-works/">The Groupon-Style Website Trend: Why and How it Works via Onextrapixel</a></li>
</ul>
<h4>Where is the Problem</h4>
<p>As shown in some of the above examples, there can be inspiration found from looking at anothers design and used with a positive original result. However, there has also been shown that it is quite easy, maybe unknowingly perhaps, to just take parts from other sites and put them into your own. Some have been so bold as to deliberately duplicate the design, seemingly pixel for pixel, and expect it to be viewed in the same light as the original. Now for the rest of this article, we are going to go over a few key things to consider when finding inspiration and stop yourself from taking it to far.</p>
<h2>Think of how it would Feel if Your Work was Stolen</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<div id="attachment_63729" class="wp-caption alignnone" style="width: 580px"><img class="size-medium wp-image-63729" title="Preventing Inspiration From Becoming Stealing - Think Of Yourself Being Stolen From" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Preventing-Inspiration-From-Becoming-Stealing-Think-Of-Yourself-Being-Stolen-From-570x379.jpg" alt="" width="570" height="379" /><p class="wp-caption-text">Feels like having a fever because of that Rage you&#39;re trying to keep.</p></div>
<p><a href="http://www.flickr.com/photos/59632563@N04/"><em>*Image Credit: hang_in_there</em></a></p>
<p>The phrase &#8220;do unto others as you would have them do unto you&#8221; relates perfectly to this situation. It is a common occurrence for a designer who has stolen the work of another designer have someone steal from them, and then feel offended by it. This is pretty funny when you think about it, a thief calling someone who steals from them a thief. When someone is taking an aspect of someone&#8217;s design, there isn&#8217;t too much thought of how it would feel to be on the other end. All the countless hours of just wondering how you can give your design that &#8216;wow&#8217; factor, and then you finally figure it out. The next thing you know, someone just took your idea that you spent hours thinking about, and labeled it theirs.</p>
<h2>Remember Originality Brings the Best Rewards</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class="alignnone size-medium wp-image-63730" title="Preventing Inspiration From Becoming Stealing - Originality Brings The Best Rewards" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Preventing-Inspiration-From-Becoming-Stealing-Originality-Brings-The-Best-Rewards-570x378.jpg" alt="" width="570" height="378" /><br />
<a href="http://www.flickr.com/photos/27685838@N05/"><em>*Image Credit: Viral~</em></a></p>
<p>The designers that are regarded as the top professionals didn&#8217;t get to where they are by taking from others until they reached the top. The respect they have achieved in their career came from hard work, consistent remembrance of self, and pushing for individuality and originality. Sure taking things here and there from others will make you some money, but you&#8217;ll never truly be recognized for the talent you have because all you&#8217;re doing is copying what you see and making an appealing collage in your work.</p>
<h2>Missing Out on the Feeling of Accomplishment</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class="alignnone size-medium wp-image-63731" title="Preventing Inspiration From Becoming Stealing - Feeling of Accomplishment" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Preventing-Inspiration-From-Becoming-Stealing-Feeling-of-Accomplishment-570x378.jpg" alt="" width="570" height="378" /><br />
<a href="http://www.flickr.com/photos/slightlynorth/"><em>*Image Credit: Slightlynorth</em></a></p>
<p>For many people involved in a creative profession, the monetary gains they receive are not that great. Actually, those that major in art related fields in college have one of the lowest average annual salaries around the world. So why would anyone even bother getting into a field like this? What sense does it make to be in a career that does not have good salary growth in comparison to other fields?</p>
<p>To those in creative fields, things like that don&#8217;t matter. The only thing that does is being able to make a living doing what you love, creating. Now if that is the mindset of the majority of our industry, why would you forgo that feeling. Personally, one of the best feelings I get is when I complete a cool project that took me an awful lot of time to get exactly right.</p>
<h2>In Conclusion</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>When someone takes on a creative field as their career choice, they are making a statement. A statement that declares that they prefer self-fulfillment by taking their respective creative talents as far as they can go, and make a living while doing so. This is a bold and powerful statement, which somewhat distances the creative spectrum from the rest of the world to a degree. So for someone to take on a career that represents the aforementioned statement shows complete disrespect to the creative community and themselves when they go out and steal from others. Gaining inspiration from a design is completely normal and great; just remember that inspiration is not a plausible cause for stealing.</p>
<p><strong>Do You Have Any Thoughts To Add To Help End Inspiration Leading to Stealing?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/stop-stealing-from-design-gurus/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>How to Beat Designer&#8217;s Block Like a Kung Fu Master</title>
		<link>http://www.1stwebdesigner.com/design/beat-designers-block-like-kungfu-master/</link>
		<comments>http://www.1stwebdesigner.com/design/beat-designers-block-like-kungfu-master/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 10:00:00 +0000</pubDate>
		<dc:creator>Christian Vasile</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[block]]></category>
		<category><![CDATA[designers block]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[writers block]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63775</guid>
		<description><![CDATA[If you have ever written articles for a blog or publication, you’ve definitely experienced what we call a writer’s block. By definition, this is an undetermined period during which a writer feels there is no inspiration for him anymore. Writer’s block can easily be a designer’s block and all of us can encounter a block [...]]]></description>
			<content:encoded><![CDATA[<p>If you have ever written articles for a blog or publication, you’ve definitely experienced what we call a writer’s block. By definition, this is an undetermined period during which a writer feels there is no inspiration for him anymore. Writer’s block can easily be a designer’s block and all of us can encounter a block at some point in time – if you done this for a long time, you have most probably already encountered it.</p>
<p>This block is not something easy to get past and it can come around exactly when you need inspiration the most. It might be right before a deadline or just after you landed a huge project, most importantly is that if (more like when) it happens to you, you need to make an effort to get past it.</p>
<p><span id="more-63775"></span></p>
<p>The more you fight surpassing it with the techniques that seem useful at a first glance, the deeper in trouble you will find yourself. Unlike what many think, getting past a designer’s block can be done with the help of some easy and natural procedures.</p>
<h2><strong>Use music</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Many of us use music to get rid of day-to-day stress, while others listen to it all the time, wherever they are. Music relays different emotions to people and, if you are very creative, it also relays different colors and shapes. If you ever listened to a song and created a video for it in your mind, then you are one of those who can get a lot out of music – it creates positive images in your mind, which you can use for inspiration.</p>
<p><img class="size-full wp-image-63783 alignnone" title="Guitar" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/4542297929_49286da35a_z.jpg" alt="" width="570" height="380" /></p>
<p><em>Image by <a title="Guitar" href="http://www.flickr.com/photos/doug88888/4542297929/sizes/z/in/photostream/" target="_blank">Doug88888</a>.</em></p>
<p>However, this does not always work. The reason behind it is simple: we always listen to the same music, bands and artists. The same music creates the same images in your head, therefore you might not get too many new ideas if you listen to your everyday tunes. You probably know the feeling of a song which always brings back the same memories.</p>
<p>Find new music in the genre you like, try searching for your favourite artist’s old songs, go out there and experiment. Otherwise music, something which is so accessible to us, will not be too much of a help.</p>
<h2><strong>Go outside</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>This is something I recommended before, in my article targeting freelancers that get distracted. Going out is probably the cheapest and easiest way to relax. This is also when and where creativity can hit you right away. Many times a short walk in the park or a tour to the zoo can give you ideas. You can find them all over out there, from color schemes to shapes. Only being outside on a great summer day gives you a feeling of liberty and happiness &#8211; if you haven&#8217;t experienced this yet, make sure you do it soon &#8211; this is a must for creative individuals.</p>
<p><img class="size-full wp-image-63784 alignnone" title="New York" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/2887161807_33ce754315_z.jpg" alt="" width="570" height="428" /></p>
<p><em>Image by <a title="New York" href="http://www.flickr.com/photos/mikegk/2887161807/sizes/z/in/photostream/" target="_blank">Mike G. K.</a></em></p>
<p>If nature can&#8217;t help too much, then there is still hope outside home. Use architecture for this purpose. I bet the New York architecture inspired many designers in building grandiose designs. Pretty much everything you are passionate about (which is outside the house) can inspire you.</p>
<p>I, myself, love airplanes and airports. If I lived near La Guardia, Schiphol, Charles de Gaulle or John F. Kennedy, I would be there the whole day. I would just sit and watch airplanes landing and taking off. That would give me a huge boost of inspiration. If there is something out there you are inspired about, go and check it if you find yourself dealing with a designer&#8217;s block.</p>
<h2><strong>Deal with it some other time</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>This happens mostly when we work on multiple projects and we feel there is no inspiration left for one of them. If the deadline isn&#8217;t two days away, push the project longer down the queue. Not focusing on it and working on something else will allow you to come back later on and will free your mind for a period. Many times a designer&#8217;s block comes from lack of relaxation and for people who work way too much and exhaust themselves. You will notice that you will come back with new ideas when you take some time away from a project.</p>
<p>It doesn&#8217;t always help to think too much about something that isn&#8217;t there. Ideas usually come up in conversations and actions that have no relation to your project so if you stay home and think of your project, it is highly unlikely you will get past the block. It may sound weird or false, but the best ideas I have had were generated through diverse discussions; they just popped into my mind. I am sure some of you experienced this as well. Forcing ideas out is the worst thing you could do.</p>
<h2><strong>Get inspiration</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Now I am not saying you should steal or copy other people&#8217;s work. I am just saying it&#8217;s never a bad idea to go out there and see how others are doing similar assignments. There is no harm in this and at the very least you get ideas that you can use some other time. I think it is highly unlikely to spend time researching and looking over inspirational examples and not get anything out of it.</p>
<p><img class="size-full wp-image-63786 alignnone" title="Inspiration" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/5620228968_4f52212fc2_z.jpg" alt="" width="570" height="381" /></p>
<p><em>Image by <a title="Inspiration" href="http://www.flickr.com/photos/mighty_crumble/5620228968/sizes/z/in/photostream/" target="_blank">Mighty Crumble</a>.</em></p>
<p>However, getting inspiration from the internet is something you should do carefully. Using something another designer used before is not only illegal, but might also be a poor decision for your project. If, for example, you found a design and liked the use of  italic text and a serif typeface, it doesn&#8217;t mean you can just take it and attach it to your project. Perusing others work is something you should think twice before doing.</p>
<p>When looking for inspiration, you might want to use this as a way to understand your website&#8217;s problems, not as a way to find solutions. If you see a webpage that sends a powerful message, learn how they do it and adapt it to your solution &#8211; don&#8217;t copy. Adapting is a different concept than copying.</p>
<h2><strong>Relax</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>The key to getting over designer&#8217;s block (as well as writer&#8217;s block) is relaxation. As fast as you can achieve this, you will become better at what you do and will be able to get past this block. If deadlines are approaching fast and you feel the block, you naturally get stressed and nervous. The simple step in solving this issue is the following: just relax.</p>
<p><img class="size-full wp-image-63785 alignnone" title="Relax" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/4031857770_4d5050f421_z.jpg" alt="" width="570" height="380" /></p>
<p><em>Image by <a title="Relax" href="http://www.flickr.com/photos/nakic/4031857770/sizes/z/in/photostream/" target="_blank">Nakic</a>.</em></p>
<p>It sounds superficial, but this is the only way to get past such an issue. It is something natural which can only be solved by taking natural steps. Your mind will not start to execute at command &#8211; you need to relax it in order for it to deliver.</p>
<h2><strong>Conclusion</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Yes, there is such a thing as designer&#8217;s block and it is also quite dangerous. It can destroy careers, make people miss deadlines or get fired; that&#8217;s how bad can it get. However, as just presented, getting past it doesn&#8217;t require years of training &#8211; it requires you to be able to relax and take your mind off the project for a while. Sure, I agree that this is not always possible because of deadlines, but whenever you can, take these steps and you will notice an improvement in the way you handle the block.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/beat-designers-block-like-kungfu-master/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Illustrated History of Web Forms</title>
		<link>http://www.1stwebdesigner.com/inspiration/illustrated-history-of-web-forms/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/illustrated-history-of-web-forms/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 10:00:14 +0000</pubDate>
		<dc:creator>Laura Moisei</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[contact form]]></category>
		<category><![CDATA[form history]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web forms]]></category>
		<category><![CDATA[web interface]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63626</guid>
		<description><![CDATA[How many forms are filled out each day across the web? Billions of them, for sure. From small household blogs to government portals, it&#8217;s hard to imagine a website not having at least one form. And this comes naturally, since forms are the quickest way of having users: • subscribe for a newsletter • add comments to an [...]]]></description>
			<content:encoded><![CDATA[<p>How many forms are filled out each day across the web? Billions of them, for sure. From small household blogs to government portals, it&#8217;s hard to imagine a website not having at least one form. And this comes naturally, since forms are the quickest way of having users:</p>
<p>• subscribe for a newsletter<br />
• add comments to an article, pose questions or ask for support<br />
• fill out applications (e.g. job applications)<br />
• answer surveys<br />
• perform purchases<br />
• join clubs and forums</p>
<p><span id="more-63626"></span></p>
<p>Styling web forms for both usability and aesthetics is a usual practice for any web designer working on a project. However, at the very beginning of the Internet forms were so dreadful that no modern user would have had the slightest desire to fill in one of them &#8211; no customized design, no smart capabilities, scarce consideration towards user experience.</p>
<p>Let&#8217;s see the evolution web forms over the past 10 years. It&#8217;s simply a lot of fun!</p>
<h3>1. Pre-web era forms &#8211; the prints that we all despise</h3>
<p>Yes, yes, these ones do bring bad childhood memories of endless queues at public administration desks. Perhaps this is the reason most of us don&#8217;t enjoy filling out any kind of forms. Hopefully, those prints will become out of fashion before we run out of wood.</p>
<h3>2. The early days of WWW: 1991 &#8211; 1998</h3>
<p>The first years of the Internet (1991-1996) remain obscure as far as web forms are concerned. Since we don&#8217;t have NeXT software on hand anymore, there&#8217;s no possibility of taking screenshots from back then to see how forms looked (if they existed at all).</p>
<p>As we all know, in a short time WWW became a mass medium and electronic forms made their way in. However, they were awfully rudimentary. Customer feedback was processed through executable files running on the hard disk. It was hard to find  anything like an online contact form. For subscribing to a service, you most likely had to download a form, fill in a hard copy and send it to the webmasters via postal services.</p>
<p>The existent web forms at that time mainly performed search and submission tasks. The interface was dead simple and dull, HTML based with no CSS of course.</p>
<h4>BACK THEN:</h4>
<p><img class="alignnone size-full wp-image-63628" title="Yahoo 1996" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Yahoo-1996.png" alt="" width="599" height="431" /></p>
<p><img class="alignnone size-full wp-image-63636" title="7 feb 1997 directory submission" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/7-feb-1997-directory-submission.png" alt="" width="600" height="536" /></p>
<h4>NOW:</h4>
<p><img class="alignnone size-full wp-image-63627" title="Yahoo now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Yahoo-now.png" alt="" width="600" height="392" /></p>
<p><img class="alignnone size-full wp-image-63634" title="directory submission now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/directory-submission-now.png" alt="" width="600" height="600" /></p>
<h3>3. Form use in online sales: 1994 &#8211; present</h3>
<p>1994 brought two major enhancements in the web arena: e-banking and online ordering (pizza, as you may guess). Shortly after, Amazon launched its online shopping service in 1995 and eBay the next year. Naturally, all of them were using web forms.</p>
<p>Those days, e-commerce was hindered by the limitations of credit cards that didn&#8217;t support online transactions. The issue was solved around 2000, once online payment processors appeared. Web forms could then exhibit products for sale and then direct submitters right to the payment gateway where they could complete the transaction. This was a major leap for the internet making its entrance in the day-to-day life of regular people.</p>
<h4>BACK THEN:</h4>
<p><img class="alignnone size-full wp-image-63637" title="Amazon 24 may 2006" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Amazon-24-may-2006.png" alt="" width="600" height="342" /></p>
<p><img class="alignnone size-full wp-image-63630" title="Pizza Hut dec 1996" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Pizza-Hut-dec-1996.png" alt="" width="596" height="345" /></p>
<h4>NOW:</h4>
<p><img class="alignnone size-full wp-image-63632" title="Amazon now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Amazon-now.png" alt="" width="600" height="472" /></p>
<p><img class="alignnone size-full wp-image-63629" title="Pizza Hut now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Pizza-Hut-now.png" alt="" width="600" height="407" /></p>
<h3>4. Web forms in the days of social media: 2004 &#8211; present</h3>
<p>Two major landmarks for social media are 2004 (the launch of Facebook) and 2006 (the birth of Twitter). Facebook had the most interesting evolution in regards to web forms.</p>
<p>From the very beginning Facebook provided its own tools for creating simple polls and for planning events. However, the original Facebook forms were simple ones, they had security issues and as for styling they used to hold the blueish standard skin of FB. Things got better though. In August 2006, Facebook launched the free Developers API, which led to a burst of applications, widgets and tools. Around 2010 came the first form management apps for Facebook. Users could now have their own signup forms for fan pages, reuse personalized forms brought from outside and build specific mailing lists. Since then, Facebook forms and surveys are among the most popular tools for businesses that perform social media marketing.</p>
<h4>BACK THEN:</h4>
<p><img title="Facebook Fan Page Sign Up as of 2010" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/fb-fanpage-sign-up.png" alt="" width="600" height="272" /></p>
<h4>NOW:</h4>
<p><img class="alignnone size-full wp-image-63794" title="Facebook Fan Page Now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/fb-fanpage-sign-up-now.png" alt="" width="600" height="367" /></p>
<h3>5. Web forms and security</h3>
<p>SSL protocol for data encryption was released by Netscape in 1994. Anti-spam tools for web forms such as CAPTCHA and password protection have only been available since 2000. In the dark ages before, there were knight battles with hackers and spam.</p>
<p>How could you prevent bots from signing up countless times? Using IP validation methods that aren&#8217;t by far infallible. One famous hijack of a web form occurred in November 1999, when slashdot.org had the idea to run an online poll asking what was the top graduate school in computer science. Even if the IPs were stored in order to prevent duplicate entries, the students of Carnegie Mellon managed to create a program that voted thousands of times for their university. The next day, the competitors (students at Massachusetts Institute of Technology) put up their own program and the two rival bots took over the poll, leaving the valid submissions in shadow. Fortunately, security options we have today are by far more efficient.</p>
<p><img class="alignnone size-full wp-image-63633" title="captcha" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/captcha.jpg" alt="" width="400" height="340" /></p>
<h3>6. Contemporary profile of web forms</h3>
<p>An important improvement came around 2007 when the first WYSIWYG form builders made their way in. Any internet user could then create forms. HTML knowledge is not mandatory anymore, since the remotely hosted form generators provide wizards with intuitive interfaces.</p>
<p>The portrait of a form that stands at the top of the evolution chain includes, by case:</p>
<ul>
<li>slick design, CSS customizable</li>
<li>various publishing options: on blogging and social media platforms, on regular websites</li>
<li>e-mail submissions received, secure data transfer and storage</li>
<li>capacity to draw reports over data</li>
<li>payment processing</li>
<li>integration with 3rd party apps to extend its functionality.</li>
</ul>
<p><img class="alignnone size-full wp-image-63635" title="englishworkshop" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/englishworkshop.png" alt="" width="600" height="388" /></p>
<p>Today&#8217;s websites are bursting with creative web forms. Contact pages aim to be both visually appealing and efficient as lead generation tools. Forms are successful in performing a wide variety of tasks: online ordering, event registration, research across the web, feedback. With CSS and HTML 5 at hand, forms can be successfully styled so that they blend in with the overall look and feel of any website.</p>
<h2>Some Creative Contact Forms</h2>
<h4><a href="http://www.atelierdetour.ch/">Aterlier Detour</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/contactforms57.jpg" alt="Aterlierdetour" /></p>
<h4><a href="http://www.campingilfrutteto.it/">Camping ilfrutteto</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/contactforms20.jpg" alt="Camping ilfrutteto" /></p>
<h4><a href="http://www.redbullsoapboxracer.com/">Red Bull Soapbox Racer</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/contactforms19.jpg" alt="Red Bull Soapbox Racer" /></p>
<h3>More amazing contact forms:</h3>
<p><a title="40+ Creative Contact Forms That Will Inspire You" href="http://www.1stwebdesigner.com/inspiration/creative-contact-forms/">40+ Creative Contact Forms That Will Inspire You</a></p>
<p><a title="91 Trendy Contact And Web Forms For Creative Inspiration" href="http://www.1stwebdesigner.com/inspiration/91-trendy-contact-and-web-forms-for-creative-inspiration/">91 Trendy Contact And Web Forms For Creative Inspiration</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/illustrated-history-of-web-forms/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>38 Remarkably Designed Donation Pages Which Will Soften Your Heart</title>
		<link>http://www.1stwebdesigner.com/inspiration/remarkably-designed-donation-pages/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/remarkably-designed-donation-pages/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 21:00:17 +0000</pubDate>
		<dc:creator>Jameel Khan</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[donation]]></category>
		<category><![CDATA[donation pages]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web interface]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63527</guid>
		<description><![CDATA[For the majority of non-profit organizations, online fund-raising has become one of the most important sources of income, especially the last 10 years. Designing an inspiring and appealing donation page can certainly make a big difference in converting large numbers of visitors into donors. But, unfortunately many non-profit organizations simply overlook this much more mundane [...]]]></description>
			<content:encoded><![CDATA[<p>For the majority of non-profit organizations, online fund-raising has become one of the most important sources of income, especially the last 10 years. Designing an inspiring and appealing donation page can certainly make a big difference in converting large numbers of visitors into donors. But, unfortunately many non-profit organizations simply overlook this much more mundane aspect of online appeal while paying loads of attention and time in developing innovative and inspirational online content. In this round-up, we are showcasing some exceptionally designed donation pages for your inspiration.</p>
<p><span id="more-63527"></span></p>
<h3>1. <a href="http://www.savethechildren.org.uk/en/donate.htm">Save the Children</a></h3>
<p>This website has a very sleek design with beautifully designated avenues intended for assistance. There are plenty of courses of action for users that could have made it a cluttered mess, but the design keeps it all very well-organized.</p>
<p><a href="http://www.savethechildren.org.uk/en/donate.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages4.jpg" alt="Save the Children" width="570" border="0" /></a></p>
<h3>2. <a href="http://keepachildalive.org/ways-to-donate/">Keep a Child Alive</a></h3>
<p>This sleek design makes use of large buttons with a variety of ways to contribute to the mission. A slight grungy effect is used in order to highlight areas of the page. Overall the design is simple and impressive.</p>
<p><a href="http://keepachildalive.org/ways-to-donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages10.jpg" alt="Keep a Child Alive" width="570" border="0" /></a></p>
<h3>3. <a href="https://mannafoodbank.lucidserver.com/donate-money-online">Manna FoodBank</a></h3>
<p>In this website, you can see the use of a natural color scheme that fits with their mission. The call to action button with the slightest change in color definitely stands apart.</p>
<p><a href="https://mannafoodbank.lucidserver.com/donate-money-online"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages1.jpg" alt="Manna FoodBank" width="570" border="0" /></a></p>
<h3>4. <a href="http://www.rednoseday.com/sponsor-donate">Red Nose Day</a></h3>
<p>The Red Nose Day site makes use of a simple two-tone color scheme that symbolizes the passion for the mission. The red colors spreading through the donation page drive people to take action.</p>
<p><a href="http://www.rednoseday.com/sponsor-donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages2.jpg" alt="Red Nose Day" width="570" border="0" /></a></p>
<h3>5. <a href="https://donate.oxfam.org.uk/Give">Oxfam</a></h3>
<p>Here the design of the donation page focuses the entire attention on the obligatory mission and calls to the readers.</p>
<p><a href="https://donate.oxfam.org.uk/Give"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages3.jpg" alt="Oxfam" width="570" border="0" /></a></p>
<h3>6. <a href="http://www.habitat.org/asiapacific/">Habitat For Humanity</a></h3>
<p>The design of this website’s donation page is simple and clutter free; and focuses only on the mission.</p>
<p><a href="http://www.habitat.org/asiapacific/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages21.jpg" alt="Habitat For Humanity" width="570" border="0" /></a></p>
<h3>7. <a href="http://www.witness.org/">Witness</a></h3>
<p>The Witness donation page is mainly covered with the text and relevant information with a nicely designed call to action button that is placed right at the upper right corner.</p>
<p><a href="http://www.witness.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages22.jpg" alt="Witness" width="570" border="0" /></a></p>
<h3>8. <a href="http://www.wish.org/help/donate">Make-A-Wish</a></h3>
<p>In this web design, although it is constructed well, there is a lack of distinction for its calls. The blue turns out to be rather awe-inspiring with the amount of information it contains.</p>
<p><a href="http://www.wish.org/help/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages5.jpg" alt="Make-A-Wish" width="570" border="0" /></a></p>
<h3>9. <a href="https://donate.americanheart.org/ecommerce/aha/aha_index.jsp">American Heart Association</a></h3>
<p>This stylish donation page mainly draws the attention of their users towards the calls. They picked their color scheme quite smartly and the subtle uses of white with the blue definitely look great.</p>
<p><a href="https://donate.americanheart.org/ecommerce/aha/aha_index.jsp"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages6.jpg" alt="American Heart Association‘s" width="570" border="0" /></a></p>
<h3>10. <a href="http://giving.jhu.edu/">Giving to Johns</a></h3>
<p>Giving to Johns Hopkins pushes their cause with a very stylish and appealing donation page that stands out mainly because of its alluring contrast in colors on the header and call to action button.</p>
<p><a href="http://giving.jhu.edu/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages9.jpg" alt="Giving to Johns" width="570" border="0" /></a></p>
<h3>11. <a href="https://www.doctorswithoutborders.org/donate/">Doctors without Borders</a></h3>
<p>This design of a donation page stands out in our collection as it utilized tabbed windows in order to separate the different paths that users can take to dig in.</p>
<p><a href="https://www.doctorswithoutborders.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages7.jpg" alt="Doctors without Borders" width="570" border="0" /></a></p>
<h3>12. <a href="http://www.aspca.org/donate/">ASPCA</a></h3>
<p>Here is another example of a subtle donation page. ASPCA uses purple for their calls that truly stands out from the overall orange design colors. With such a soft coloring, ASPCA imparts a sense of comfort that in turn eases the readers into the cause and taking action.</p>
<p><a href="http://www.aspca.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages11.jpg" alt="ASPCA" width="570" border="0" /></a></p>
<h3>13. <a href="http://ww5.komen.org/">Susan G. Komen for the Cure</a></h3>
<p>Susan G. Komen for the Cure website uses a brilliant color scheme that symbolizes their true passion for the mission.</p>
<p><a href="http://ww5.komen.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages24.jpg" alt="Susan G. Komen for the Cure" width="570" border="0" /></a></p>
<h3>14. <a href="https://www.nrdc.org/joingive/Default.asp?">Natural Resources Defense Council</a></h3>
<p>The Natural Resources Defense Council uses a very simple approach. They bring overly large and bold call to action buttons into play that make their donation page stands out from the rest. This no frills approach puts pure focus on the mission.</p>
<p><a href="https://www.nrdc.org/joingive/Default.asp?"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages13.jpg" alt="Natural Resources Defense Council" width="570" border="0" /></a></p>
<h3>15. <a href="http://www.invisiblechildren.com/donate">Invisible Children</a></h3>
<p>The Invisible Children donation page is as inspiring and touching as their mission is. In order to connect with their mission effectively, they utilize large images of the children the world tends to overlook.</p>
<p><a href="http://www.invisiblechildren.com/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages12.jpg" alt="Invisible Children" width="570" border="0" /></a></p>
<h3>16. <a href="https://www.donatelifecalifornia.org/">Donate Life California</a></h3>
<p>This is a somewhat unusual design for a donation page but this one really stands out from the rest of the site because of its pink calls to action buttons.</p>
<p><a href="https://www.donatelifecalifornia.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages14.jpg" alt="Donate Life California" width="570" border="0" /></a></p>
<h3>17. <a href="http://www.charitywater.org/donate/">Charity: Water‘s</a></h3>
<p>With the help of this understated design, Charity: Water‘s keeps their donation page extremely simple and focuses only on the mission.</p>
<p><a href="http://www.charitywater.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages15.jpg" alt="Charity: Water‘s" width="570" border="0" /></a></p>
<h3>18. <a href="http://www.humanesociety.org/">Humane Society‘s</a></h3>
<p>Large images and bold buttons are used to draw the users’ attention towards the main cause and convince them to take action.</p>
<p><a href="http://www.humanesociety.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages8.jpg" alt="Humane Society‘s" width="570" border="0" /></a></p>
<h3>19. <a href="http://www.actionforchildren.org.uk/donate">Action for Children</a></h3>
<p>This website has an attention-grabbing, large and appealing call to action area. This call to action area offsets the donation area satisfactorily and efficiently pulls the reader to it.</p>
<p><a href="http://www.actionforchildren.org.uk/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages16.jpg" alt="Action for Children" width="570" border="0" /></a></p>
<h3>20. <a href="http://www.michaeljfox.org/help.cfm">MJFF</a></h3>
<p>MJFF brings warm and inviting colors into play in order to engage their readers. The color scheme works well and the gradient on the actual donate button makes it stand out.</p>
<p><a href="http://www.michaeljfox.org/help.cfm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages19.jpg" alt="MJFF" width="570" border="0" /></a></p>
<h3>21. <a href="http://my.nature.org/donate/">The Nature Conservancy</a></h3>
<p>The Nature Conservancy uses a quite unusual approach for their donation page. They placed two subtle calls under the header where users are likely to expect the navigation to be.</p>
<p><a href="http://my.nature.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages17.jpg" alt="The Nature Conservancy" width="570" border="0" /></a></p>
<h3>22. <a href="http://www.kiva.org/lend">Kiva</a></h3>
<p>Kiva has a very simple, sleek donation page that focuses on several routes to help users. The boldly colored call to action buttons are truly attention grabbing.</p>
<p><a href="http://www.kiva.org/lend"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages20.jpg" alt="Kiva" width="570" border="0" /></a></p>
<h3>23. <a href="http://www.operationwarm.org/get-involved/donate/">Operation Warm</a></h3>
<p>Here you will notice a nice, friendly color scheme that varies throughout the page. Though the main calls to action mix together with a majority of the site because they are the same color while the secondary calls are a bit more obvious because they break from the blue.</p>
<p><a href="http://www.operationwarm.org/get-involved/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages26.jpg" alt="Operation Warm" width="570" border="0" /></a></p>
<h3>24. <a href="https://donate.mozilla.org/page/contribute/openwebfund">Mozilla</a></h3>
<p>Mozilla features a delicate donation page design with an innovative header that accompanies their website. Their fans and users can donate to keep their mission active.</p>
<p><a href="https://donate.mozilla.org/page/contribute/openwebfund"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages28.jpg" alt="Mozilla" width="570" border="0" /></a></p>
<h3>25. <a href="http://www1.networkforgood.org/for-donors_v2">Network for Good</a></h3>
<p>Network for Good has got a fantastic design that possesses three courses of action that their readers may pursue. Each of them holds a large, attention-grabbing call to action button.</p>
<p><a href="http://www1.networkforgood.org/for-donors_v2"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages27.jpg" alt="Network for Good" width="570" border="0" /></a></p>
<h3>26. <a href="http://uk.virginmoneygiving.com/fundraiser-web/donate/charityCategories.action">Virgin Money Giving</a></h3>
<p>Here is a unique donation page that is divided into categories in order for users to find the kind of charitable organization they are seeking to support.</p>
<p><a href="http://uk.virginmoneygiving.com/fundraiser-web/donate/charityCategories.action"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages29.jpg" alt="Virgin Money Giving" width="570" border="0" /></a></p>
<h3>27. <a href="https://secure.ppaction.org/site/SPageServer?pagename=pp_ppol_Nondirected_OneTimeGift">Planned Parenthood‘s</a></h3>
<p>Here a form is used for the main appeal with more subtle calls placed in the upper right corner. Overall the design is simple and effective leading the reader into the ‘action center’.</p>
<p><a href="https://secure.ppaction.org/site/SPageServer?pagename=pp_ppol_Nondirected_OneTimeGift"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages30.jpg" alt="Planned Parenthood‘s" width="570" border="0" /></a></p>
<h3>28. <a href="https://www.wfp.org/donate/fillthecup?icn=homepage-donate-cup&amp;ici=small-button-link">World Food Programme</a></h3>
<p>World Food Programme uses a very subtle design for their website with an online form to help their users donate for their cause to keep it alive.</p>
<p><a href="https://www.wfp.org/donate/fillthecup?icn=homepage-donate-cup&amp;ici=small-button-link"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages32.jpg" alt="World Food Programme" width="570" border="0" /></a></p>
<h3>29. <a href="http://www.joinred.com/takeaction/donate">Red</a></h3>
<p>In this web design, you will see minimalism in a new style as this donation page features overly large typographical elements that truly work well to draw the users’ attention to the action areas.</p>
<p><a href="http://www.joinred.com/takeaction/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages31.jpg" alt="Red" width="570" border="0" /></a></p>
<h3>30. <a href="http://www.amnesty.org/en/donate">Amnesty International</a></h3>
<p>Amnesty International design of the donation page focuses the entire attention on the obligatory mission and calls to the readers.</p>
<p><a href="http://www.amnesty.org/en/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages33.jpg" alt="AMNESTY INTERNATIONAL" width="570" border="0" /></a></p>
<h3>31. <a href="http://www.dalitnetwork.org/go?/dfn/donate">Dalit Freedom Network</a></h3>
<p>Dalit Freedom Network uses a very natural and earthy color scheme that works well with their mission along with eye catching and appealing call to action buttons.</p>
<p><a href="http://www.dalitnetwork.org/go?/dfn/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages35.jpg" alt="Dalit Freedom Network" width="570" border="0" /></a></p>
<h3>32. <a href="http://www.takethewalk.net/site/takethewalk/section/name/shoes">Take The Walk</a></h3>
<p>The boldly colored call to action buttons in this design truly stand out from the other donation page designs. The color scheme is also very appealing.</p>
<p><a href="http://www.takethewalk.net/site/takethewalk/section/name/shoes"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages34.jpg" alt="Take The Walk" width="570" border="0" /></a></p>
<h3>33. <a href="http://pfl.org/donate/">Practical Family Living</a></h3>
<p>Another excellent example of a subtle donation page design that works very well for the mission. All the design elements are in perfect balance making this design stand out.</p>
<p><a href="http://pfl.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages37.jpg" alt="Practical Family Living" width="570" border="0" /></a></p>
<h3>34. <a href="http://www.housingworks.org/donate">Housing Works</a></h3>
<p>What makes this design stand out is its excellent color contrast as well as call to action button. Housing Works pushes their cause with an extremely trendy and tempting donation page.</p>
<p><a href="http://www.housingworks.org/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages38.jpg" alt="Housing Works" width="570" border="0" /></a></p>
<h3>35. <a href="http://www.childrensrights.org/support-us/donate-online/">Children’s Rights</a></h3>
<p>Children’s Rights donation page is designed by keeping the overall design simple and clutter free. The call to action button is moderately sized and positioned at the center of the page.</p>
<p><a href="http://www.childrensrights.org/support-us/donate-online/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages40.jpg" alt="Children’s Rights" width="570" border="0" /></a></p>
<h3>37. <a href="https://www.projectrescue.com/donate.html">Project Rescue Foundation</a></h3>
<p>In this web design, you will see a unique approach for designing donation pages. An online form is also there to help you donate to their cause.</p>
<p><a href="https://www.projectrescue.com/donate.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages39.jpg" alt="Project Rescue Foundation," width="570" border="0" /></a></p>
<h3>38. <a href="http://www.custodialabuse.org/4/resources/8/donate/">Custodial Abuse</a></h3>
<p>Here they use a large image to connect with their cause in a simple but effective way as they are working for a very sensitive cause.</p>
<p><a href="http://www.custodialabuse.org/4/resources/8/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages41.jpg" alt="Custodial Abuse" width="570" border="0" /></a></p>
<h3>38. <a href="http://www.memphiszoo.org/donate">Memphis Zoo</a></h3>
<p>This rather remarkable design for a donation page truly stands out from the rest of the site due to its excellent and vividly colored calls to action button.</p>
<p><a href="http://www.memphiszoo.org/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages42.jpg" alt="Memphis Zoo" width="570" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/remarkably-designed-donation-pages/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Contests Can Create Real Engagement &#8211; A Personal Story</title>
		<link>http://www.1stwebdesigner.com/inspiration/online-contests-user-engagement/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/online-contests-user-engagement/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 21:00:30 +0000</pubDate>
		<dc:creator>Ryan Taft</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[online contests]]></category>
		<category><![CDATA[user engagement]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=61521</guid>
		<description><![CDATA[Are you looking to get more people engaged and excited about your brand? Aren&#8217;t we all&#8230; Over the past 6 months I&#8217;ve been running an online contest for one of my clients. My client&#8217;s goal was to generate more activity from their Facebook community. They know that if they can get their Facebook community more [...]]]></description>
			<content:encoded><![CDATA[<p>Are you looking to get more people engaged and excited about your brand? Aren&#8217;t we all&#8230; Over the past 6 months I&#8217;ve been running an online contest for one of my clients. My client&#8217;s goal was to generate more activity from their Facebook community. They know that if they can get their Facebook community more engaged in their brand they can generate more sales for their products and services.</p>
<p>Over the past 6 months we have blown away all expectations for the amount of Facebook activity the client was hoping for. Knowing that many of our readers have the same goal as my client, I wanted to share this personal story with you. In this article we will review our marketing strategy, discuss the day-to-day tasks required, and finally share the results. By the end of this case study you should have everything you need to do this too!</p>
<p><span id="more-61521"></span></p>
<h2>Marketing Strategy for Generating Online Engagement</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>With a goal of generating more online activity from my client&#8217;s Facebook community I went to work developing a sound marketing strategy that could work to achieve their goal. Here are the steps I followed:</p>
<ul>
<li>Channel Analysis &#8211; What are the best marketing channels to leverage for this program?</li>
<li>Engagement &#8211; What type of activity do I want to see from the audience?</li>
<li>Offer &#8211; Will an offer be needed to encourage the sort of activity that I&#8217;m looking to achieve?</li>
</ul>
<p>After running through all of the steps above, my strategy was beginning to form. I would use Facebook, blogging, and Twitter to reach my audience, communicate my message, and encourage engagement in my client&#8217;s brand. An online contest with a monthly prize drawing would serve as the strategy that I&#8217;d use to achieve my client&#8217;s goals.</p>
<h2>Contest Planning</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Any time you decide to implement a new marketing strategy you should take some time to plan how you will execute your new program. Here are a few questions I asked myself before implementing this new contest strategy:</p>
<ul>
<li>How will I explain the contest to my audience?</li>
<li>How often will I promote the contest?</li>
<li>What will my call-to-action be?</li>
<li>What will I offer the winner? Will the winner change monthly?</li>
<li>How will I select/notify the winner?</li>
<li>How will I fulfill the offer?</li>
</ul>
<p>By asking yourself these questions prior to launching your contest you&#8217;re more likely to have success. Nobody wants to participate in a poorly thought out contest.</p>
<h2>Running an Online Contest</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class="aligncenter size-medium wp-image-63055" title="Online Contests Increase Engagement" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/facebook-contest-results-570x192.jpg" alt="facebook promotion" width="570" height="192" /></p>
<p>Once you&#8217;ve taken time to plan out how to execute your contest, it&#8217;s time to implement it. Here&#8217;s what we did:</p>
<ul>
<li>We used our client&#8217;s blog to explain the rules for the overall contest and each new monthly contest. We published a new article at the beginning of each month explaining the rules for the monthly contest and the prize to be awarded.</li>
<li>We decided to run the contest through Facebook since our goal was to generate more activity from my client&#8217;s Facebook community. We had our Facebook fans participate by leaving comments on our Wall Posts.</li>
<li>We used other tools like Twitter, e-Newsletters, and in-store promotional materials to drive traffic to the contest.</li>
<li>We came up with new contest activities each week (falling within the theme of the overall monthly contest) in order to keep engagement up throughout the month. We didn&#8217;t want someone to participate at the beginning of the month but then have no reason to keep participating throughout the month. We put it in our rules that you had to participate in one activity each week to be entered into the drawing for the prize.</li>
</ul>
<p>It took some time to get our process fully worked out, but after the first two month&#8217;s of running the contest everything was running like a well-oiled machine. Marketing a monthly contest definitely takes some time, but positive results make it worth it. Be sure to keep your contest ideas fun, and your weekly tasks simple. You don&#8217;t want to scare people off with tasks that are too difficult. Once the month is over its time to select a winner.</p>
<h2>Contest Winner Selection, Notification, and Fulfillment</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>At the end of each monthly contest we entered everyone who participated in each of the weekly tasks into a drawing. We then selected 1 grand prize winner and 2 consolation prize winners. If you have a lot of people participating in your contest it&#8217;s important to have consolation prizes so that more than 1 person can win something.</p>
<p>Here&#8217;s how we go about notifying the winners and fulfilling their prizes:</p>
<ul>
<li>Since the contest runs through Facebook, we use Facebook to notify winners. We leave a Wall Post on our client&#8217;s Facebook page announcing the winner and we send each winner a Facebook message.</li>
<li>We include a little blurb about the winner in the next contests&#8217; blog article</li>
<li>Depending on the prize and location of the winner, we usually collect their mailing address via a Google Form that we send to all winners and then mail them their prize.</li>
<li>We also ask our winners for a picture of them holding up the prize so that we can use it in promoting future contests. If the person lives locally we may actually ask them to meet up for a picture and to give them their prize on the spot.</li>
</ul>
<h2>Contest Results</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class="aligncenter size-medium wp-image-63056" title="Generate Results with an Online Contest" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/online-contest-results-570x208.jpg" alt="how to online contest" width="570" height="208" /></p>
<p>So far the contest that we set up for our client has been an overwhelming success. The level of engagement by my client&#8217;s Facebook community has far exceeded our expectations. Here are some of the data points that we are tracking:</p>
<ul>
<li>Average Participation Rate: 10% of fans participate in weekly contests</li>
<li>Facebook Business Page Growth Rate: Growing page &#8216;LIKES&#8217; by 5-7% per month</li>
<li>Facebook Page Impressions: Up 35% since starting the contest</li>
</ul>
<p>Overall the number of &#8220;LIKES&#8221; are growing steadily each month, which means we are attracting new contest participants/Facebook community members on behalf of my client. Contest participation is very high compared with an industry average of a few percent. The amount of people seeing our message has skyrocketed since starting these contests. Our labor is starting to pay off as our contest is seeing increasing traffic from Facebook to their website and online sales are increasing.</p>
<h2>Should I Run an Online Contest?</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Depending on your goals I would recommend that the majority of website owners at least consider running an online contest. Contests can be a great way to engage your online community, as well as, get them to spread your message to their friends. Follow the steps that we laid out in this article and you&#8217;re sure to have success.</p>
<h4>Watch out! 1stwebdesigner will be launching contests for designers this February!</h4>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/online-contests-user-engagement/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Colour Chronicles: Brilliant Blue</title>
		<link>http://www.1stwebdesigner.com/design/colour-chronicles-brilliant-blue/</link>
		<comments>http://www.1stwebdesigner.com/design/colour-chronicles-brilliant-blue/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 21:00:39 +0000</pubDate>
		<dc:creator>Costin Găman</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[blue]]></category>
		<category><![CDATA[color meaning]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=62138</guid>
		<description><![CDATA[Welcome back to another colourful article, this time dealing with last month&#8217;s favourite, chosen by you! Just as last time, it includes a showcase of websites, artwork and palettes, so there is a little something for everybody. Basics Blue is one of the three primary colours and as such is also part of the chromatic [...]]]></description>
			<content:encoded><![CDATA[<p>Welcome back to another colourful article, this time dealing with last month&#8217;s favourite, chosen by you! Just as last time, it includes a showcase of websites, artwork and palettes, so there is a little something for everybody.</p>
<p><span id="more-62138"></span></p>
<h2>Basics</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Blue is one of the three primary colours and as such is also part of the chromatic spectrum. It is a cool colour which covers a relatively wide area of the spectrum, ranging from cyan to a more violet tint. Of course you could always nitpick, but there is usually little doubt as to what all its different shades should be called; light or dark, greenish or not, you can still call it blue and get away with it.</p>
<h2>Characteristics</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>According to its proper theory, blues are considered far colours, meaning that they seem to expand whatever shape they fill; a room, for example, will seem larger if painted blue, rather than yellow or orange.</p>
<p>It is easily perceivable by the human eye, given that blue colours present a wavelength between 440 and 490 nm. All three types of photosensitive cells respond to this range, albeit to varying degrees. On the other hand, the inclusive nature of the name means that some shades are (literally) easier on the eyes than others. Nevertheless, blue is a common sight in top favourites.</p>
<h2>Symbolism</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Although present in living beings (mushrooms and frogs, for instance), generally it has more inorganic and abstract associations.</p>
<p>One of these is the sky. Light tones give a sense of open space and freedom, an overall calming effect. Using light blue backgrounds in web design can make a site look friendlier, but large backgrounds have the risk of becoming dull. To avoid this, take inspiration from nature: the sky is much more appealing when the Sun creates a sort of gradient, rather than when it’s more or less one solid colour.</p>
<div id="attachment_62242" class="wp-caption aligncenter" style="width: 580px"><a href="http://helenerojasnagel.com/" target="_blank"><img class="size-full wp-image-62242" title="featured-trondheim-omgivelser-helene-rojas-nagel" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/featured-trondheim-omgivelser-helene-rojas-nagel.jpg" alt="featured-trondheim-omgivelser-helene-rojas-nagel" width="570" height="550" /></a><p class="wp-caption-text">&quot;Trondheim omgivelser&quot; by Helene Rojas Nagel</p></div>
<p>Next is the sea (or water in general). As a symbol of life and vitality, it also represents versatility; you can find it nearly everywhere, filling different shapes in different states. Although it is colourless in small quantities, in reality water has a slight blue tint that becomes more obvious in large quantities. While the image of a still body of water can be considered peaceful, remember that it can just as easily turn into a source of turbulence.</p>
<p>Blue is also a powerful corporate colour because of its association with stability and confidence. This is also why many IT companies prefer to use it in their visual identity, trying to combat the (to a certain degree) volatile nature of technology. Of course this all depends on the company’s philosophy, profile and desired image, but reliability seems to be the most wide-spread.</p>
<p>Some of the more negative associations are cold and melancholy. Less saturated shades remind of murky skies on cold days, while brighter shades closer to cyan have a frostier feel to them. Also, save for eye colours, the presence of blue on the human body is an indication of something wrong. This can be both physical and mental, hence the expression “feeling blue”.</p>
<h2>Combinations</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Bright, electric shades of blue create a fantastic effect when combined with dark, ash brown. Although it dominates and gives the overall composition a cool feel, at the same time it manages to generate energy. It works well with dark metallic colours as well.</p>
<p>Together with teal or mint green it creates a natural, watery scheme that is also very fresh and inviting. Of course, there must be some balance and hierarchy between the two colours; otherwise they will compete with each other if they have the same intensity.</p>
<p>Using blue for less important details in orange or yellow schemes can cool down the design and take away some of the glare. While traditionally, orange is blue’s complementary, combinations with yellow will have roughly the same effect.</p>
<h2>Palettes</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<h3>01. <a href="http://kuler.adobe.com/#themeID/698570" target="_blank">Complementary blue by tudor.girba</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/698570" target="_blank"><img class="aligncenter size-full wp-image-62784" title="palette-01-complementary-blue" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-01-complementary-blue.jpg" alt="palette-01-complementary-blue" width="570" height="103" /></a></p>
<h3>02. <a href="http://kuler.adobe.com/#themeID/125570" target="_blank">Swimming Sports by julievonderropp</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/125570" target="_blank"><img class="aligncenter size-full wp-image-62786" title="palette-02-swimming-sports" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-02-swimming-sports.jpg" alt="palette-02-swimming-sports" width="570" height="103" /></a></p>
<h3>03. <a href="http://kuler.adobe.com/#themeID/65351" target="_blank">Sunny Shores by twinklebunnytoes</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/65351" target="_blank"><img class="aligncenter size-full wp-image-62788" title="palette-03-sunny-shores" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-03-sunny-shores.jpg" alt="palette-03-sunny-shores" width="570" height="103" /></a></p>
<h3>04. <a href="http://kuler.adobe.com/#themeID/48902" target="_blank">Sea Foam by louisan</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/48902" target="_blank"><img class="aligncenter size-full wp-image-62790" title="palette-04-sea-foam" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-04-sea-foam.jpg" alt="palette-04-sea-foam" width="570" height="103" /></a></p>
<h3>05. <a href="http://kuler.adobe.com/#themeID/170007" target="_blank">Lilac Bathroom by nightzdragonz</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/170007" target="_blank"><img class="aligncenter size-full wp-image-62792" title="palette-05-lilac-bathroom" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-05-lilac-bathroom.jpg" alt="palette-05-lilac-bathroom" width="570" height="103" /></a></p>
<h3>06. <a href="http://kuler.adobe.com/#themeID/90143" target="_blank">Leviathan by matthepworth</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/90143" target="_blank"><img class="aligncenter size-full wp-image-62794" title="palette-06-leviathan" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-06-leviathan.jpg" alt="palette-06-leviathan" width="570" height="103" /></a></p>
<h3>07. <a href="http://kuler.adobe.com/#themeID/286714" target="_blank">Bleu Blanc Rouge by kuler</a></h3>
<h3><a href="http://kuler.adobe.com/#themeID/286714" target="_blank"><img class="aligncenter size-full wp-image-62796" title="palette-07-bleu-blanc-rouge" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-07-bleu-blanc-rouge.jpg" alt="palette-07-bleu-blanc-rouge" width="570" height="103" /></a></h3>
<h3>08. <a href="http://kuler.adobe.com/#themeID/14766" target="_blank">blueberry pie by elsabartley</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/14766" target="_blank"><img class="aligncenter size-full wp-image-62798" title="palette-08-blueberry-pie" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-08-blueberry-pie.jpg" alt="palette-08-blueberry-pie" width="570" height="103" /></a></p>
<h3>09. <a href="http://kuler.adobe.com/#themeID/42102" target="_blank">Nautical Cruise by thecolorcat</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/42102" target="_blank"><img class="aligncenter size-full wp-image-62800" title="palette-09-nautical-cruise" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-09-nautical-cruise.jpg" alt="palette-09-nautical-cruise" width="570" height="103" /></a></p>
<h3>10. <a href="http://kuler.adobe.com/#themeID/1314757" target="_blank">Giant Attack Robot by stevereed.m</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/1314757" target="_blank"><img class="aligncenter size-full wp-image-62802" title="palette-10-giant-attack-robot" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/palette-10-giant-attack-robot.jpg" alt="palette-10-giant-attack-robot" width="570" height="103" /></a></p>
<h2>Web &#8211; WordPress themes</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<h3>01. <a href="http://www.woothemes.com/2010/08/sealight/" target="_blank">Sealight</a> (premium)</h3>
<p><a href="http://www.woothemes.com/2010/08/sealight/" target="_blank"><img class="aligncenter size-full wp-image-62820" title="website-01-sealight" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-01-sealight.jpg" alt="website-01-sealight" width="570" height="361" /></a></p>
<h3>02. <a href="http://www.woothemes.com/2010/01/mystream/" target="_blank">MyStream</a> (premium)</h3>
<p><a href="http://www.woothemes.com/2010/01/mystream/" target="_blank"><img class="aligncenter size-full wp-image-62822" title="website-02-mystream" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-02-mystream.jpg" alt="website-02-mystream" width="570" height="361" /></a></p>
<h3>03. <a href="http://www.woothemes.com/2009/02/irresistible/" target="_blank">Irresistible</a> (free)</h3>
<p><a href="http://www.woothemes.com/2009/02/irresistible/" target="_blank"><img class="aligncenter size-full wp-image-62823" title="website-03-irresistible" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-03-irresistible.jpg" alt="website-03-irresistible" width="570" height="361" /></a></p>
<h3>04. <a href="http://zenverse.net/mix-bloo-wordpress-theme/" target="_blank">MixBloo</a> (free / must keep footer)</h3>
<p><a href="http://zenverse.net/mix-bloo-wordpress-theme/" target="_blank"><img class="aligncenter size-full wp-image-62825" title="website-04-mixbloo" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-04-mixbloo.jpg" alt="website-04-mixbloo" width="570" height="361" /></a></p>
<h3>05. <a href="http://zenverse.net/the-revival-wordpress-theme/" target="_blank">The Revival</a> (free)</h3>
<p><a href="http://zenverse.net/the-revival-wordpress-theme/" target="_blank"><img class="aligncenter size-full wp-image-62828" title="website-05-the-revival" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-05-the-revival.jpg" alt="website-05-the-revival" width="570" height="361" /></a></p>
<h3>06. <a href="http://themeforest.net/item/blue-earth-wordpress-theme/83359?ref=1stwebdesigner" target="_blank">Blue Earth</a> (premium)</h3>
<p><a href="http://themeforest.net/item/blue-earth-wordpress-theme/83359?ref=1stwebdesigner" target="_blank"><img class="aligncenter size-full wp-image-62830" title="website-06-blue-earth" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-06-blue-earth.jpg" alt="website-06-blue-earth" width="570" height="361" /></a></p>
<h3>07. <a href="http://www.elegantthemes.com/gallery/feather/" target="_blank">Feather</a> (premium)</h3>
<p><a href="http://www.elegantthemes.com/gallery/feather/" target="_blank"><img class="aligncenter size-full wp-image-62958" title="website-07-feather" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-07-feather.jpg" alt="website-07-feather" width="570" height="361" /></a></p>
<h3>08. <a href="http://themefuse.com/wp-themes-shop/siliconapp/" target="_blank">SiliconApp</a> (premium)</h3>
<p><a href="http://themefuse.com/wp-themes-shop/siliconapp/" target="_blank"><img class="aligncenter size-full wp-image-62959" title="website-08-siliconapp" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-08-siliconapp.jpg" alt="website-08-siliconapp" width="570" height="361" /></a></p>
<h3>09. <a href="http://www.elegantthemes.com/gallery/thecorporation/" target="_blank">TheCorporation</a> (premium)</h3>
<p><a href="http://www.elegantthemes.com/gallery/thecorporation/" target="_blank"><img class="aligncenter size-full wp-image-62960" title="website-09-thecorporation" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-09-thecorporation.jpg" alt="website-09-thecorporation" width="570" height="361" /></a></p>
<h3>10. <a href="http://themefuse.com/wp-themes-shop/envison/" target="_blank">Envision</a> (premium)</h3>
<p><a href="http://themefuse.com/wp-themes-shop/envison/" target="_blank"><img class="aligncenter size-full wp-image-62961" title="website-10-envision" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/website-10-envision.jpg" alt="website-10-envision" width="570" height="361" /></a></p>
<h2>Artwork &#8211; animals</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<h3>01. <a href="http://ruth-tay.deviantart.com/art/Sea-turtle-100005293" target="_blank">Sea turtle by Ruth-Tay</a></h3>
<p><a href="http://ruth-tay.deviantart.com/art/Sea-turtle-100005293" target="_blank"><img class="aligncenter size-full wp-image-62804" title="artwork-01-sea-turtle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-01-sea-turtle.jpg" alt="artwork-01-sea-turtle" width="570" height="713" /></a></p>
<h3>02. <a href="http://shadowumbre.deviantart.com/art/the-Safe-place-95673489" target="_blank">The Safe Place by ShadowUmbre</a></h3>
<p><a href="http://shadowumbre.deviantart.com/art/the-Safe-place-95673489" target="_blank"><img class="aligncenter size-full wp-image-62806" title="artwork-02-the-safe-place" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-02-the-safe-place.jpg" alt="artwork-02-the-safe-place" width="570" height="701" /></a></p>
<h3>03. <a href="http://doormouse1960.deviantart.com/art/Hyacinth-Macaw-139312796" target="_blank">Hyacinth Macaw by doormouse1960</a></h3>
<p><a href="http://doormouse1960.deviantart.com/art/Hyacinth-Macaw-139312796" target="_blank"><img class="aligncenter size-full wp-image-62808" title="artwork-03-hyacinth-macaw" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-03-hyacinth-macaw.jpg" alt="artwork-03-hyacinth-macaw" width="570" height="851" /></a></p>
<h3>04. <a href="http://aquasixio.deviantart.com/art/La-fable-de-la-girafe-9712966" target="_blank">La fable de la girafe by AquaSixio</a></h3>
<p><a href="http://aquasixio.deviantart.com/art/La-fable-de-la-girafe-9712966" target="_blank"><img class="aligncenter size-full wp-image-62809" title="artwork-04-la-fable-de-la-girafe" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-04-la-fable-de-la-girafe.jpg" alt="artwork-04-la-fable-de-la-girafe" width="570" height="855" /></a></p>
<h3>05. <a href="http://markkarvon.deviantart.com/art/Snowy-Owl-41293606" target="_blank">Snowy Owl by markkarvon</a></h3>
<p><a href="http://markkarvon.deviantart.com/art/Snowy-Owl-41293606" target="_blank"><img class="aligncenter size-full wp-image-62811" title="artwork-05-snowy-owl" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-05-snowy-owl.jpg" alt="artwork-05-snowy-owl" width="570" height="434" /></a></p>
<h3>06. <a href="http://ginseng-fox.deviantart.com/art/white-Fang-2-273066999" target="_blank">White Fang 2 by Ginseng-fox</a></h3>
<p><a href="http://ginseng-fox.deviantart.com/art/white-Fang-2-273066999" target="_blank"><img class="aligncenter size-full wp-image-62812" title="artwork-06-white-fang-2" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-06-white-fang-2.jpg" alt="artwork-06-white-fang-2" width="570" height="690" /></a></p>
<h3>07. <a href="http://kerembeyit.deviantart.com/art/Out-of-Blue-83292813" target="_blank">Out of Blue by kerembeyit</a></h3>
<p><a href="http://kerembeyit.deviantart.com/art/Out-of-Blue-83292813" target="_blank"><img class="aligncenter size-full wp-image-62813" title="artwork-07-out-of-blue" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-07-out-of-blue.jpg" alt="artwork-07-out-of-blue" width="570" height="667" /></a></p>
<h3>08. <a href="http://trenchmaker.deviantart.com/art/Bubbles-137750224" target="_blank">Bubbles by trenchmaker</a></h3>
<p><a href="http://trenchmaker.deviantart.com/art/Bubbles-137750224" target="_blank"><img class="aligncenter size-full wp-image-62815" title="artwork-08-bubbles" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-08-bubbles.jpg" alt="artwork-08-bubbles" width="570" height="440" /></a></p>
<h3>09. <a href="http://d-na.deviantart.com/art/The-Emperor-112720438" target="_blank">The Emperor by D-NA</a></h3>
<p><a href="http://d-na.deviantart.com/art/The-Emperor-112720438" target="_blank"><img class="aligncenter size-full wp-image-62816" title="artwork-09-the-emperor" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-09-the-emperor.jpg" alt="artwork-09-the-emperor" width="570" height="958" /></a></p>
<h3>10. <a href="http://orcasaurus.deviantart.com/art/into-the-blue-186649184" target="_blank">Into the blue by orcasaurus</a></h3>
<p><a href="http://orcasaurus.deviantart.com/art/into-the-blue-186649184" target="_blank"><img class="aligncenter size-full wp-image-62817" title="artwork-10-into-the-blue" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/artwork-10-into-the-blue.jpg" alt="artwork-10-into-the-blue" width="570" height="397" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/colour-chronicles-brilliant-blue/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Doodle History and a Nostalgic Showcase</title>
		<link>http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 21:00:14 +0000</pubDate>
		<dc:creator>Rachel Arandilla</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google doodle]]></category>
		<category><![CDATA[google logo]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=59766</guid>
		<description><![CDATA[The concept of Google has changed little since its inception. Google is a user-friendly and very useful tool for online searches. We know what to expect of Google already: a search bar to enter the necessary keywords and then in a single click, relevant results are returned. The site is simple and minimal, so it [...]]]></description>
			<content:encoded><![CDATA[<p>The concept of Google has changed little since its inception. Google is a user-friendly and very useful tool for online searches. We know what to expect of Google already: a search bar to enter the necessary keywords and then in a single click, relevant results are returned. The site is simple and minimal, so it can get ho-hum every once in a while, until Google doodles are born.</p>
<p>Google doodles, in a few words, are modified versions of the classic Google logo. They are often seen on special holidays and or for memorable events. Google doodles are a fun and pleasant surprise, because you never know what you&#8217;re gonna get. But do you know the story behind Google doodles? Let&#8217;s explore them together, and look at the most memorable examples of all time.</p>
<p><span id="more-59766"></span></p>
<h2>The History of Google Doodles</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>The first doodle was actually in 1998, to commemorate the Burning Man Festival. There is a stick figure behind the &#8216;o&#8217; in Google. This is to indicate that the founders of Google took part and attended the festival. The design was a nod to the users that the founders were &#8216;out of office&#8217;.</p>
<p><img class="alignnone size-full wp-image-60894" title="google-first-doodle-history" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/google-first-doodle-history.jpg" alt="" width="570" height="106" /></p>
<p>Google doodles became a huge hit, and appeared more and more on other holidays: Christmas, Valentines Day, Thanksgiving, Easter, just to name a few.</p>
<div id="attachment_62268" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62268" title="christmas-google-doodles" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/christmas-google-doodles.jpg" alt="" width="570" height="465" /><p class="wp-caption-text">Google doodles during the Christmas holidays throughout the years</p></div>
<p>Soon doodles started to commemorate lesser known events such as: &#8216;Pi&#8217; day, Hans Christensen&#8217;s birthday, the anniversary of Sesame Street, and even the invention of the barcode.</p>
<p><img class="alignnone size-full wp-image-62259" title="google-doodle-hans-christian-andersen-birth" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-hans-christian-andersen-birth.jpg" alt="" width="570" height="206" /></p>
<p><img class="alignnone size-full wp-image-62258" title="barcode-google-searches-celebrate" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/barcode-google-searches-celebrate.jpg" alt="" width="570" height="118" /></p>
<p>Google is a company with a great sense of humor. Every April Fool&#8217;s Day, Google makes hoaxes and pranks that are sometimes silly, sometimes absurd, and always hilarious.</p>
<p><img class="alignnone size-full wp-image-62269" title="google-doodle-april-fools-toilet-wireless" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-april-fools-toilet-wireless.jpg" alt="" width="570" height="144" /></p>
<p>One prank in 2007 was the introduction of the Google TiSP, which is a wireless router that runs through the toilets. Moreover, Google promised that the TiSP has 24 hour, on site technical support in case of backup problems, brownouts, &amp; data wipes.</p>
<p><img class="alignnone size-full wp-image-62271" title="google-romance-hoax-prank" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-romance-hoax-prank1.jpg" alt="" width="570" height="150" /></p>
<p>Another elaborate prank was on April Fool&#8217;s of 2006. It was published with the introduction: Dating is a search problem. Solve it with Google Romance&#8217;. The search engine tool is used for &#8216;Soulmate Search&#8217; so users can have a &#8216;Contextual date&#8217;.</p>
<h2>Interactive and Flashing Doodles</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Recently, Google doodles have gone interactive, and thus, have become more fun. The first interactive doodle was a clickable slideshow of a Halloween candy.</p>
<div><img class="alignnone size-full wp-image-62115" title="google-halloween-interactive" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-halloween-interactive.jpg" alt="" width="570" height="223" /></div>
<div></div>
<div><img class="alignnone size-full wp-image-62248" title="google-search-bar" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-search-bar.jpg" alt="" width="570" height="217" /></div>
<p>Since then, there have been many unique doodles such as a game, a short film, and more, all on the Google page.<br />
One example is the Google <a href="http://www.google.com/logos/particle.html">particle logo</a> wherein the particles move away from the cursor every time it moves near.</p>
<p><img class="alignnone size-full wp-image-62267" title="interactive-particle-google-logo" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/interactive-particle-google-logo.jpg" alt="" width="570" height="191" /></p>
<p>The Pacman Google doodle is a fun game that celebrates the classic Pacman game. If you missed it when it was on the website last May 22, 2010, you can check and play the game <a href="http://www.google.com/pacman/">here</a>.</p>
<p><img class="alignnone size-full wp-image-62275" title="google-pacman" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-pacman.jpg" alt="" width="570" height="186" /></p>
<p>Google celebrated Jim Henson&#8217;s 75th birthday on September 24, 2011 with a really funny Google doodle. It&#8217;s a pretty nifty doodle, where you can create your own  puppet show. If you missed it, you can still see the Muppet Google Doodle <a href="http://blog.mad4flash.com/2011/09/google-logo-for-september-23-2011-monsters-or-muppets/">here</a>.</p>
<p><img class="alignnone size-full wp-image-62532" title="muppets-google-doodles" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/muppets-google-doodles.jpg" alt="" width="570" height="226" /></p>
<p>Probably my favorite of all Google Doodles is the Les Paul guitar one. The Les Paul doodle commemorates Les Paul&#8217;s 96th birthday. The doodle is extremely fun, it&#8217;s playable and you can create and record your own tunes with it.<br />
<img title="google-les-paul-interactive-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/google-les-paul-interactive-doodle.jpg" alt="" width="570" height="199" /></p>
<h2>Some of the Best Google Doodles throughout the years</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Here are the best Google doodles from 2001 to 2011.</p>
<ul>
<li><strong>5/24/2002</strong></li>
</ul>
<p>A tribute to Dilbert, a famous comic strip celebrating every working man. The Google doodle ran for five days, from Monday to Friday, with a funny comic strip feature everyday.<br />
<strong><img class="alignnone size-full wp-image-62534" title="google-dilbert-day-1" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-dilbert-day-1.jpg" alt="" width="570" height="130" /></strong><br />
<img class="alignnone size-full wp-image-62535" title="google-doodle-day-2" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-day-2.jpg" alt="" width="570" height="130" /><br />
<img class="alignnone size-full wp-image-62537" title="google-doodle-day-3" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-day-3.jpg" alt="" width="570" height="130" /><br />
<img class="alignnone size-full wp-image-62538" title="google-doodle-day-4" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-day-4.jpg" alt="" width="570" height="130" /><br />
<img class="alignnone size-full wp-image-62539" title="dilbert-logo-doodle-google" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/dilbert-logo-doodle-google.jpg" alt="" width="570" height="130" /></p>
<ul>
<li><strong>3/13/2003</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62584" title="albert-einstein-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/albert-einstein-google-doodle.jpg" alt="" width="570" height="115" /></strong><br />
March 13 celebrates the 124th birthday of one of the world&#8217;s most lovable scientists, Albert Einstein.</p>
<ul>
<li><span class="Apple-style-span" style="font-weight: bold;">1/4/2006</span></li>
</ul>
<p><img class="alignnone size-full wp-image-60884" title="louis-braille-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/louis-braille-google-doodle.jpg" alt="" width="570" height="110" /></p>
<p>Google in Braille for one day, in celebration of Louise Braille&#8217;s birthday.</p>
<ul>
<li><strong>12/12/2006</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62543" title="google-scream-munch" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-scream-munch.jpg" alt="" width="570" height="176" /></strong><br />
The Scream logo was featured on December 12, also Edvard Munch&#8217;s birthday.</p>
<ul>
<li><strong>5/6/2008</strong></li>
</ul>
<p><img class="alignnone size-full wp-image-62583" title="invention-laser-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/invention-laser-google-doodle.jpg" alt="" width="570" height="110" /><br />
Celebrating the invention of the first laser</p>
<ul>
<li><span class="Apple-style-span" style="font-weight: bold;">6/6/2009</span></li>
</ul>
<p><img class="alignnone size-full wp-image-60886" title="google-tetris-doodle-anniversary-unique-history" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/google-tetris-doodle-anniversary-unique-history.jpg" alt="" width="570" height="144" /><br />
Creative Google Doodle with the &#8216;l&#8217; still dangling on top. This was for the 25th Anniversary of Tetris.</p>
<ul>
<li><strong>3/14/2010</strong></li>
</ul>
<p><img class="alignnone size-full wp-image-62266" title="pi-day-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/pi-day-google-doodle.jpg" alt="" width="570" height="135" /><br />
March 14, or 3/14, is a big day for math nerds worldwide. It&#8217;s Pi Day&#8211; the celebration of the &#8216;perfect number&#8217;, which is 3.14 (or let&#8217;s be exact; 3.14159265).</p>
<ul>
<li><strong>9/30/2010</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62541" title="google-flintstones" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-flintstones.jpg" alt="" width="570" height="227" /></strong><br />
Who can forget the Flintstones? On September 30, 2010, Google commemorated the 50th anniversary of this dearly loved classic cartoon.</p>
<ul>
<li><strong>11/27/2010</strong></li>
</ul>
<p><strong><a href="http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/attachment/bruce-lee-google-doodle-2/" rel="attachment wp-att-62567"><img class="alignnone size-full wp-image-62567" title="bruce-lee-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/bruce-lee-google-doodle1.jpg" alt="" width="570" height="150" /></a></strong><br />
Google celebrated Bruce Lee&#8217;s birthday with this special tribute.</p>
<ul>
<li><strong>4/3/2011</strong></li>
</ul>
<p><img title="google-sundae-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-sundae-doodle.jpg" alt="" width="570" height="206" /><br />
Celebration of the invention of the ice cream sundae, made on the same date exactly 119 years ago. Yum!</p>
<ul>
<li><strong>2/14/2011</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62272" title="google-doodle-valentines-day-feb-14" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-valentines-day-feb-14.jpg" alt="" width="570" height="333" /></strong></p>
<p>The Google doodle for Valentines day of 2011 is inspired by Robert Indiana&#8217;s renowned <a href="http://upload.wikimedia.org/wikipedia/en/c/c2/RobertIndianaLove.JPG">LOVE sculpture</a>. The original sculpture has been on exhibit at the Indianapolis Museum of Art since the 70s, but now the sculpture has been reproduced in all types of media and colors and is on display around the world.</p>
<ul>
<li><strong>08/06/2011</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62575" title="google-doodle-chinese-valentines" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-chinese-valentines.jpg" alt="" width="570" height="163" /></strong><br />
In honor of the Chinese Valentines Day in 2011, Google featured the doodle in selected countries celebrating the holiday: in China, Hong Kong, Singapore, Brunei and Taiwan.<strong><br />
</strong></p>
<ul>
<li><strong>12/23/2011</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62570" title="google-doodle-christmas-holidays-2011" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-christmas-holidays-2011.jpg" alt="" width="570" height="174" /></strong><br />
During the holidays, Google made another really great interactive doodle. The doodle is inspired by string lights, carols and popular Christmas icons. Ho, ho, ho!</p>
<ul>
<li><strong>1/7/2012</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62569" title="addams-family-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/addams-family-google-doodle.jpg" alt="" width="570" height="229" /></strong><br />
A Google doodle in honor of the famous and creepy Addams family, in honor of Charles Addams&#8217; 100th birthday.</p>
<h2>Doodle your Google Now!</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://www.google.com/doodle4google/">Google Doodle</a> is currently accepting submissions until March 23, 2012. This time there will be winners for all States!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>From Concept to Completion: 50 Examples of the Logo Design Process</title>
		<link>http://www.1stwebdesigner.com/inspiration/50-concept-completion-logo/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/50-concept-completion-logo/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 10:00:13 +0000</pubDate>
		<dc:creator>Jameel Khan</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo process]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=62348</guid>
		<description><![CDATA[In this post, we have composed a list of some businesses whose logos are very famous and popular. These businesses have allowed us to have a peek inside their fascinating logo design process. We hope that this compilation will get you started on your own logo designing process. Creating an effective and successful logo design [...]]]></description>
			<content:encoded><![CDATA[<p>In this post, we have composed a list of some businesses whose logos are very famous and popular. These businesses have allowed us to have a peek inside their fascinating logo design process. We hope that this compilation will get you started on your own logo designing process.</p>
<p>Creating an effective and successful logo design is both an art and a science. The process of logo design is a coming together of the innovative as well as the technical. Let us take a close look at these logo design processes and gain some valuable ideas and insight from them. Enjoy!</p>
<p><span id="more-62348"></span></p>
<h3>1. <a href="http://www.brandclay.com/blog/logo-design-process-homespun-chili/">Logo Design Process: Homespun Chili</a></h3>
<p>Local and international ingredients are used by Homespun Chili in order to create one-of-a-kind meat and vegetarian chili creations. The logo design is clean, smart, original, and conventional with a little Martha Stewart.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign1.jpg" alt="" width="570" border="0" /></p>
<h3>2. <a href="http://www.ideabook.com/tutorials/logo_design/stepbystep_logo.html">Metro Aviation Logo Design Process</a></h3>
<p>Metro Aviation is a helicopter transport company that described the whole process of their logo design creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign6.jpg" alt="" width="570" border="0" /></p>
<h3>3. <a href="http://www.helveticbrands.ch/blog/case_study_brokers_logo_design_process/">Case Study: Brokers Logo Design Process</a></h3>
<p>This logo design is simple and fresh, yet gives a very professional image of the event that was organized by Brokers who run stock market simulations and reality contests for college finance students.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign7.jpg" alt="" width="570" border="0" /></p>
<h3>4. <a href="http://www.webdesignerwall.com/tutorials/dache-logo-design-process/">WebMYnd Logo Design Process</a></h3>
<p>This logo design process clarifies how useful their products are such as one of their products turns your Web-browsing history into an extension of your own memory so that you can also keep a copy of everything you look at on the Web.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign15.jpg" alt="" width="570" border="0" /></p>
<h3>5. <a href="http://www.helveticbrands.ch/blog/mindberry_process/">Mindberry’s Logo Design Process</a></h3>
<p>This Vienna based company offers consulting and project management services and it wants to target a young or trendy audience in addition to more conservative companies which can easily be comprehended through their logo design.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign10.jpg" alt="" width="570" border="0" /></p>
<h3>6. <a href="http://imjustcreative.com/logo-process-brokers-direct-insurance-logo-design/2010/11/08/">Brokers Direct Identity Design</a></h3>
<p>Brokers Direct is an online insurance company that offers fast, pleasant and inexpensive insurance for property-owners, tenants, and owners of vacant property, proprietors, students and owners of marketable properties.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign14.jpg" alt="" width="570" border="0" /></p>
<h3>7. <a href="http://justcreativedesign.com/2009/09/09/blog-logo-design/">A-List Blogging Bootcamps’ Identity Design</a></h3>
<p>This logo design process clarifies the complete logo design process behind the A-List Blogging Bootcamps identity design which is a website offering a series of short, live online training courses for bloggers.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign51.jpg" alt="" width="570" border="0" /></p>
<h3>8. <a href="http://layersmagazine.com/artistic-expression-logo-design-from-start-to-finish.html">Logo Design from Start to Finish</a></h3>
<p>In this process of logo design, they made use of an eco-friendly bottled water alternative that is provided by Vero to different cafés, restaurants and hotels. Basically they use the latest in microprocessor-controlled water-purification technology to cleanse, chill and carbonate tap water, if needed.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign2.jpg" alt="" width="570" border="0" /></p>
<h3>9. <a href="http://www.blog.spoongraphics.co.uk/tutorials/logo-design-process-and-walkthrough-for-vivid-ways">Logo Design Process and Walkthrough for Vivid Ways</a></h3>
<p>Vivid Ways is a new blog that bring personal development and colorful living together. It intends to inspire and support readers by offering ideas as well as tips on how to live an amazing life.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign3.jpg" alt="" width="570" border="0" /></p>
<h3>10. <a href="http://www.davidairey.com/tammy-lenski-logo-design-business-card/">Tammy Lenski brand identity design</a></h3>
<p>Tammy Lenski LLC is a business that takes care of argument resolution in the workplace. The new logo was expected to be simple and fresh, inspirational and appealing.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign4b.jpg" alt="" width="570" border="0" /></p>
<h3>11. <a href="http://justcreativedesign.com/2008/04/24/logo-design-process-of-just-creative-design/">Logo Design Process for Just Creative Design’s Award Winning Logo</a></h3>
<p>This logo design process reveals that how Jacob Cass decided the name for his freelancing business &#8211; Just Creative Design, and the process he used to design the award-winning logo.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign5.jpg" alt="" width="570" border="0" /></p>
<h3>12. <a href="http://www.allgraphicdesign.com/graphicsblog/2008/07/22/logo-design-creation-process-from-start-to-finish-by-expert-graphic-designer-mark-misenheimer/">Blackberry Creek’s Logo Design Process</a></h3>
<p>This article was written by Mark Misenheimer of Misenheimer Creative, Inc. and in this write-up, he explained the process of logo designing from start to finish in order to help other graphic designers.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign8.jpg" alt="" width="570" border="0" /></p>
<h3>13. <a href="http://www.helveticbrands.ch/blog/latitudesouth_logo/">LatitudeSouth’s Creative Process</a></h3>
<p>LatitudeSouth is a New Zealand based enterprise that offers a fresh approach to outsourcing legal services for the clients all over the world. The importance of their origins is evident in their logo.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign9.jpg" alt="" width="570" border="0" /></p>
<h3>14. <a href="http://www.behance.net/gallery/Dimitrovi_Co-Identity-process/329015">Dimitrovi&amp;Co &#8211; Identity process</a></h3>
<p>This logo was created for Dimitrovi &amp; Co. that was founded in the early 90’s, and deals in delivering heavy machinery services such as excavators, bulldozers and heavy trucks.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign11.jpg" alt="" width="570" border="0" /></p>
<h3>15. <a href="http://justcreativedesign.com/2009/04/30/identity-design-process-for-butterfield-photography/">Identity Design Process for Butterfield Photography</a></h3>
<p>Since the logo was created for Butterfield Photography that is run by Maria and Robert Butterfield who focus on different areas of photography, thus the logo needs to be usable across a broad range of businesses.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign12.jpg" alt="" width="570" border="0" /></p>
<h3>16. <a href="http://identitydesigned.com/dezeen-watch-store/">Dezeen Watch Store</a></h3>
<p>The company deals in watches by famous designers and boutique brands and their brand identity that is their logo design gives them a dynamic clock identity.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign13.jpg" alt="" width="570" border="0" /></p>
<h3>17. <a href="http://imjustcreative.com/apple-eve-logo-process/2010/06/12/">Apple &amp; Eve Identity Development</a></h3>
<p>This logo design process post is for a company invitingly called, Apple &amp; Eve.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign16.jpg" alt="" width="570" border="0" /></p>
<h3>18. <a href="http://inspirationfeed.com/2010/11/logo-design-process-of-green-candy/">Green Candy’s Logo Design Process</a></h3>
<p>Here we reveal the process of logo design for Green Candy that shows that a lot of thought is required to achieve the best possible design solution for the client.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign17.jpg" alt="" width="570" border="0" /></p>
<h3>19. <a href="http://breezycreativedesign.com/2010/01/28/the-logo-design-process-for-dounia-mediterranean-food/">The logo design process for Dounia</a></h3>
<p>This article explains the process behind the creation of the logo design for Dounia, a Mediterranean canned food company.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign49.jpg" alt="" width="570" border="0" /></p>
<h3>20. <a href="http://www.processedidentity.com/study/study-08-graeme-stephenson/">Media Access</a></h3>
<p>This logo design was created for Media Access, and here is the complete insight story of its creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign50.jpg" alt="" width="570" border="0" /></p>
<h3>21. <a href="http://www.behance.net/gallery/Visual-identity--Sabienzia/823175">Visual identity / Sabienzia</a></h3>
<p>This logo has been designed for Sabienzia which is a dynamic and international enterprise having more than 20 years of experience in the area of teleworking, unified communication, and virtualization, advanced analytics and green IT.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign20.jpg" alt="" width="570" border="0" /></p>
<h3>22. <a href="http://ocondesign.com/?p=796">Thomas &amp; Gray LogoBy</a></h3>
<p>Get a step by step overview of how Thomas &amp; Gray logo was designed which is a company that makes custom furniture.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign21.jpg" alt="" width="570" border="0" /></p>
<h3>23. <a href="http://www.blog.spoongraphics.co.uk/articles/behind-the-scenes-of-the-designbump-redesign">Behind the Scenes of the DesignBump Redesign</a></h3>
<p>Here get into the behind the scene of the logo redesigning process for DesignBump which is a social bookmarking website aimed purely at the design and web community.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign22.jpg" alt="" width="570" border="0" /></p>
<h3>24. <a href="http://www.duoh.com/news/article/logo-design-for-social-signal/">Logo design for Social Signal</a></h3>
<p>Need to get some inspiration to design a logo for a web strategy company? Here is the logo design process for Social Signal that facilitates business, non-profit as well as government clients employ the most recent web tools to connect their customers, supporters and the general public in crucial conversations.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign23.jpg" alt="" width="570" border="0" /></p>
<h3>25. <a href="http://www.helveticbrands.ch/blog/hotbox/">HotBox Studios</a></h3>
<p>This logo design process is shared with the intention to serve as interesting reading for the design community as well as to let you follow this design process from start to finish.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign24.jpg" alt="" width="570" border="0" /></p>
<h3>26. <a href="http://vector.tutsplus.com/tutorials/designing/the-logo-design-process-for-ultimate-potential/">The Logo Design Process for Ultimate Potential</a></h3>
<p>Get the guidelines from Jacob Cass for creating the logo for Ultimate Potential. This article will not only provide an insight into the logo design process but will also demonstrate the thought process behind creating the logo, as well as the creation of the logo itself.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign25.jpg" alt="" width="570" border="0" /></p>
<h3>27. <a href="http://www.gavinelliott.co.uk/2009/08/logo-design-process-for-stratega-group-ltd/">Logo Design process for Stratega Group</a></h3>
<p>This process of this logo design creation was completed as part of a full branding project for the Stratega Group Ltd which is a UK based financial company dealing with large clients in various financial fields.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign26.jpg" alt="" width="570" border="0" /></p>
<h3>28. <a href="http://abduzeedo.com/brainstorm-9-logo-process">Brainstorm #9 Logo Process</a></h3>
<p>Brainstorm #9 is one of the biggest and most prestigious Brazilian blogs and here we are revealing the process of redesigning their brand image.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign27.jpg" alt="" width="570" border="0" /></p>
<h3>29. <a href="http://www.thedesigncubicle.com/2008/11/the-creative-process-for-the-design-cubicles-logo/">The creative process for The Design Cubicle logo</a></h3>
<p>Let us unveil the creative process for The Design Cubicle logo that aimed to reflect the same sense of community that the workspace and “cubicle-life” provide — a place to create, interact and learn.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign28.jpg" alt="" width="570" border="0" /></p>
<h3>30. <a href="http://justcreativedesign.com/2009/02/04/the-logo-design-process-from-start-to-finish/">The Logo Design Process From Start to Finish</a></h3>
<p>Grab the complete logo design process from start to finish for the Uke that sells exceptional arrangements of chocolate as a substitute to gift baskets. An upscale market is the target here.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign52.jpg" alt="" width="570" border="0" /></p>
<h3>31. <a href="http://abduzeedo.com/sikbox-logo-design-process">Sikbox Logo Design Process</a></h3>
<p>Sikbox is a web app that lets you to add a live search to your site, or any site. It uses the Yahoo Boss api as well as it essentially works better than Drupal default search system. This post shares with you a bit of the ideas and the design process for the logo creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign29.jpg" alt="" width="570" border="0" /></p>
<h3>32. <a href="http://www.gavinelliott.co.uk/2009/03/logo-design-and-stationery-for-aspire-hypnotherapy/">Logo Design and Stationery for Aspire Hypnotherapy</a></h3>
<p>The logo design project was completed as part of a full branding and web project at carrotmedia. Aspire Clinical Hypnotherapy is the trading name for Judi Butler, a clinical hypnotherapy from Newcastle upon Tyne, UK.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign30.jpg" alt="" width="570" border="0" /></p>
<h3>33. <a href="http://www.thedesigncubicle.com/2009/07/a-special-need-logo-design-process/">A Special Need logo design process</a></h3>
<p>A Special Need is a nanny agency committed to supplying nannies experienced in special needs to parents. The brand new company was helpless without a logo to symbolize their services and online blog that helps parents and professionals.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign31.jpg" alt="" width="570" border="0" /></p>
<h3>34. <a href="http://www.helveticbrands.ch/blog/evolution_of_dache_logo/">The dache Logo Design Evolution</a></h3>
<p>Get an insight into the logo design process as well as the thought process behind creating the logo; and then will take you through the process of logo designing.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign32.jpg" alt="" width="570" border="0" /></p>
<h3>35. <a href="http://typedia.com/blog/post/behind-the-typedia-logo-design/">Behind the Typedia Logo Design</a></h3>
<p>John Langdon created the logo for the Typedia, and here he revealed the deep story behind the creation of this logo.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign33.jpg" alt="" width="570" border="0" /></p>
<h3>36. <a href="http://www.chopeh.com/blog/logo-design-start-to-finish/">Logo Design: From Start to Finish</a></h3>
<p>The last logo design process in this collection is about DANZK which is a soon-to-be-launched lifestyle blog that aims to display the Danish way of life to locals and foreigners who are interested in the country.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign53.jpg" alt="" width="570" border="0" /></p>
<h3>37. <a href="http://www.brandclay.com/blog/logo-design-process-ear-center-audiology/">Logo Design Process: Ear Center Audiology</a></h3>
<p>This is a comparatively new and fresh logo design created for a new hearing aid dealer named ‘Ear Center Audiology.’</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign35.jpg" alt="" width="570" border="0" /></p>
<h3>38. <a href="http://www.processedidentity.com/study/study-14-hexanine-bevreview/">Creative Process Study</a></h3>
<p>Get to know some insights on how this new logo was designed for BevReview.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign36.jpg" alt="" width="570" border="0" /></p>
<h3>39. <a href="http://www.brandclay.com/blog/creation-of-a-new-brand-two-giraffes/">Creation of a New Brand: Two Giraffes</a></h3>
<p>Learn how Sean Farrell created this Two Giraffes logo that include the number 2 and two giraffe heads incorporated into the negative space.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign37.jpg" alt="" width="570" border="0" /></p>
<h3>40. <a href="http://blog.iso50.com/15074/plancast-penguin-development-process/">Plancast penguin development process</a></h3>
<p>This logo design was created by the designer Alex Cornell for local San Francisco start-up named Plancast.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign38.jpg" alt="" width="570" border="0" /></p>
<h3>41. <a href="http://veerle-v2.duoh.com/blog/comments/logo_design_for_visit_france/">Logo design for Visit France</a></h3>
<p>This logo design was created for Visit France &#8211; a website that is particularized in finding accommodation in France.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign39.jpg" alt="" width="570" border="0" /></p>
<h3>42. <a href="http://jeremybolton.com/2010/06/associated-painters-logo-design-process/">Associated Painters Logo Design Process</a></h3>
<p>In this logo design process, you will see how the business of painting commercial aircraft Associated Painters works.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign40.jpg" alt="" width="570" border="0" /></p>
<h3>43. <a href="http://jeremybolton.com/2010/02/insyndia-logo-design-process/">Insyndia Logo Design Process</a></h3>
<p>This creative logo design was created for IT Company named Insyndia, and here you will see the complete process behind the creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign41.jpg" alt="" width="570" border="0" /></p>
<h3>44. <a href="http://imjustcreative.com/logo-process-orb-web-solutions-identity-development/2010/05/15/">Orb Web Solutions Identity Development</a></h3>
<p>This article is a practice for the Orb Web Solutions logo design by the designer Graham Smith.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign42.jpg" alt="" width="570" border="0" /></p>
<h3>45. <a href="http://ocondesign.com/?p=1557">Weedon Island AWIARE logo</a></h3>
<p>Let us unveil the creative process for the logo design process of Alliance for Weedon Island Archaeological Research and Education.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign43.jpg" alt="" width="570" border="0" /></p>
<h3>46. <a href="http://www.processedidentity.com/study/study-11-design-kompany/">Creative Process Study</a></h3>
<p>This article explains the process behind the creation of the logo design for the Creative Process Study for Million Monarchs.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign44.jpg" alt="" width="570" border="0" /></p>
<h3>47. <a href="http://www.littleboxofideas.com/blog/features/a-complete-logo-design-process-for-an-eco-green-logo">Complete Logo Design Process For an Eco Green Logo</a></h3>
<p>This creative logo design was created for Envision Customworks and it also contains a case study as well.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign45.jpg" alt="" width="570" border="0" /></p>
<h3>48. <a href="http://siahdesign.com/archives/948">Re-branding Undersea Productions</a></h3>
<p>Learn and grab the technique how the new brand identity for Undersea Productions which is an imaging company based out of Australia was designed so successfully.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign46.jpg" alt="" width="570" border="0" /></p>
<h3>49. <a href="http://www.bene.be/blog/comments/the_redesign_process_of_the_ibbt_logo/">The Redesign Process of the IBBT Logo</a></h3>
<p>This article explains the complete logo design process as well as contains the case study that further clarifies how the new identity of IBBT (Interdisciplinary Institute for Broadband Technology) was created.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign47.jpg" alt="" width="570" border="0" /></p>
<h3>50. <a href="http://veerle-v2.duoh.com/blog/comments/logo_design_for_fabulis/">Logo design for fabulis</a></h3>
<p>This article explains the complete logo design process for new social network web site called fabulis.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign48.jpg" alt="" width="570" border="0" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/50-concept-completion-logo/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

