<?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>Graphic and Web Design BlogDesign</title>
	<atom:link href="http://www.1stwebdesigner.com/category/design/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>Thu, 18 Mar 2010 21:00:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Client Tactics: How to Spot a Deadbeat Client</title>
		<link>http://www.1stwebdesigner.com/design/client-tactics-deadbeat-client/</link>
		<comments>http://www.1stwebdesigner.com/design/client-tactics-deadbeat-client/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 10:05:31 +0000</pubDate>
		<dc:creator>Jeff Boshers</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[designer]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=7257</guid>
		<description><![CDATA[Imagine if  freelancers have x-ray vision or suppose Apple approves a gadget that makes x-ray vision possible, (iVision). If this is possible then freelancers will not have any problem in discerning a potentially great client from a deadbeat one. Sadly freelancers don&#8217;t have x-ray vision but, learning how to identify a deadbeat client the old-fashioned [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p style="text-align: justify;"><a href="http://www.1stwebdesigner.com/design/client-tactics-deadbeat-client"><img class="alignleft size-full wp-image-8005" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-intro-picture.jpg" alt="" width="150" height="150" /></a>Imagine if  freelancers have x-ray vision or suppose Apple approves a gadget that makes x-ray vision possible, (iVision). If this is possible then freelancers will not have any problem in discerning a potentially great client from a deadbeat one. Sadly freelancers don&#8217;t have x-ray vision but, learning how to identify a deadbeat client the old-fashioned way is an invaluable tool. So first things, first.<span id="more-7257"></span></p>
<h2>What is a deadbeat client?</h2>
<p>A deadbeat client is any client who gives the freelancer extra problems during the span of the project, outside the normal specifications of the project.</p>
<p>In this article we will see different types of deadbeat clients and how to spot them.</p>
<h2>1. The Walking Billboard or Profit Share</h2>
<h4><img class="aligncenter size-full wp-image-8007" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-the-profit-share.jpg" alt="" width="570" height="200" /></h4>
<h4>On the Surface:</h4>
<p>Calm, cool, and collected. The Walking Billboard sometimes known as &#8220;The Profit Share&#8221;, will seem very charismatic. Opportunity is this client&#8217;s middle name. After meeting with this client for the first time, one feels refreshed. One may even feel vaguely inspired. Everyone knows this client and the Walking Billboard knows this. This client may even have the reputation of a mover-and-shaker or hustler.</p>
<h4>Common Phrases:</h4>
<ul>
<li><em>&#8220;By letting you help with our site, you should see some big money.&#8221;</em></li>
<li><em>&#8220;I really think this site is a million dollar idea.&#8221;</em></li>
<li><em>&#8220;I know and /or partied with (insert random celebrity)&#8221;</em></li>
</ul>
<h4>What&#8217;s the Pay?</h4>
<p>Name dropping, and a byline. The Walking Billboard will assure you that the referrals will happen. The Profit Share will guarantee you a part of the business. Which of course is a million-dollar-can&#8217;t-lose idea, remember?</p>
<h4><img class="size-full wp-image-8014 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-the-profit-share-craigslist-ad.jpg" alt="" width="368" height="229" />The Ugly Truth:</h4>
<p>This client doesn&#8217;t value your time. They believe that their brains hold the keys to the next Facebook, Myspace, or Youtube. They think that by &#8220;letting you&#8221; design their site they are doing you a favor. Why do you need to get paid? They are going to tell all of their friends about you and allow you to put your link at the bottom of their footer. With all of their networking connections and web traffic, that&#8217;s better than money in the bank!</p>
<h4>The Strategy.</h4>
<p>With this client, try not to get caught up in any double talk or lip service they throw your way. By sticking to your pricing guide, and knowing when to say no; will sort out the deadbeats from the premium clients. Stay professional and don&#8217;t make exceptions.</p>
<h2>2. The Too Busy to Breathe</h2>
<h4><img class="aligncenter size-full wp-image-8009" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-the-too-busy-to-breathe.jpg" alt="" width="570" height="200" /></h4>
<h4>On the Surface:</h4>
<p>Frantic and high paced, The Too Busy to Breathe is a go-getter. This client is over worked and looking for someone to complete a project for them within a fairly quick time frame. This client may even be another designer looking to outsource a project that they don&#8217;t want to pass up the paycheck on.</p>
<h4>Common Phrases:</h4>
<ul>
<li><em>&#8220;I&#8217;d finish this but my other client has a rush and it&#8217;s a higher priority.&#8221;</em></li>
<li><em>&#8220;Do you think this project can be completed next week?&#8221;</em></li>
</ul>
<h4>What&#8217;s the Pay?</h4>
<p>They will pay you but, only after dragging you through design hell and back.</p>
<h4><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-the-picky-craigslist-ad.jpg"><img class="size-full wp-image-8016 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-the-picky-craigslist-ad.jpg" alt="" width="361" height="230" /></a></h4>
<h4>The Ugly Truth:</h4>
<p>This client doesn&#8217;t value your time. They are up to their eyeballs in work and haven&#8217;t had a day off since before Apple released the iPhone. Most of the time with this client, they are disorganized. This means that emails may get overlooked and work may have to be reworked. This client may even be another designer, which will only add to the headache. Not only will you have to work twice as hard to complete this within their time frame, you may have to give up your personal work flow and design style.</p>
<h4>The Strategy:</h4>
<p>Avoid this client if at all possible. If you are already in this situation; power through it, remain positive, and focused. Until this project is completed try to devote as much time as possible to finishing this project.</p>
<h2>3. The Picky Pickerson.</h2>
<h4><img class="aligncenter size-full wp-image-8011" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-the-picky-pickerson.jpg" alt="" width="570" height="200" />On the Surface:</h4>
<p>Attention to detail is at the top of  The Picky Pickerson&#8217;s GTD list. This client may not have a specific time frame in mind with the project you are doing for them but they sure have a vision. The Picky Pickerson will come off as being creative, inspiring, and very attentive to the project. Like the deadbeat client before, this client may be a designer too.</p>
<h4>Common Phrases:</h4>
<ul>
<li><em>&#8220;Could you do this again but in green?&#8221;</em></li>
<li><em>&#8220;Did you get my email?&#8221;</em></li>
<li><em>&#8220;I really would like for this project to turn out like I have it envisioned.&#8221;<br />
</em></li>
</ul>
<h4>What&#8217;s the Pay?</h4>
<p>Like the client before, they will pay you.They may haggle about the price and count the money several times before paying you.</p>
<h4>The Ugly Truth:</h4>
<p>Two words with this client: daily emails. This client believes that their project is of the utmost priority. They believe that their two page website for their champion pedigree chihuahua &#8220;Turbo&#8221;, should take precedent over that new e-commerce site that&#8217;s paying you twice what they are.</p>
<p>They will want you to work extra hours without any extra compensation.This client&#8217;s best friend is scope creep. Do not give this client your home phone number!</p>
<h4>The Strategy:</h4>
<p>Contract. Contract. Contract. Make sure this client signs and understands your contract. Clearly detail out your working hours, turnaround time for emails, and any other details of your standard process. Since this client will pick apart every part of the design you complete for them, advise the client on how many revisions they get to make.</p>
<p>Make sure they feel important because besides an awesome website, your attention is all they are really after.</p>
<h2>4. The Thrift or Late Payer</h2>
<h4><img class="aligncenter size-full wp-image-8012" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/How-to-spot-a-deadbeat-client-the-thrift.jpg" alt="" width="570" height="200" />On the Surface:</h4>
<p>The perfect client. This client is everything that the other are not. This client gives you feedback, you educate them about different aspects of design. Only one part of the process they question, money. This client just wants to make sure that you are not taking them for their money. It&#8217;s better to be weary right?</p>
<h4>Common Phrases:</h4>
<ul>
<li><em>&#8220;Why does a content management system cost so much?&#8221;</em></li>
<li><em>&#8220;I am on a really tight budget.&#8221;</em></li>
<li><em>&#8220;The check is in the mail.&#8221;<br />
</em></li>
</ul>
<h4>What&#8217;s the Pay?</h4>
<p>You&#8217;ll get paid. Expect to haggle through the entire project about price, better yet expect payment about three to four months after you send a final notice.</p>
<h4>The Ugly Truth:</h4>
<p>This client hears prices but doesn&#8217;t see the value in those prices. The designer they were working with before only charged 1/3 of your going rate; never mind the fact they were related to the client&#8217;s girlfriend.</p>
<p>This client will fight tooth and nail over the price the entire length of the project. Expect to spend twice the time chasing this client for payment than what you spent actually working on the project.</p>
<h4>The Strategy:</h4>
<p>Make sure this  client signs and understands your contract. Clearly define your payment schedule, and require a deposit.  The client needs to understand the value of your services. Take the time to educate them on the time and intricacies of what design takes. Take care to not go into too much detail because that will only confuse the client.  They value their barber, and their mechanic, they should value you too.</p>
<h2>Final Thoughts</h2>
<p>This article is by no means exhaustive, any of these clients can be combined for extra headache. Each one of these situations, can be detected and avoided or turned into  a more favorable experience. Each client is different, what looks like a deadbeat client may just be a confused client who needs some guidance.</p>
<p>Our role as a designer is more like that of  a problem-solver. By keeping cool and sticking to your contracts and principles; you&#8217;ll be able to educate the confused clients and weed out the deadbeats like a pro. So maybe one day x-ray vision will be available but until then, trust your  gut and listen to the experiences of others regarding deadbeat clients.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/client-tactics-deadbeat-client/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>Redesign Process: Taking Small Steps for a Better Website</title>
		<link>http://www.1stwebdesigner.com/design/redesign-process-taking-small-steps-better-website/</link>
		<comments>http://www.1stwebdesigner.com/design/redesign-process-taking-small-steps-better-website/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 10:00:43 +0000</pubDate>
		<dc:creator>Anastasia Miles</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[creative_process]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=7106</guid>
		<description><![CDATA[
This is experimental article, where you will see whole redesigning process behind the scenes and read different way of thinking. In this review you will be leaded through necessary steps needed to get successful redesign.
If responses and feedback will be positive, we will make this monthly or even weekly event analyzing also well known blog [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://1stwebdesigner.com/design/redesign-process-taking-small-steps-better-website"><img class="alignleft size-full wp-image-7111" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/readyphotosite-logo.jpg" alt="" width="150" height="150" /></a></p>
<p>This is experimental article, where you will see whole redesigning process behind the scenes and read different way of thinking. In this review you will be leaded through necessary steps needed to get successful redesign.</p>
<p>If responses and feedback will be positive, we will make this monthly or even weekly event analyzing also well known blog redesigns &#8211; showing pros and cons. I think real examples are the best way to show the point and teach something! Let&#8217;s start &#8211; we will be happy to hear your feedback! It will be exciting!<span id="more-7106"></span></p>
<p><a href="http://www.readyphotosite.com"><strong>ReadyPhotoSite</strong></a> is a flash photo CMS created especially for photographers, painters, artists and people of art. The CMS is presented in <strong>3 different package</strong>s that vary in functionality and a number of skins, so you can choose the design you like and then choose the website features.</p>
<p>We started working on this ReadyPhotoSite project on <em>May 2009</em> together with Karen Myers who is presently the CEO of <a href="http://www.readyphotosite.com">readyphotosite</a>. But Karen is not only a partner, but also a good friend of mine so we were both into it.  By the time we started working on website design, the product (the CMS and the skins) was ready and our task was to launch a simple website as soon as possible, apply the changes and make the updates as we go. And so we did.</p>
<h1>Starting with a simple website and the problems we faced</h1>
<p><img class="alignnone size-full wp-image-7115" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/homepage-old.jpg" alt="" width="570" height="462" /><br />
The website we have uploaded online consisted of the <strong>following main pages</strong>:</p>
<ul>
<li>home page</li>
<li>products page</li>
<li>why buy</li>
<li>link to blog</li>
<li>contact page</li>
<li>links in the footer to Tutorials, TOS, Privacy, Tutorials and Hosting.</li>
</ul>
<p>The home page had around 10 lines of text and a cool stylish intro in retro style in the middle &#8211; home page didn&#8217;t share almost no information about the product and thus was pretty useless. Besides it took around <strong>30 second</strong>s for the intro to load and we were loosing most of the people already in beginning process when they were visiting our home page.</p>
<p>Still the owners of the project insisted <strong>we should keep the intro</strong> as they spent a good amount of money on it and wanted to see it online no matter what.</p>
<p><img class="alignnone size-full wp-image-7116" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/menu_old.jpg" alt="" width="570" height="209" /><br />
As I have mentioned at the very beginning of the post, the ReadyPhotoSite websites are available in 3 packages:</p>
<ul>
<li>basic,</li>
<li>advanced</li>
<li>ecommerce</li>
</ul>
<p>Look above, there is the screenshot showing how this concept was presented on the website.</p>
<p>While the products page itself had the basic text info, the buttons in the header lead to almost identical pages of basic, advanced and ecommerce packages that had:</p>
<ul>
<li>screenshots of design themes listed on them</li>
<li>the link to the preview</li>
<li>the buy button</li>
</ul>
<p>All the pages had the list of the same theme&#8217;s screenshots which was obviously somewhat confusing for the website visitors as without visiting the features page they had no idea of the difference and they just saw that same designs.</p>
<p><img class="alignnone size-full wp-image-7117" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/old-products-page.jpg" alt="" width="570" height="513" /><br />
The initial purchase process was even more complicated. The buy button next to the skin lead to a static html page with 2 options to choose from- &#8220;Host with ReadyPhotoSite&#8221; or &#8220;I already have hosting&#8221; and 2 separate links that took you further to the shopping cart page( the WHMCS shopping system allows creating only static product links). It was only later that we realized that the purchase process was a real nightmare with too many steps and no convenient option to choose other design or other package.</p>
<p>The other thing that we initially paid no special attention to was the skin preview page, that was simply opening the website in the new window and where we were loosing customers as well since there was no calls to action or some kind of info how to move forward.</p>
<p><img class="alignnone size-full wp-image-7119" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/traffic.jpg" alt="" width="570" height="108" /><br />
The website required a serious work. In about 3 month after launch we were getting nice targeted traffic from search engines, photo forums and blogs, photo communities, template and CMS reviews websites, paid ads, social networks and our partners, but the website <strong>was not converting the traffic into sales</strong>. We had a tremendous bounce rate of about 50% and people were staying on the website for less than 30 seconds, getting lost and not sure what to order and how to order. So we have started on conversion rate optimization, creating a user friendly website step by step.</p>
<h2>1) Moving the intro to the inside page.</h2>
<p><img class="alignnone size-full wp-image-7120" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/process.jpg" alt="" width="570" height="374" /><br />
The first step we made was the optimization of the website home page that was the main landing page and where we were loosing most of our clients because of the intro. We have replaced it with the large graphical collage explaining how to launch the website with ReadyPhotoSite CMS and huge buttons next to it: free trial, link to the admin area demo and the link to the page with the intro (requested by owners). Below we had a new keywords-rich text explaining the advantages of RPS and listing some of the main features.</p>
<h2>2) Reworking the product pages.</h2>
<p><img class="alignnone size-full wp-image-7125" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/old-menu-2.jpg" alt="" width="570" height="77" /><br />
The products pages and the ordering process was a real pain in the ass. We had 4 tasks to solve:</p>
<p>- reduce the number of steps before the purchase;<br />
- give an easy option to get back to other products and packages;<br />
- make the product structure understandable( the relation of skins and packages);<br />
- inform the potential buyer about package features on the fly (so that they don&#8217;t go away from the purchase pages to the features page).</p>
<p>And here&#8217;s what we did:</p>
<ol>
<li> Removed the buttons (and the pages) to advanced/creative/ecommerce packages from the menu.</li>
<li>Replaced the text on the products page with the list of skins screenshots and added buy and preview buttons.</li>
</ol>
<p><img class="alignnone size-full wp-image-7126" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/products-new.jpg" alt="" width="570" height="472" /></p>
<p>Now the problem was how and where do we actually link the buy and preview buttons (as there are 3 different previews for every skin (for basic, creative and ecommerce packages) and 6 buy links (as every package can be purchased with hosting or without it)).</p>
<p>The new buy page have solved all the tasks. Before reading this articles further I suggest to open this page online so that you check in real how it works. Click on any buy or preview button on this page <a href="http://www.readyphotosite.com/products.php">http://www.readyphotosite.com/products.php</a> and you&#8217;ll be taken to the buy page.</p>
<ul>
<li> we combined the preview page with the purchase page and now we keep the visitor focused on the purchase;</li>
<li>the buy or preview button from the products page automatically loads the preview of the ecommerce package of the chosen theme (since it&#8217;s most expensive and we&#8217;re interested in more people buying it);</li>
</ul>
<p><img class="alignnone size-full wp-image-7127" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/buy-page-1.jpg" alt="" width="570" height="357" /><br />
- on the first step you can browse between different themes and the preview will load below (to ensure better theme browsing we have added &#8220;hide panel&#8221; option at the very top of the page);<br />
- having chosen the theme you can now choose the package on the step 2. Next to every package there&#8217;s the price and the list of features included;</p>
<p><img class="alignnone size-full wp-image-7128" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/buy-page-2.jpg" alt="" width="570" height="344" /><br />
- finally on the step 3 you can choose whether to host with ReadyPhotoSite or not. You will also be shown the pricing and the hosting details.</p>
<p><img class="alignnone size-full wp-image-7129" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/buy-page-3.jpg" alt="" width="570" height="262" /></p>
<p>With the options for the 3 steps loaded you can still change the settings on that same page. You can choose the other theme or the other package or change your mind about hosting. Finally the buy button will take you to the purchase page with all the options you have taken.</p>
<h2>3) The need in new pages.</h2>
<p><img class="alignnone size-full wp-image-7130" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/keywords.jpg" alt="" width="570" height="240" /><br />
Making the analysis of the keywords people were using to find our websites in search engines from Google Analytics we have decided that it makes sense to create the keyword oriented pages giving the same time valuable information about the product. Some of the keywords included:</p>
<p>* Photography Website Design<br />
* Family Website Design<br />
* Personal Website Design<br />
* Wedding Website Design<br />
* Maternity Photo Website Design<br />
* ReadyPhotoSite review</p>
<p>While creating the pages we have faced another problem. The main website navigation allowed 5 buttons only and the footer was already crowded with the sub pages and we simply had no place to add the pages. In the next 2 points below I&#8217;ll be explaining how we addressed this problem.</p>
<h2>4) Creating new home page.</h2>
<p>Having tested the new home page for several months time we were still not satisfied with the results. We needed to push more people to the products pages and use the place on the home page in more efficient manner. Though the picture was good for people, the home page itself could not be called a good landing page.</p>
<p>1) First of all we decided to decrease the size of the header area, as it was nice but not functional so we reduced it by 40% or so.</p>
<p><img class="alignnone size-full wp-image-7133" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/new-header.jpg" alt="" width="570" height="135" /><br />
2) We then decided to decrease the height of the collage on the home by 50% to give more place to content and other stuff.</p>
<p><img class="alignnone size-full wp-image-7134" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/new-collage.jpg" alt="" width="570" height="169" /><br />
3) To catch the user attention with the products right on the home page we added the big screen of the featured theme linked to the buy page.<br />
4) We added pretty huge buttons linking to the products page, admin area demo, free trial and the buy button for the featured theme. Having all this main options in the center of the page the website visitor don&#8217;t even have to click on the menu to go to the main pages, it&#8217;s very intuitive and user-friendly.<br />
5) Following point 3 (the need of the new pages) we added the links to the new pages and the section for<br />
testimonials thus giving the website visitors the information they were looking for directly from the home page.</p>
<p><img class="alignnone size-full wp-image-7131" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/new-home-page.jpg" alt="" width="570" height="455" /></p>
<h2>5) Reworking the blog pages</h2>
<p><img class="alignleft size-full wp-image-7135" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/blog.jpg" alt="" width="257" height="570" /><br />
Writing lots of articles about photography, photo website design and promotion as well as just some fun posts, we were getting really good traffic both from social networks and search engines to our blog. For the first 2 months we were just attracting people by interesting and useful tips trying to get the reputation. In the new few months we have taken the following steps to make this traffic result into the product purchase</p>
<p>1) Added the banner to the left column offering to exchange old photography website to the new one with 20% discount.<br />
2) Added the big buttons linking to the features page and free trial.<br />
3) Finally we have replaced all that we have with the banner rotating the screenshots of our products, big button with the &#8220;free 7 day&#8221; website trial on it and the full list of product features. It was only this last update that has helped us to drive traffic from blog to the website features and product pages.</p>
<h2>6) Reworking the menu structure and adding new pages</h2>
<p>Viewing the entrance and the exit points of the website pages we were noticing that our visitors were not finding answers to the questions they were looking for. It was then when we decided to create the product guide section of the website that would contain all the info needed to make a decision.</p>
<p><img class="alignleft size-full wp-image-7136" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/new-menu.jpg" alt="" width="570" height="421" /><br />
We have replaced the Why Buy page in the main menu with the product-guide and created the sub pages that now contain most of the website/product info in the structured manner. We have also created the new samples page showing how of our clients customized the default themes and illustrating the changes that can be made from the admin area.</p>
<h2>In conclusion</h2>
<p>We&#8217;ve made a long way studying visitors behavior before the website started looking like this <a href="http://www.readyphotosite.com">http://www.readyphotosite.com</a>. I have learned that there is always place for improvement and that we are just on the start, not on the finish. We have tried different font sizes, buttons, graphical presentations, motos and texts. We still want to try Google Website Optimizer, add Google Translate, feedback form and some other cool features to make the website even more user-friendly and intuitive. You have to act to be on board. Below are some figures from the stats showing how successful the changes we performed has been so far:<br />
- After second home page update and restructuring of the purchase process the views of the products and buy pages has increased by 50%;<br />
- Thanks to rotating product screens about 10% of the blog visitors now visit the product pages;<br />
- Adding new information and keyword-rich pages increase traffic from the search engines by 30%;<br />
- Adding product guide increased the number of free trials by 30% and the number of general product inquiries by 25%.<br />
Unfortunately I can&#8217;t share all the details with you, but overall it was worth the efforts and we&#8217;ll keep on working!</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/redesign-process-taking-small-steps-better-website/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>25 Awesome Tips to Become a Successful Freelancer</title>
		<link>http://www.1stwebdesigner.com/design/25-awesome-tips-successful-freelancer/</link>
		<comments>http://www.1stwebdesigner.com/design/25-awesome-tips-successful-freelancer/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 10:00:02 +0000</pubDate>
		<dc:creator>Hilde Torbjornsen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[freelancer]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=6919</guid>
		<description><![CDATA[Being a freelancer means a lot of freedom to plan your own days at work, but it  also does require discipline and planning. Being your own boss, you need to be good at making the right rules to succeed.  Most of these tips sound just like common sense, but actually  remembering everything [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://www.1stwebdesigner.com/design/25-awesome-tips-successful-freelancer"><img class="alignleft size-full wp-image-6920" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/25tips-to-succeed-freelancer-title.jpg" alt="" width="150" height="150" /></a>Being a freelancer means a lot of freedom to plan your own days at work, but it  also does require discipline and planning. Being your own boss, you need to be good at making the right rules to succeed.  Most of these tips sound just like common sense, but actually  remembering everything when it&#8217;s needed isn&#8217;t necessarily as easy as you would  think.</p>
<p><span id="more-6919"></span></p>
<p>Different rules work for different people. Having worked as a freelancer on and off for over ten years, I&#8217;ve created this list of my best tips on how to succeed. Maybe you already use several of these or versions of them, great! Hopefully you will also find a tip or three that can help you to succeed in what you do! :)</p>
<h2>1. Make a marketing/business plan</h2>
<p><img class="size-medium wp-image-6965 alignleft" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/business-plan-25tips-to-succeed-freelancer-300x278.jpg" alt="" width="180" height="167" />This should be the first thing you do. Even though you have all the info needed in your  head, putting it on paper will give many advances and definitely be worth the  extra work. Not only will you that way be «forced» to think through important  issues and possible challenges before they occur, but it can also be a lot  easier for you to get the needed help from potential business partners or  investors when you have a good business plan to show them.</p>
<h2>2. Plan your days ahead</h2>
<p style="text-align: left;">Allow  yourself an hour or so at the beginning of each work week, or the last hour of  the previous week to plan the upcoming week. Then it&#8217;ll be easier for you to  plan how to spend your hours to reach the deadlines you have upcoming. The more  ongoing projects you have, the more important this is.<br />
<a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/agenda-25tips-to-succeed-freelancer.jpg"><img class="size-full wp-image-6966 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/agenda-25tips-to-succeed-freelancer.jpg" alt="" width="570" height="362" /></a></p>
<p>Picture by <a href="http://www.sxc.hu/gallery/biewoef" target="_blank">Hilde Vanstraelen</a></p>
<h2>3. Use free software</h2>
<p>Starting up as a  freelancer can be challenging economically, and by choosing from all available  and good free software you can save a lot of costs without necessarily having to  give up a lot of functionality. Free doesn&#8217;t have to mean it&#8217;s not good software,  there are more and more options available every day so make sure you check out  what can be used related to your business. When you buy a computer, camera,  tablet or printer make sure to check out the software that comes with it as  well. You may be in for a positive surprise.</p>
<h2>4. Create an eye-catching logo</h2>
<p>To look professional and catch those potential clients in a tight market,  requires hard work when it comes to branding yourself. Creating an eye-catching  logo (or getting someone to do that for you if you lack the skills yourself) can  make you seem more professional and easier to see. The power of a good logo and  actually using it on business cards, websites and such will give you that  professional look which could be the extra inch needed to catch the attention of  a new client.</p>
<h2>5. Learn to say NO!</h2>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/no.gif"><img class="alignleft" title="no" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/no.gif" alt="" width="150" height="150" /></a>If you don&#8217;t have the time for another client at the  moment, it&#8217;s important to be able to realize it and say no. It is the most fair  thing to yourself, your existing client and the new ones that knock on your  door. Worst case scenario is saying yes to too many and it having consequences  for existing clients. You always want to make sure you have enough time to give  your current clients the best service you can. A client too many could be  the thing that lowers the quality of  all your work.</p>
<h2>6. Make a blog/website</h2>
<p style="text-align: left;">In this Internet age that we are, having a website of your own can mean a whole lot. Not only does it make you look more professional but it is also a gateway to new clients. Many do surf the net to find people for their next projects and if they can&#8217;t find you online they won&#8217;t know you&#8217;re there. <img class="size-full wp-image-6971 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/make-a-blog-25tips-to-succeed-freelancer.jpg" alt="" width="570" height="390" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/elessar_x" target="_blank">Claudio Sepulveda Geoffroy</a></p>
<h2>7. Update your website regularly</h2>
<p><img class="alignright" src="http://1stwebdesigner.com/wp-content/uploads/2010/03/update-25tips-to-succeed-freelancer-300x190.jpg" alt="" width="149" height="151" />Do you already have a website or blog? &#8211;  great! But to maximize its value to you it&#8217;s very important to update it  regularly. If new clients visit your site and see that you haven&#8217;t updated the  content for a very long time, that might just be the reason for them to choose  someone else instead. Updating regularly will require an hour of your time every  now and then but can pay back multiple times rewarding you with new clients.</p>
<p style="text-align: right;">
<p style="text-align: left;">Picture by <a href="http://www.sxc.hu/profile/mrjamin" target="_blank">Ben Lancaster</a></p>
<h2>8. Give your online visitors something free</h2>
<p><img class="alignleft" src="http://1stwebdesigner.com/wp-content/uploads/2010/03/free-stuff-25tips-to-succeed-freelancer.jpg" alt="" width="149" height="147" />Giving something extra to the  visitors on your website always is a good thing. If you work as a designer you  can for example consider putting up some free textures or buttons. This will  give your site more visitors and potentially more clients for you. Or how about  offering every visitor a percentage off on their first order with you? Again,  this could be the extra thing needed to stand out to new clients.</p>
<p>Picture by <a href="http://www.sxc.hu/gallery/mmagallan" target="_blank">Mario Alberto</a></p>
<h2>9. Use social media</h2>
<p><img class="alignright" src="http://1stwebdesigner.com/wp-content/uploads/2010/03/social-media-25tips-to-succeed-freelancer-300x208.jpg" alt="" width="153" height="153" />Social media is where many relationships are made these days. No matter which country you live in, using social media can connect you to potential clients and partners all over the world. Twitter is a must, and you should consider Facebook and also forums related to your business. If you are a designer consider having a look at deviantArt and YouTube aswell. In several of these media you can advertise for your own business as long as you make sure to not spam it too much.</p>
<p style="text-align: right;">
<p style="text-align: left;">Picture by <a href="http://www.sxc.hu/profile/brokenarts" target="_blank">Davide Guglielmo</a></p>
<h2>10. Get allies</h2>
<p style="text-align: left;">Having allies can mean everything. Connecting with people through social media or even spreading the word of your business through friends and family can get you just that word out there that you need. Also making relations with people who can do things for the clients that you can&#8217;t can help, you give the clients a more complete package of what they need. One day you are the one sending a client to an ally that can offer a more suitable service in that case, the next day you could be the one having clients sent your way.<br />
<img class="size-medium wp-image-6975 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/get-allies-25tips-to-succeed-freelancer-300x267.jpg" alt="" width="300" height="267" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/GlennPeb" target="_blank">Glenn Pebley</a></p>
<h2>11. Save for rainy days</h2>
<p><img class="alignleft" src="http://1stwebdesigner.com/wp-content/uploads/2010/03/save-money-25tips-to-succeed-freelancer-150x150.jpg" alt="" width="150" height="150" />Even though your business may go really well, there can and probably will come a bad month or two every now and then. Being a freelancer is being vulnerable to changes in the market. My advice would be to save up a little bit of your income each month, save it in an own savings account so that you have it as a safety buffer for when times get rough. You sure wont regret doing that. It would be a shame if a couple of small bills would ruin everything for you in a bad month.</p>
<p>Picture by <a href="http://www.sxc.hu/profile/asterisco" target="_blank">Marcelo Moura</a></p>
<h2>12. Be creative</h2>
<p style="text-align: left;">There are many ways to be creative, to get new clients or to make better use of equipment and office space. Some examples can be to upgrade an existing computer if you can&#8217;t afford a new one, redecorate a spare room if you can&#8217;t afford the rent for an office outside of your home. Add a new product or service to your current list or ask friends or family if they know anyone that may be in need of your services. The options are many, all you need is to try think a bit out of the box.<br />
<img class="size-large wp-image-6981 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/creative-25tips-to-succeed-freelancer-411x1024.jpg" alt="" width="247" height="614" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/djayo" target="_blank">Ayhan Yildiz</a></p>
<h2>13. Reward loyal customers</h2>
<p>If the market is tight you need to do what you can to have your customers back a second and third time. Being friendly and service minded is always a must, but what about giving them a discount the second time? Or sending them special offers of various kinds. Use your fantasy and implement these things into your business plan. Make customers want to come back and you will have the best possible chance to survive.<br />
<img class="size-medium wp-image-6982 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/reward-25tips-to-succeed-freelancer-300x251.jpg" alt="" width="300" height="251" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/cccdebbie" target="_blank">Deb Walker</a></p>
<h2>14. Treat every client as if he is the only one</h2>
<p style="text-align: left;">Giving existing customers good offers as mentioned in the previous tip is important. But remember to be service minded. If a customer feels important that will make him more loyal as well. Use positive language when you talk or write to him. Don&#8217;t be afraid to say that you will go out of your way to make sure he is satisfied with the product/service he is getting. And remember to let him know that feedback is appreciated. That way you can keep making your services more and more attractive and get happier clients. Don&#8217;t forget that existing clients can be the best advertising you ever get!<br />
<img class="size-medium wp-image-6983 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/client-love-25tips-to-succeed-freelancer-300x174.jpg" alt="" width="300" height="174" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/shlomaster" target="_blank">Shlomit Wolf</a></p>
<h2>15. Work when you are at work</h2>
<p><img class="alignright" src="http://1stwebdesigner.com/wp-content/uploads/2010/03/work-25tips-to-succeed-freelancer-150x150.jpg" alt="" width="150" height="150" />If you have decided to work from lets say 8am to 4pm every day, then do so. If you have errands to run, private mail accounts to check, private phone calls to make and so on, these will quickly eat of your much-needed work time. Make a promise to yourself to only do this when you are not supposed to work, as in before or after work or during your lunch break. It may not seem that much to you, but I&#8217;ve seen several great freelancers getting their days completely messed up because they were not good enough at managing their time properly.</p>
<p style="text-align: left;">Picture by <a href="http://www.sxc.hu/profile/nkzs" target="_blank">Zsuzsanna Kilian</a></p>
<h2>16. Know when to start and stop</h2>
<p><img class="alignleft" src="http://1stwebdesigner.com/wp-content/uploads/2010/03/start-and-stop-25tips-to-succeed-freelancer-150x150.jpg" alt="" width="150" height="150" />Just as important as actually working when you are at work, is starting when you should and stopping when you should. You may have to prepare yourself for working extra hours every now and then to keep your business alive, but it is very important that you have free time too. You need to recover and get your mind filled with other things or you will get burned out and ruin things for yourself. The more hours you work at once, the less productive you get. So remember to follow your own rules on when to start and stop the day at work.</p>
<p>Picture by <a href="http://www.sxc.hu/profile/colombweb" target="_blank">Nick Colomb</a></p>
<h2>17. Keep your finances tidy</h2>
<p style="text-align: left;">Keeping your finances tidy probably sounds easy, and it can be – as long as you keep an eye on them regularly. No matter how small a business you are running you will run into trouble if you only spend time on billing and accounting once or twice a year. Set up dates for when you pay your bills, when you send out invoices to clients and to make monthly budgets. Not only will this make it easier for you throughout the whole year but you will be able to fix errors quicker, do adjustments if needed and so on.<br />
<img class="size-medium wp-image-6987 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/finances-25tips-to-succeed-freelancer-300x206.jpg" alt="" width="300" height="206" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/mihow" target="_blank">Michal Ufniak</a></p>
<h2>18. Remember to breathe</h2>
<p style="text-align: left;">Breathe you say? Yes ;) And by breathing I mean that you need to take care of yourself. You may be freelancing using a computer or two, a camera or other tools, &#8211; but the most important tool will always be yourself. And just like any other tool you will be in need of some defragging and polishing yourself. Remember to continue to spend time on your hobbies, friends and family even if you have a busy work schedule.<br />
<img class="size-medium wp-image-6988 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/relax-25tips-to-succeed-freelancer-300x210.jpg" alt="" width="300" height="210" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/Spanishale" target="_blank">Alex Bramwell</a></p>
<h2>19. Get out of the house occasionally (especially if you work from home)</h2>
<p><img class="size-medium wp-image-6989 alignleft" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/coffee-25tips-to-succeed-freelancer-300x225.jpg" alt="" width="171" height="128" />If you have  a home based office it&#8217;s important to get some fresh air. Book some of your  meetings somewhere else, meet business partners for lunch, or spend an hour or  two working from a library or coffee shop with your laptop if you can. The change  of scenery may boost your energy level/creativity and give you a lot back.</p>
<p>Picture by <a href="http://www.sxc.hu/profile/trublueboy" target="_blank">Jesse  Therrien</a></p>
<h2>20. Make an inspirational string</h2>
<p style="text-align: left;">Rough days come and rough days go. Simple as it may sound, having something around you to remind you of why you are working this hard can be what you need to get some extra energy on that one difficult day. Make your own inspirational string! Take a piece of string or use a cork board/whiteboard, whichever you have available. Add a picture of your kids, of the vacation spot you are saving to go to, or maybe a car you hope to be able to buy. Add some of your favorite inspirational quotes or pictures, whatever inspires you really. And there you go, your own inspirational string! Taking a look at it when you are close to giving up or when a day is extra stressful can work wonders for you. You should give it a try :)<br />
<img class="size-full wp-image-6990 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/inspired-25tips-to-succeed-freelancer.jpg" alt="" width="570" height="419" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/vxdigital" target="_blank">Cristopher Bruno</a></p>
<h2>21. Be humble</h2>
<p>No one is born an expert or world champion. If things go well or you feel on top of things it can be easy to get a little bit too confident, which can be bad for your reputation and bad for the quality of your work. You should always aim to be humble, listen to your clients on what they want. Give them your professional opinion when needed but in the end it is the client that generates your paycheck. Also remember to willingly take advice from colleagues or others who have been in the market for a while.</p>
<h2>22. Look professional, in every way possible</h2>
<p>You have the logo, the website and so on and things are starting to look pretty good. Remember to also meet clients with respect, look presentable and be polite. Being your own boss doesn&#8217;t mean you can talk or act in any way and still keep your clients. Remember that.</p>
<h2>23. Ask for feedback</h2>
<p style="text-align: left;">Not only should you have comments enabled on your website but you should also ask your friends/family/allies for feedback on your work. And most important of all, after you have finished your project &#8211; ask the client what he thinks. Not only do you get a great chance to improve but the client also feels important. Getting someone else&#8217;s opinion is always good and this will help you to become even more successful.<br />
<img class="size-medium wp-image-6979 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/feedback-25tips-to-succeed-freelancer-265x300.jpg" alt="" width="265" height="300" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/kikashi" target="_blank">Dominik Gwarek</a></p>
<h2>24. Always carry a notebook around with you</h2>
<p style="text-align: left;">It being a normal notebook, your iPhone or any other digital form of &#8220;notebook&#8221; you should carry it with you and remember to take notes. This is for many reasons. Not only can you unexpectedly run into a potential client or an existing one, but you may come up with valuable ideas when you are on the bus, on the plane or basically anywhere else. Several times have I had amazing ideas, not had a notebook, forgotten the ideas and seen them used somewhere else a year later.<br />
<img class="size-medium wp-image-6978 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/notebook-25tips-to-succeed-freelancer-300x234.jpg" alt="" width="300" height="234" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/typofi" target="_blank">Typofi</a></p>
<p>and last but not least</p>
<h2>25. Take the time you need!</h2>
<p>This is so important, it can&#8217;t be mentioned enough. Same as with the tip about learning to say no. Once you have said yes to a project you need to make sure that you take the time needed to do the best you can do. Handing over a project that is half done will not only give you a client who won&#8217;t come back, but it can give you a bad reputation. Your clients are your best references to show in the future and no one want a freelancer who leaves the work half-finished.</p>
<p style="text-align: center;"><img class="size-medium wp-image-6977 aligncenter" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/time-25tips-to-succeed-freelancer-300x276.jpg" alt="" width="300" height="276" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/hisks" target="_blank">Kriss Szkurlatowski</a></p>
<p>That was my first article here on 1stwebdesigner, and I hope you enjoyed it  and found the tips useful.<br />
Feel free to leave your own tips or feedback using  the comments, and good luck in the world of freelancers! :)<a href="http://www.sxc.hu/profile/hisks" target="_blank"></a></p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/25-awesome-tips-successful-freelancer/feed/</wfw:commentRss>
		<slash:comments>69</slash:comments>
		</item>
		<item>
		<title>Inspirational 50 Twitter Backgrounds Showcase</title>
		<link>http://www.1stwebdesigner.com/design/twitter-backgrounds-showcase/</link>
		<comments>http://www.1stwebdesigner.com/design/twitter-backgrounds-showcase/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 21:08:51 +0000</pubDate>
		<dc:creator>Gustavs Jurisons</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=7083</guid>
		<description><![CDATA[Twitter background design is one of the most important things, you can change in your account to attract new followers.  We only can change little things in Twitter so why we don&#8217;t put there the best we can? Let&#8217;s change our background right now, but before we do that &#8211; time for you to get [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://www.1stwebdesigner.com/design/twitter-backgrounds-showcase" target="_self"><img class="alignleft" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/title-inspirational-twitter-backgrounds.jpg" border="0" alt="Title-inspirational-twitter-backgrounds" /></a>Twitter background design is one of the most important things, you can change in your account to attract new followers.  We only can change little things in Twitter so why we don&#8217;t put there the best we can? Let&#8217;s change our background right now, but before we do that &#8211; time for you to get inspired!</p>
<p>I hand picked those 50 Twitter backgrounds, while I was browsing through like 200-300 twitter pages &#8211; these all were the ones which caught my attention. Interesting to notice, not all of favorites are really colorful, but even subtle, clean and elegant but still stood out. In my opinion the best case is to create what suits you in the meantime thinking about usability and readability &#8211; but light designs with few colors included to make design shine seems to be the best case! What&#8217;s your case?</p>
<p><span id="more-7083"></span></p>
<h2>1. <a href="http://twitter.com/nicholaspatten" target="_blank">@nicholaspatten</a></h2>
<p><a href="http://twitter.com/nicholaspatten" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/nicholaspatten-inspirational-twitter-backgrounds.jpg" alt="nicholaspatten-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>2. <a href="http://twitter.com/chrisspooner" target="_blank">@chrisspooner</a></h2>
<p><a href="http://twitter.com/chrisspooner" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/chrisspooner-inspirational-twitter-backgrounds.jpg" alt="chrisspooner-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>3. <a href="http://twitter.com/bongobrian" target="_blank">@bongobrian</a></h2>
<p><a href="http://twitter.com/bongobrian" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/bongobrian-inspirational-twitter-backgrounds.jpg" alt="bongobrian-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>4. <a href="http://twitter.com/bartelme" target="_blank">@bartelme</a></h2>
<p><a href="http://twitter.com/bartelme" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/bartelme-inspirational-twitter-backgrounds.jpg" alt="bartelme-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>5. <a href="http://twitter.com/abduzeedo" target="_blank">@abduzeedo</a></h2>
<p><a href="http://twitter.com/abduzeedo" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/abduzeedo-inspirational-twitter-backgrounds.jpg" alt="abduzeedo-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>6. <a href="http://twitter.com/boagworld" target="_blank">@boagworld</a></h2>
<p><a href="http://twitter.com/boagworld" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/boagworld-inspirational-twitter-backgrounds.jpg" alt="boagworld-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>7. <a href="http://twitter.com/cameronolivier" target="_blank">@cameronolivier</a></h2>
<p><a href="http://twitter.com/cameronolivier" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/cameronolivier-inspirational-twitter-backgrounds.jpg" alt="cameronolivier-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>8.</h2>
<p><a href="http://twitter.com/chriscoyier" target="_blank"></a></p>
<p><a href="http://twitter.com/chriscoyier" target="_blank"></a></p>
<p><a href="http://twitter.com/chriscoyier" target="_blank"></a></p>
<p><a href="http://twitter.com/chriscoyier" target="_blank"> </a></p>
<p><a href="http://twitter.com/chriscoyier" target="_blank"></a></p>
<p><a href="http://twitter.com/chriscoyier" target="_blank"></a></p>
<p><a href="http://twitter.com/chriscoyier" target="_blank"></p>
<h2>@chriscoyier</h2>
<p></a></p>
<p><a href="http://twitter.com/chriscoyier" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/chriscoyier-inspirational-twitter-backgrounds.jpg" alt="chriscoyier-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>9. <a href="http://twitter.com/DesignerDepot" target="_blank">@DesignerDepot</a></h2>
<p><a href="http://twitter.com/DesignerDepot" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/designerdepot-inspirational-twitter-backgrounds.jpg" alt="designerdepot-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>10. <a href="http://twitter.com/digitalmash" target="_blank">@digitalmash</a></h2>
<p><a href="http://twitter.com/digitalmash" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/digitalmash-inspirational-twitter-backgrounds.jpg" alt="digitalmash-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>11. <a href="http://twitter.com/graphicidentity" target="_blank">@graphicidentity</a></h2>
<p><a href="http://twitter.com/graphicidentity" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/graphicidentity-inspirational-twitter-backgrounds.jpg" alt="graphicidentity-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>12. <a href="http://twitter.com/mmpow" target="_blank">@mmpow</a></h2>
<p><a href="http://twitter.com/mmpow" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/mmpow-inspirational-twitter-backgrounds.jpg" alt="mmpow-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>13. <a href="http://twitter.com/artewebdesign" target="_blank">@ArteWebdesign</a></h2>
<p><a href="http://twitter.com/artewebdesign" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/artewebdesign-inspirational-twitter-backgrounds.jpg" alt="artewebdesign-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>14. <a href="http://twitter.com/cheth" target="_blank">@cheth</a></h2>
<p><a href="http://twitter.com/cheth" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/cheth-inspirational-twitter-backgrounds.jpg" alt="cheth-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>15. <a href="http://twitter.com/kriscolvin" target="_blank">@KrisColvin</a></h2>
<p><a href="http://twitter.com/kriscolvin" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/kriscolvin-inspirational-twitter-backgrounds.jpg" alt="kriscolvin-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>16. <a href="http://twitter.com/marcelsantilli" target="_blank">@marcelsantilli</a></h2>
<p><a href="http://twitter.com/marcelsantilli" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/marcelsantilli-inspirational-twitter-backgrounds.jpg" alt="marcelsantilli-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>17. <a href="http://twitter.com/ubikwitusrex" target="_blank">@Ubikwitusrex</a></h2>
<p><a href="http://twitter.com/ubikwitusrex" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/ubikwitusrex-inspirational-twitter-backgrounds.jpg" alt="ubikwitusrex-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>18. <a href="http://twitter.com/rodneireiz" target="_blank">@rodneireiz</a></h2>
<p><a href="http://twitter.com/rodneireiz" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/rodneireiz-inspirational-twitter-backgrounds.jpg" alt="rodneireiz-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>19. <a href="http://twitter.com/just4thealofit" target="_blank">@just4theALofit</a></h2>
<p><a href="http://twitter.com/just4thealofit" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/just4thealofit-inspirational-twitter-backgrounds.jpg" alt="just4thealofit-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>20. <a href="http://twitter.com/chryseiss" target="_blank">@Chryseiss</a></h2>
<p><a href="http://twitter.com/chryseiss" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/chryseiss-inspirational-twitter-backgrounds.jpg" alt="chryseiss-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>21. <a href="http://twitter.com/oxygenna" target="_blank">@oxygenna</a></h2>
<p><a href="http://twitter.com/oxygenna" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/oxygenna-inspirational-twitter-backgrounds.jpg" alt="oxygenna-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>22. <a href="http://twitter.com/luciana_luz" target="_blank">@luciana_luz</a></h2>
<p><a href="http://twitter.com/luciana_luz" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/luciana_luz-inspirational-twitter-backgrounds.jpg" alt="luciana luz-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>23. <a href="http://twitter.com/tonypeterson" target="_blank">@tonypeterson</a></h2>
<p><a href="http://twitter.com/tonypeterson" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/tonypeterson-inspirational-twitter-backgrounds.jpg" alt="tonypeterson-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>24. <a href="http://twitter.com/showcasemark" target="_blank">@showcasemark</a></h2>
<p><a href="http://twitter.com/showcasemark" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/showcasemark-inspirational-twitter-backgrounds.jpg" alt="showcasemark-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>25. <a href="http://twitter.com/xquizitelizard" target="_blank">@XquiziteLizard</a></h2>
<p><a href="http://twitter.com/xquizitelizard" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/xquizitelizard-inspirational-twitter-backgrounds.jpg" alt="xquizitelizard-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>26. <a href="http://twitter.com/hungrygirl" target="_blank">@HungryGirl</a></h2>
<p><a href="http://twitter.com/hungrygirl" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/hungrygirl-inspirational-twitter-backgrounds.jpg" alt="hungrygirl-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>27. <a href="http://twitter.com/elianarod" target="_blank">@elianarod</a></h2>
<p><a href="http://twitter.com/elianarod" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/elianarod-inspirational-twitter-backgrounds.jpg" alt="elianarod-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>28. <a href="http://twitter.com/davewilhelm" target="_blank">@davewilhelm</a></h2>
<p><a href="http://twitter.com/davewilhelm" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/davewilhelm-inspirational-twitter-backgrounds.jpg" alt="davewilhelm-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>29. <a href="http://twitter.com/nbawiileague" target="_blank">@nbawiileague</a></h2>
<p><a href="http://twitter.com/nbawiileague" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/nbawiileague-inspirational-twitter-backgrounds.jpg" alt="nbawiileague-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>30. <a href="http://twitter.com/lisaworsham" target="_blank">@LisaWorsham</a></h2>
<p><a href="http://twitter.com/lisaworsham" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/lisaworsham-inspirational-twitter-backgrounds.jpg" alt="lisaworsham-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>31. <a href="http://twitter.com/Go_Media" target="_blank">@Go_Media</a></h2>
<p><a href="http://twitter.com/Go_Media" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/go_media-inspirational-twitter-backgrounds.jpg" alt="go media-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>32. <a href="http://twitter.com/doubleolee" target="_blank">@Doubleolee</a></h2>
<p><a href="http://twitter.com/doubleolee" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/doubleolee-inspirational-twitter-backgrounds.jpg" alt="doubleolee-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>33. <a href="http://twitter.com/theleggett" target="_blank">@theleggett</a></h2>
<p><a href="http://twitter.com/theleggett" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/theleggett-inspirational-twitter-backgrounds.jpg" alt="theleggett-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>34. <a href="http://twitter.com/farrhad" target="_blank">@Farrhad</a></h2>
<p><a href="http://twitter.com/farrhad" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/farrhad-inspirational-twitter-backgrounds.jpg" alt="farrhad-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>35. <a href="http://twitter.com/chadmcmillan" target="_blank">@chadmcmillan</a></h2>
<p><a href="http://twitter.com/chadmcmillan" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/chadmcmillan-inspirational-twitter-backgrounds.jpg" alt="chadmcmillan-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>36. <a href="http://twitter.com/myklroventine" target="_blank">@myklroventine</a></h2>
<p><a href="http://twitter.com/myklroventine" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/myklroventine-inspirational-twitter-backgrounds.jpg" alt="myklroventine-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>37. <a href="http://twitter.com/nullvariable" target="_blank">@nullvariable</a></h2>
<p><a href="http://twitter.com/nullvariable" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/nullvariable-inspirational-twitter-backgrounds.jpg" alt="nullvariable-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>38. <a href="http://twitter.com/Genuine" target="_blank">@Genuine</a></h2>
<p><a href="http://twitter.com/Genuine" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/genuine-inspirational-twitter-backgrounds.jpg" alt="genuine-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>39. <a href="http://twitter.com/imagedesigns" target="_blank">@imagedesigns</a></h2>
<p><a href="http://twitter.com/imagedesigns" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/imagedesigns-inspirational-twitter-backgrounds.jpg" alt="imagedesigns-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>40. <a href="http://twitter.com/marekuk" target="_blank">@marekuk</a></h2>
<p><a href="http://twitter.com/marekuk" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/marekuk-inspirational-twitter-backgrounds.jpg" alt="marekuk-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>41. <a href="http://twitter.com/Krftd" target="_blank">@Krftd</a></h2>
<p><a href="http://twitter.com/Krftd" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/krftd-inspirational-twitter-backgrounds.jpg" alt="krftd-inspirational-twitter-backgrounds" width="570" height="295" /></a></p>
<h2>42. <a href="http://twitter.com/Ramesstudios" target="_blank">@ramesstudios</a></h2>
<h2><a href="http://twitter.com/Ramesstudios" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/ramesstudios-inspirational-twitter-backgrounds.jpg" alt="ramesstudios-inspirational-twitter-backgrounds" width="570" height="297" /></a></h2>
<h2>43. <a href="http://twitter.com/rafalmeidaf" target="_blank">@rafalmeidaf</a></h2>
<p><a href="http://twitter.com/rafalmeidaf" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/rafalmeidaf-inspirational-twitter-backgrounds.jpg" alt="rafalmeidaf-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<h2>44. <a href="http://twitter.com/Pudny" target="_blank">Pudny</a></h2>
<p><a href="http://twitter.com/Pudny" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/pudny-inspirational-twitter-backgrounds.jpg" alt="pudny-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<h2>45. <a href="http://twitter.com/Alyssa_Milano" target="_blank">@Alyssa_Milano</a></h2>
<p><a href="http://twitter.com/Alyssa_Milano" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/alyssa_milano-inspirational-twitter-backgrounds.jpg" alt="alyssa milano-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<h2>46. <a href="http://twitter.com/AndySowards" target="_blank">@andysowards</a></h2>
<p><a href="http://twitter.com/AndySowards" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/andysowards-inspirational-twitter-backgrounds.jpg" alt="andysowards-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<h2>47. <a href="http://twitter.com/binojxavier" target="_blank">@binojxavier</a></h2>
<p><a href="http://twitter.com/binojxavier" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/binojxavier-inspirational-twitter-backgrounds.jpg" alt="binojxavier-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<h2>48. <a href="http://twitter.com/sharebrain" target="_blank">@sharebrain</a></h2>
<p><a href="http://twitter.com/sharebrain" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/sharebrain-inspirational-twitter-backgrounds.jpg" alt="sharebrain-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<h2>49. <a href="http://twitter.com/scarletbits" target="_blank">@Scarletbits</a></h2>
<p><a href="http://twitter.com/scarletbits" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/scarletbits-inspirational-twitter-backgrounds.jpg" alt="scarletbits-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<h2>50. <a href="http://twitter.com/nymphont" target="_blank">@nymphont</a></h2>
<p><a href="http://twitter.com/nymphont" target="_blank"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/03/50-twitter-backgrounds/nymphont-inspirational-twitter-backgrounds.jpg" alt="nymphont-inspirational-twitter-backgrounds" width="570" height="297" /></a></p>
<p>If your exclusive and unique background is not in this list, then feel free to share it with us in comments section!</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/twitter-backgrounds-showcase/feed/</wfw:commentRss>
		<slash:comments>76</slash:comments>
		</item>
		<item>
		<title>10 Basic Visual Web Design Mistakes</title>
		<link>http://www.1stwebdesigner.com/design/basic-visual-web-design-mistakes/</link>
		<comments>http://www.1stwebdesigner.com/design/basic-visual-web-design-mistakes/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 20:00:46 +0000</pubDate>
		<dc:creator>Albertus Adrianto</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=5139</guid>
		<description><![CDATA[I believe all of you has so many experiences of seeing so many web design when surfing in internet. I could guarantee that you often see bad web design layout more than good one. I feel the same way too, there are a lot of websites which has bad web design &#38; layout, so i [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://www.1stwebdesigner.com/design/basic-visual-web-design-mistakes"><img class="alignleft size-full wp-image-5182" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/10-Basic-Visual-Web-Design-Mistakes1.jpg" alt="" width="150" height="150" /></a>I believe all of you has so many experiences of seeing so many web design when surfing in internet. I could guarantee that you often see bad web design layout more than good one. I feel the same way too, there are a lot of websites which has bad web design &amp; layout, so i won&#8217;t comeback &amp; bookmark them. I will share some of my experiences of seeing basic visual web design mistakes which makes me leave those websites forever.<span id="more-5139"></span></p>
<h2>1. Bad Font Usage</h2>
<p>Do you even remember when you visit a website with fancy script font that is very hard to read? Fancy script font must not be used in body text, otherwise your reader won&#8217;t be able to read anything. Use fonts that are easy to read.</p>
<p>Other mistake is some people use non standard font in their websites. If their reader is only a common person who don&#8217;t have so many additional fonts, they will be confused and say, &#8220;Why is the font size in this website is very small?&#8221; I experienced this when i use non standard font for my website to enhance readability. But unfortunately, it makes people complain about my website. Just use common font like Arial, Helvetica, Verdana, Georgia, or Times New Roman, which every people has in their computer.</p>
<p><img class="alignnone size-full wp-image-5166" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/1.jpg" alt="" width="570" height="133" /></p>
<h2>2. No Images, Text Only</h2>
<p>Believe me, people will be bored if they see text only &amp; they will leave your website once they are tired of reading your ocean of words article. This is internet, not a personal development book. If you don&#8217;t have idea about what image you should add, just use any image related with your post title. Don&#8217;t leave your body text alone without any images.</p>
<p><img class="alignnone size-full wp-image-5157" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/2.jpg" alt="" width="570" height="162" /></p>
<h2>3. No Paragraph On Long Articles</h2>
<p>Even though you have inserted images on your article, you should remember to separate some sentences with a paragraph. Imagine that you are reading more than 500 words article without any paragraph on it. It&#8217;s confusing right? With some sentences separated with paragraph, people will find it easier to read your article.</p>
<p><img class="alignnone size-full wp-image-5159" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/3.jpg" alt="" width="570" height="162" /></p>
<h2>4. Very Tiny Font Size</h2>
<p>Have you ever visit a website and you have to zoom in to read the content? This is bad, make your body text at least 12pt to make sure that your body text are readable enough. If not, people will have to provide large magnifier to read your article.</p>
<p><img class="alignnone size-full wp-image-5162" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/4.jpg" alt="" width="570" height="133" /></p>
<h2>5. Heavy Flash Usage</h2>
<p>Almost any Flash usage will bring added value to your visual perception. But unfortunately, Flash usage will only make your website slower to open &amp; it gives more chance for new visitors to leave you quickly. Reduce usage of Flash, unless it&#8217;s needed to explain something. I personally don&#8217;t really like websites which has Flash intro. They are really annoying &amp; wasting my time.</p>
<p><img class="alignnone size-full wp-image-5170" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/5.jpg" alt="" width="570" height="89" /></p>
<h2>6. Body Text Above Colorful Background</h2>
<p>Most of good websites use plain color background to enhance its readability. If you use colorful background to make it nicer, you are absolutely wrong. It only makes people tired of reading your articles, because the body text color are blended with background image. Make your background plain &amp; put image somewhere else where there are no text.</p>
<p><img class="alignnone size-full wp-image-5169" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/6.jpg" alt="" width="570" height="133" /></p>
<h2>7. Too Many Advertisement</h2>
<p>Have you seen a website full of banner advertisement &amp; google adsense inside? I&#8217;m sure that you will leave that website once you have done with it, Or worse case, you will instantly hit close and move to another website. Never prioritize advertisement over content. Good websites always place advertisement in a proper places which aren&#8217;t bothering the main content of websites.</p>
<p><img class="alignnone size-full wp-image-5165" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/7.jpg" alt="" width="570" height="133" /></p>
<h2>8. Unwanted Pop Ups</h2>
<p>I always hate websites which has unstoppable pop ups. It really annoys me. I want to look for information, but the pop up interferes &amp; wastes my time. I don&#8217;t know why, but i really hate pop ups.</p>
<p><img class="alignnone size-full wp-image-5176" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/8.jpg" alt="" width="570" height="89" /></p>
<h2>9. Too Long Articles</h2>
<p>I don&#8217;t know about you, but i don&#8217;t like too long articles. It takes you more time to write it and also make people bored to read it. Make it at most 1000 words with some image addition to make it more attractive than just a plain text. Make your words simple &amp; understandable. Believe me, most people doesn&#8217;t like too long articles.</p>
<p><img class="alignnone size-full wp-image-5154" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/9.jpg" alt="" width="570" height="71" /></p>
<h2>10. Links Color Aren&#8217;t Visible</h2>
<p>Make sure that link color has different color with body text color. It helps your reader to identify which links they have visited and also help them not to visit the same links unintentionally.</p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/10.jpg"><img class="alignnone size-full wp-image-5174" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/10.jpg" alt="" width="570" height="89" /></a></p>
<p>Don&#8217;t forget to share your thoughts about the article in comment section.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/basic-visual-web-design-mistakes/feed/</wfw:commentRss>
		<slash:comments>58</slash:comments>
		</item>
		<item>
		<title>Showcase Of Web Design In Ukraine</title>
		<link>http://www.1stwebdesigner.com/design/showcase-web-design-ukraine/</link>
		<comments>http://www.1stwebdesigner.com/design/showcase-web-design-ukraine/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 20:00:44 +0000</pubDate>
		<dc:creator>Anastasia Miles</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[Ukraine]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=5626</guid>
		<description><![CDATA[It&#8217;s always been of a great interest for me to study how the web design develops in different countries of the world. There are lots of different approaches and techniques and though there are overall network tendencies like web 2.0, big fonts, clean layouts etc there&#8217;s always a great opportunity to see something unique. I&#8217;m [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://1stwebdesigner.com/design/showcase-web-design-ukraine"><img class="alignleft size-full wp-image-5662" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/style.jpg" alt="" width="150" height="150" /></a>It&#8217;s always been of a great interest for me to study how the web design develops in different countries of the world. There are lots of different approaches and techniques and though there are overall network tendencies like web 2.0, big fonts, clean layouts etc there&#8217;s always a great opportunity to see something unique. <span id="more-5626"></span>I&#8217;m not really sure what it depends on, the country economy, the average age of people, the number of creative people and way of communication. There has been many articles and showcases on the web devoted to Russian designers and design studios and as a rule, we can see a very special styles and approaches. One strange thing just came to my mind: though I live in Ukraine, I don&#8217;t know any design studio in here! In the post today I decided to make things right and to make a small research.</p>
<p>Frankly speaking I was embarrassed. I&#8217;ve actually made 2 researches, the first one &#8211; overall on the web to find out whether there are some recognized designers and design studios from Ukraine and the second one was the local. I went to Google and typed &#8220;web design studio&#8221; to see what studios will show up in the first 3 pages of search results. My assumption was, and which is quite obvious, that to be on those first pages you both have to put some efforts into search engines optimization and at the same time stand out from the crowd. While the personal portfolios from the first experimental group was a pleasure to the eye, the second one was a total disaster. Almost all of the websites I was opening were ugly, outdated, crowded with information and gave me the feeling like I&#8217;m in the early 2000s.</p>
<p>I&#8217;d like to hear your thoughts on this and what&#8217;s the situation in your country. My guess is that all talented designers have work either for USA or Europe as the internet business here in Ukraine can not give enough money for living yet and the heads of the companies still do not understand in full the opportunities and the revenue the online business can give to their companies. You will notice that 99% of portfolios from group one are created in English and that&#8217;s the only language on the website. Below I&#8217;m presenting the showcase of &#8220;Ukrainian style design&#8221; of both groups that I named accordingly.</p>
<h2>What we create in Ukraine</h2>
<p><strong>Website: <a href="http://www.uadesign.com/">http://www.uadesign.com/</a></strong><br />
<a href="http://www.uadesign.com/"><img class="alignnone size-full wp-image-5627" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/uadesign.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.bragindesign.com/">http://www.bragindesign.com/</a></strong><br />
<a href="http://www.bragindesign.com/"><img class="alignnone size-full wp-image-5628" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/bragindesign.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.softsoul.com.ua/">http://www.softsoul.com.ua/</a></strong><br />
<a href="http://www.softsoul.com.ua/"><img class="alignnone size-full wp-image-5629" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/softsoul.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.invision.com.ua/">http://www.invision.com.ua/</a></strong><br />
<a href="http://www.invision.com.ua/"><img class="alignnone size-full wp-image-5630" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/invision.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.mavik.com.ua/">http://www.mavik.com.ua/</a></strong><br />
<a href="http://www.mavik.com.ua/"><img class="alignnone size-full wp-image-5632" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/mavik.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.seotm.com/">http://www.seotm.com/</a></strong><br />
<a href="http://www.seotm.com/"><img class="alignnone size-full wp-image-5633" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/seotm.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.azureait.com.ua/">http://www.azureait.com.ua/</a></strong><br />
<a href="http://www.azureait.com.ua/"><img class="alignnone size-full wp-image-5634" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/azur.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.aranea.com.ua/">http://www.aranea.com.ua/</a></strong><br />
<a href="http://www.aranea.com.ua/"><img class="alignnone size-full wp-image-5637" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/aranea.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.bizua.net/">http://www.bizua.net/</a></strong><br />
<a href="http://www.bizua.net/"><img class="alignnone size-full wp-image-5639" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/bizua.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.idea.net.ua/">http://www.idea.net.ua/</a></strong><br />
<a href="http://www.idea.net.ua/"><img class="alignnone size-full wp-image-5641" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/idea.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.zeema.com/">http://www.zeema.com/</a></strong><br />
<a href="http://www.zeema.com/"><img class="alignnone size-full wp-image-5642" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/zeema.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.webcreation.com.ua/">http://www.webcreation.com.ua/</a></strong><br />
<a href="http://www.webcreation.com.ua/"><img class="alignnone size-full wp-image-5643" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/webcreation.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://www.alyoshin.net/">http://www.alyoshin.net/</a></strong><br />
<a href="http://www.alyoshin.net/"><img class="alignnone size-full wp-image-5644" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/alyoshin.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://deluxe.dp.ua/">http://deluxe.dp.ua/</a></strong><br />
<a href="http://deluxe.dp.ua/"><img class="alignnone size-full wp-image-5646" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/deluxe.jpg" alt="" width="570" height="359" /></a></p>
<h2>Designs we create for the world</h2>
<p><strong>Website: <a href="http://theoleg.com">http://theoleg.com</a></strong><br />
<a href="http://theoleg.com/"><img class="alignnone size-full wp-image-5647" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/oleg.jpg" alt="" width="570" height="295" /></a></p>
<p><strong>Website: <a href="http://lanitta.com/">http://lanitta.com/</a></strong><br />
<a href="http://lanitta.com/"><img class="alignnone size-full wp-image-5648" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/lanitta.jpg" alt="" width="570" height="381" /></a></p>
<p><strong>Website: <a href="http://3z.com.ua/">http://3z.com.ua/</a></strong><br />
<a href="http://3z.com.ua/"><img class="alignnone size-full wp-image-5649" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/3z.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://internalcarotid.com/">http://internalcarotid.com/</a></strong><br />
<a href="http://internalcarotid.com/"><img class="alignnone size-full wp-image-5650" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/internal.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://psyho.ua/">http://psyho.ua/</a></strong><br />
<a href="http://psyho.ua/"><img class="alignnone size-full wp-image-5651" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/psyho.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://www.kavoon.com/">http://www.kavoon.com/</a></strong><br />
<a href="http://www.kavoon.com/"><img class="alignnone size-full wp-image-5652" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/kavoon.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://every1knows.com/">http://every1knows.com/</a></strong><br />
<a href="http://every1knows.com/"><img class="alignnone size-full wp-image-5653" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/every1knows.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://www.timofey.net/">http://www.timofey.net/</a></strong><br />
<a href="http://www.timofey.net/"><img class="alignnone size-full wp-image-5654" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/timofey.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://www.maxshaman.com/#/projects/1/">http://www.maxshaman.com/#/projects/1/</a></strong><br />
<a href="http://www.maxshaman.com/#/projects/1/"><img class="alignnone size-full wp-image-5655" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/max.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://piezodesign.com/">http://piezodesign.com/</a></strong><br />
<a href="http://piezodesign.com/"><img class="alignnone size-full wp-image-5656" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/piezo.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://p-e.kiev.ua/">http://p-e.kiev.ua/</a></strong><br />
<a href="http://p-e.kiev.ua/"><img class="alignnone size-full wp-image-5657" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/p-e.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://www.polkdesign.net/">http://www.polkdesign.net/</a></strong><br />
<a href="http://www.polkdesign.net/"><img class="alignnone size-full wp-image-5658" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/polkdesign.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://73dpi.ru/">http://73dpi.ru/</a></strong><br />
<a href="http://73dpi.ru/"><img class="alignnone size-full wp-image-5659" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/73dpi.jpg" alt="" width="570" height="353" /></a></p>
<p><strong>Website: <a href="http://pula.com.ua/">http://pula.com.ua/</a></strong><br />
<a href="http://pula.com.ua/"><img class="alignnone size-full wp-image-5631" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/pula.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://neodesign.com.ua/">http://neodesign.com.ua/</a></strong><br />
<a href="http://neodesign.com.ua/"><img class="alignnone size-full wp-image-5638" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/neodesign.jpg" alt="" width="570" height="359" /></a></p>
<p><strong>Website: <a href="http://whiteweb.com.ua/">http://whiteweb.com.ua/</a></strong><br />
<a href="http://whiteweb.com.ua/"><img class="alignnone size-full wp-image-5645" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/whiteweb.jpg" alt="" width="570" height="359" /></a></p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/showcase-web-design-ukraine/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Client Tactics: Making an Impression on a Client</title>
		<link>http://www.1stwebdesigner.com/design/client-tactics-making-impression-client/</link>
		<comments>http://www.1stwebdesigner.com/design/client-tactics-making-impression-client/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 20:02:59 +0000</pubDate>
		<dc:creator>Jeff Boshers</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[clients]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[management]]></category>
		<category><![CDATA[relations]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=5478</guid>
		<description><![CDATA[As designers we have our skills honed; a gorgeous portfolio, well designed  business cards, and a vicious social media presence.
So what&#8217;s missing? Here we  will be discussing the preparation for impressing a client. Impressing a client is crucial not only for initial business, but also for repeat business. Impressed clients will brag about [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://www.1stwebdesigner.com/design/client-tactics-making-impression-client"><img class="alignleft size-full wp-image-5487" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Old-Photo-Boy-Boxing-Client-Tactics-Impressing-Clients.jpg" alt="" width="150" height="150" /></a>As designers we have our skills honed; a gorgeous portfolio, well designed  business cards, and a vicious social media presence.</p>
<p>So what&#8217;s missing? Here we  will be discussing the preparation for impressing a client. Impressing a client is crucial not only for initial business, but also for repeat business. Impressed clients will brag about their new projects and recommend you to their like minded colleagues.  One happily impressed client could easily spread your talents around to ten or more people.<span id="more-5478"></span></p>
<p>In the words of American advertising executive <a href="http://en.wikipedia.org/wiki/William_Bernbach">William Bernbach</a>, <em>&#8220;Word of mouth is the best medium of all.”</em>. So by the client recommending you, they are putting their stamp of approval on your work. That&#8217;s something your portfolio or business card just can&#8217;t do.</p>
<h2>Everyone has a Portfolio, You Must Be Remarkable.</h2>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Awesome-Lemonade-Stand-Client-Tactics-Impressing-Clients.jpg"><img class="alignnone size-full wp-image-5481" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Awesome-Lemonade-Stand-Client-Tactics-Impressing-Clients.jpg" alt="Awesome-Lemonade-Stand-Client-Tactics-Impressing-Clients" width="570" height="350" /></a></p>
<p>Every designer who is serious has a portfolio and business card. What makes  you different than &#8220;Joe Designer&#8221; down the block? In our business, two things  set you apart: being remarkable at design and being remarkable at marketing  yourself. To understand if you are remarkable simply ask the question, &#8220;Am I  memorable?&#8221; . Being remarkable is what gives you the ability to stand out in a crowd of your peers.</p>
<p>There is a good chance that you are not the only one submitting a bid on this  project, especially if this is a job listing on one of the many job forums out  there. So standing out is a must! The simplest things can make you stand out. It&#8217;s all about the small things, they add up in big ways with the client. It  could be the extra creativity in your business card, portfolio, or even being  the only guy to show up in a tie.</p>
<h2>Define Your Goals.</h2>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Writing-Down-Your-Goals-Client-Tactics-Impressing-Clients.jpg"><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Writing-Down-Your-Goals-Client-Tactics-Impressing-Clients.jpg" alt="Writing-Down-Your-Goals-Client-Tactics-Impressing-Clients" width="570" height="229" /></a></p>
<p>What do you want out of this project? Do you just need the money? Are you looking to increase your exposure? Looking to get into a new market? Ask yourself these questions and write them down.  So what does writing down goals have to do with impressing a client? Organization. When one is organized it shows in all aspects of one&#8217;s work. This will allow you to put your priorities in order and unclutter your mind; allowing you to be calm, collected, and in control. You will present an image of streamlined efficiency and confidence. Also, if your  intentions are written down you are more likely to follow them.</p>
<h2>Choose Your Words Carefully, They Will Define You.</h2>
<p>No matter how good your portfolio is, if you have the personality of freshly  baked bread; you will not land the client. When meeting your client for the  first time, quickly assess your surroundings. Finding common ground is the best  way to start the conversation. In some cases the client may be half way around  the world. In situations such as these, email and phone conversations are the  only form of contact. Tone is everything when relying on a means of  communication other than face-to-face. Watch spelling, grammar, and punctuation  in emails as they can make or break you.</p>
<h2>Do Your Homework.</h2>
<p>Before starting any new project, I google the potential client. I cannot  count how many times this has prepared me for a crazy client. By checking on  google and the various social networks, you&#8217;ll be able to grasp the gist of the  client. Do they have several stores? Do they pay their vendors on time? Are  there odd pictures of their last Christmas party on Facebook? The answers await  on the internet.</p>
<h2>Be Weary of What You Wear.</h2>
<p><a href="http://blogs.amctv.com/photo-galleries/mad-men-season-2-studio-photos/don-draper.php"><img class="alignnone size-full wp-image-5480" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Don-Draper-AMC-Promo-Client-Tactics-Impressing-Clients.jpg" alt="Don-Draper-AMC-Promo-Client-Tactics-Impressing-Clients" width="570" height="268" /></a></p>
<p><a href="http://blogs.amctv.com/photo-galleries/mad-men-season-2-studio-photos/don-draper.php">Image Source</a></p>
<p>Does the man make the suit or does the suit make the man? Never mind that  now! When meeting a client for the first time it&#8217;s very important to dress  accordingly. If you&#8217;re meeting at a bowling alley, a suit may not be a good  choice. On the other hand don&#8217;t wear board shorts and a Nine Inch Nails t-shirt  to a meeting. Well maybe if it&#8217;s a skate board company. I usually dress in dark  colored business casual. It holds up nice and if I need to be a bit edgy, I  loosen my tie a bit. Oh and when in doubt, wear a tie.</p>
<p>I have tattoos. I have been in situations on both sides of the fence. I have  lost potential clients because of them and I have gained client because of them.  It&#8217;s a fifty-fifty chance with tattoos. As a rule now, I keep them covered up  unless they come up in conversation. I have tattoos in my illustration portfolio  so the subject usually comes up.</p>
<h2>Be yourself.</h2>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Be-Yourself-Old-School-Photo-Client-Tactics-Impressing-Clients.jpg"><img class="alignleft size-full wp-image-5490" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/Be-Yourself-Old-School-Photo-Client-Tactics-Impressing-Clients.jpg" alt="Be-Yourself-Old-School-Photo-Client-Tactics-Impressing-Clients" width="150" height="210" /></a>In the end, it all comes down to common sense. Do you wear a suit or not? Do  you relate that funny story about your design background? Use your judgment and  your design spidey-sense to navigate the clients waters. Relax, you&#8217;ll do fine.  Be yourself. They&#8217;ll love you, unless you have the personality of fresh baked  bread. I want to leave you with another William Bernbach quote, <em>&#8220;Nobody counts the number of ads you run; they just remember the impression you make.&#8221;</em></p>
<p>In the next Client Tactics, we will look at sure-fire ways to spot a deadbeat  client. Until then, want more ideas on <a title="Being Remarkable" href="http://beingremarkable.tumblr.com/" target="_blank">being remarkable</a>?</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/client-tactics-making-impression-client/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>5 Timeless Usability Principles for Website Designers</title>
		<link>http://www.1stwebdesigner.com/design/important-usability-principles-website-designers/</link>
		<comments>http://www.1stwebdesigner.com/design/important-usability-principles-website-designers/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 08:33:25 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=4698</guid>
		<description><![CDATA[There are some usability principles which change very rarely. The reason for this is because they are deeply ingrained into our human nature. Even if they change, they change very slightly, the fundamentals remain the same.
We will try to cover some most important usability principles in the following article.
1. You are designing with a target [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://www.1stwebdesigner.com/design/important-usability-principles-website-designers"><img class="alignleft size-full wp-image-5510" title="usability-preview" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/usability-preview.jpg" alt="" width="150" height="150" /></a>There are some usability principles which change very rarely. The reason for this is because they are deeply ingrained into our human nature. Even if they change, they change very slightly, the fundamentals remain the same.</p>
<p>We will try to cover some most important usability principles in the following article.<span id="more-4698"></span></p>
<h2>1. You are designing with a target in mind</h2>
<p>You probably spend most of your time designing websites for clients. All of those clients want to accomplish something with the website you’re building. If they are a company selling a specific product, then the target is for the customers to get to the shopping cart and buy the product.</p>
<p>Your clients may have multiple targets as well. The important thing is to have a ‘core’ (one or more targets) which you’ll later use to build your site upon. That ‘core target’ may be, clicking on the ‘buy now button and buying the product’.</p>
<p>The most obvious examples are opt-in sites, which have 1 objective&#8230;you either buy/sign up or do nothing. Just take a look at Double Your Dating&#8230;</p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/double-your-dating.jpg"><img class="alignnone size-full wp-image-4966" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/double-your-dating.jpg" alt="" width="570" height="648" /></a></p>
<p>This can be more subtle, like <a href="http://www.intelius.com/">Intelius</a> does it&#8230;you first search for the person and then after you click &#8216;View more details&#8221; then you&#8217;re sent to a payment page.</p>
<p><a href="http://www.intelius.com/"><img class="alignnone size-full wp-image-4963" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/intelius.jpg" alt="" width="570" height="415" /></a></p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/intelius-2.jpg"><img class="alignnone size-full wp-image-4964" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/intelius-2.jpg" alt="" width="570" height="473" /></a></p>
<h2>2. Design the site so it answers the 3 most basic questions</h2>
<ul>
<li><strong>Where am I?</strong></li>
</ul>
<p>There should be enough space for the website name. The main idea is to help the user orient and gain clarity on where is he now. It’s your job as a designer to help the user answer this question. Also, you can help the visitor answer this question with the navigation by highlighting the page on which he is at the moment.</p>
<p><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/01/usability-tips/i-know-where-am-i.jpg" border="0" alt="I-know-where-am-i" /></p>
<ul>
<li><strong>What can I do here?</strong></li>
</ul>
<p>The answer for this question depends on the website target. If the main website objective is for the visitor to buy something, then you need to make it clear that the website is selling products. If the objective is to inform the visitor about the company, then make that clear also by designing a website which gives that impression.</p>
<p><img style="border: 0pt none;" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/01/usability-tips/what-this-site-is-about.jpg" border="0" alt="What-this-site-is-about" width="570" height="382" /></p>
<ul>
<li><strong>Why should I do it?</strong></li>
</ul>
<p>This is primarily not your job. It’s the job of the writer to persuade the user why should he buy the product or why should he should click learn more about the company. It’s your job, however, to make this job as easy as possible for the writer by leaving enough visible space so the user can clearly see the benefits of doing the thing i.e. the website objective. You can find more about your visitors and their motivations by <a href="http://www.mixthenet.com/get-feedback-from-website-visitors/" target="_blank">getting some feedback </a>from them.</p>
<p><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/01/usability-tips/usability-why.jpg" border="0" alt="Usability-why" /></p>
<h2>3. Users scan way more than they read. They don’t want to think</h2>
<p>There are many studies which confirm that users scan more than they read. So it’s your job to make the design so it’s easy to scan the entire page in order to get the most important information.</p>
<p>Also, there’s one good lesson I learned from one great book on usability by <strong>Steve Krug  “Don’t make me think.”</strong> He said that you must make things intuitive and user friendly so you’ll minimize the thinking part from the visitor’s side.</p>
<p>Try to put yourself into the visitor’s shoes and ask yourself which part of the design makes you think.</p>
<p>To illustrate, see this website by Steve Krug. Does it make you think?</p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/dontmake-me-think.jpg"><img class="alignnone size-full wp-image-4956" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/dontmake-me-think.jpg" alt="Don't make me think" width="570" height="523" /></a></p>
<p>You see how he named the navigation menu? Instead of &#8216;about&#8217; he wrote: &#8220;Who we are&#8221;. He tried to eliminate the thinking process which goes like this: &#8220;What does &#8220;About&#8221; mean? Does it mean they will tell me what the site is about?&#8221;</p>
<p>I see a lot of people who own personal websites make this mistake. Here&#8217;s an example I got from one random personal blog I found:</p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/who-am-i.jpg"><img class="alignnone size-full wp-image-4962" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/who-am-i.jpg" alt="" width="570" height="277" /></a></p>
<h2>4. Who is the ideal prospect/customer?</h2>
<p>There’s a great concept in marketing called the “customer avatar.” To make a customer avatar, you need to know many of the prospects, who visit the website, then get the common traits they have and make an imaginative person who owns only those common traits. For the ‘dating for men’ market, that is usually a single man who wants to get a date with a single woman. He tried to approach and meet women before, but without particular success.</p>
<p><img src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/01/usability-tips/group%20of%20people.jpg" border="0" alt="Group of people" /></p>
<p>Your customer avatar doesn’t have to apply for all of the prospects but for the majority (80%+).</p>
<p>Knowing your average visitor will help look from his point of view and appropriately design a great website.</p>
<p><strong>Let&#8217;s try to find the customer avatar for 1stWebDesigner&#8230;</strong></p>
<p>According to <a href="http://www.quantcast.com/">Quantcast</a>, this is the 1stwebdesigner demographic in the US (I will suppose most of 1stwebdesigner traffic comes from US, so US demographic shouldn&#8217;t be very different from the worldwide demographic):</p>
<p>So the customer avatar would be something like:</p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/1stwebdesigner-demographic.jpg"><img class="alignnone size-full wp-image-4961" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/1stwebdesigner-demographic.jpg" alt="" width="570" height="364" /></a></p>
<p>Erica is a 20 years old Hispanic girl who&#8217;s in college and still financially dependent upon her parents. She loves cool designs and pictures. She wants to be a web designer and is still a beginner, but loves creativity and tends to be very creative herself. That&#8217;s why styles, effects and designers inspire her a lot.</p>
<h2>5. Focus on conventions because users love them</h2>
<p>Title above, navigation menu above or on the left and also the color different for clicked links (these are only some of the web design conventions). Web designers love to experiment with new models and that’s the most problematic thing here. Stick to conventions because users are used to them. If you don’t, you’ll make them confused and think. And as I said above, they don’t really like that. The below screen shot from Ciplex.com is a great example.</p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/ciplex.jpg"><img class="alignnone size-full wp-image-4957" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/ciplex.jpg" alt="" width="570" height="276" /></a></p>
<p>We all love familiar things, don&#8217;t we :)</p>
<p>Eliminate annoying things. Flash intros, anyone? Or wait&#8230;STATIC intros:</p>
<p><a href="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/blah-blah-text.jpg"><img class="alignnone size-full wp-image-4960" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/blah-blah-text.jpg" alt="" width="570" height="285" /></a></p>
<p>What are your thoughts on basic usability principles? Don&#8217;t forget to share them with us.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/important-usability-principles-website-designers/feed/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>How To Get Well Prepared For The Website Creation</title>
		<link>http://www.1stwebdesigner.com/design/how-to-well-prepared-website-creation-tips/</link>
		<comments>http://www.1stwebdesigner.com/design/how-to-well-prepared-website-creation-tips/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 12:53:32 +0000</pubDate>
		<dc:creator>Anastasia Miles</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdev]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=5189</guid>
		<description><![CDATA[Planning to build a new website and not sure where to start? No sweat, we have a cool guide from 12 points that will help you to define your website goals, target audience, choose the images and create the right look and feel for your site. All you&#8217;ll need is a sheet of paper, 10 [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://www.1stwebdesigner.com/design/how-to-well-prepared-website-creation-tips/"><img class="alignleft" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/website-creation-idea.jpg" alt="" width="150" height="150" /></a>Planning to build a new website and not sure where to start? No sweat, we have a cool guide from 12 points that will help you to define your website goals, target audience, choose the images and create the right look and feel for your site. All you&#8217;ll need is a sheet of paper, 10 minute access to the internet, a friend and a cup of coffee or tea. Let&#8217;s get into work.<br />
<span id="more-5189"></span></p>
<h2>1. Answer the question why you need a website.</h2>
<p>Starting on website creation the very first questions you should ask yourself is &#8220;Why do I need a website?&#8221; The answer &#8220;because everyone has it&#8221; is wrong. Let&#8217;s imagine you have a small bakery in a small town and people come daily right to your door to taste your cakes and candies. Do you really need a website in this case? I guess you don&#8217;t. Now let&#8217;s imagine that you have enough time, equipment and resources to deliver the pastries to the nearby villages. Now this is the case when having a website can be a pretty good idea. Here come just a few most common reasons why you may need a website:</p>
<ul>
<li> Additional income</li>
<li> Brand recognition and audience awareness</li>
<li>You have something interesting in mind you’d like to share with the online community</li>
</ul>
<h2>2. Define your target audience.</h2>
<p><img class="alignnone size-full wp-image-5192" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/audience.jpg" alt="" width="570" height="570" /><br />
Photo by <a href="http://www.flickr.com/photos/stefantell/3039881435/sizes/o/">Stefan Tell</a><br />
Once you’re sure you do need a site let&#8217;s think about your future website audience. If you are making yummy pastries then your audience is the whole world, but if you are a pool cleaner for example, then you need a serious think. If you are targeting a nearby village make sure that there are pools in there and if you work as Santa make sure people who live close to you celebrate Christmas as well.</p>
<h2>3. Check your competition and double check it once again.</h2>
<p>This one is closely connected with point two. The bigger your field of experience and expertise is, the larger is your audience but at the same time the bigger your competition is. Say you are the only person in your city cleaning pools and everyone knows you. Now let’s imagine there&#8217;s exactly the same person in the other city and everyone knows him and invites for a cup of coffee? Right, why would they ever call you even if they find your website? Well, there&#8217; one simple trick you can make to beat the competition- offer something special and unique. Offer lover pricing, some free services, ask your clients to put some reviews for you and put all that on a paper or make a document with notes on your computer.<br />
<img class="alignnone size-full wp-image-5195" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/competition.jpg" alt="" width="570" height="381" /><br />
Photo by <a href="http://www.flickr.com/photos/gunsotsu/1720203320/sizes/l/">will nickelson</a></p>
<h2>4. Check similar websites and put down what you like about them and what can be made better.</h2>
<p>Now when you know your audience and your competition you can start thinking about the website itself. Do not hurry and don&#8217;t panic. Check the websites of your competitors and websites of the top companies in your area of business. Make notes about what you like and what you don&#8217;t, what&#8217;s convenient for you as a user and what is not, how are the products presented, is it easy to find the products/service you are looking for and if it is easy to order it online. Choose several websites you like most and ask your friends to test them for usability. Compare your notes and draw conclusions.<br />
Once complete divide your notes and conclusions into the following categories:<br />
- design likes and dislikes: color scheme, website layout and general design direction;<br />
- functionality: what is convenient and what is not, navigation, how quickly you can get to the product page, what&#8217;s the registration/checkout process etc;<br />
- calls to action: what buttons, phrases or banners made you interested in the product; what made you feel the product/service is what you need  and where would it be appropriate to add the buy/order/call or learn more buttons on your website.</p>
<h2>5. Act like a customer.</h2>
<p><img class="alignleft size-medium wp-image-5197" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/client-300x300.jpg" alt="" width="159" height="167" />While you can still act like a website visitor and not like a website owner think of the keywords you would use to find a website like yours. Ask your friends to help you and put the keywords down. It&#8217;s better to think about it now while you still have enough time before website design and development starts as these keywords will further drive traffic to the website. Do not forget about geo-targeting, people in CA won&#8217;t order cakes from NY.</p>
<p>Photo by <a href="http://www.flickr.com/photos/sarahmiskelly/3766182544/sizes/o/">Lunabee ^_^</a></p>
<h2></h2>
<h2>6. Prepare some good photos that can attract visitors and catch their attention.</h2>
<p>Let&#8217;s make sure your future website looks professional and attractive. Most of the website design companies will ask if you have the photos to use and will be pleasantly surprised if you do. Professional photos of your delicious cakes or neat stylish hand-made jewelry can make and indelible impression on your website visitors and push them to place the order right away. Do not use stock photos if you make the products yourself, seeing thousands of them everyday online people will know this is not yours and will subliminally feel cheated and disappointed and thus not likely to place the order. If you are creating a corporate website for say an IT company using stock photography is a usual practice and you can rely on a design company to choose the appropriate images for you.  Still, if you can make photos of your stuff this will give a more personal feeling, thus more trust and comfort. We all like to see people we work with, right?</p>
<h2>7. Think of the logo and whether you need one.</h2>
<p><img class="alignleft size-medium wp-image-5207" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/logo-300x298.jpg" alt="" width="185" height="185" />Coming to the point of brand recognition you need to think of the company logo and name (if you don&#8217;t have one yet). As a rule, if you don&#8217;t need a company logo for your offline business you won&#8217;t need it online (and if you have one you are more likely to use it online as well). Think of some nice company name and make sure it&#8217;s not taken yet. When talking to designer don&#8217;t forget to mention that you don&#8217;t have a logo but would like to have the company name written in some nice font matching the website style, look and feel. This will also help you to keep the design costs down which is very important when you are just starting your online business.</p>
<p>Logo by <a href="http://www.flickr.com/photos/vissago/2382615145/sizes/o/">vissago</a></p>
<h2>8. Think what you&#8217;d like to tell to your website visitors and put that down.</h2>
<p>Now let&#8217;s remember how you&#8217;ve been visiting the websites of your competitors. What information was useful and what was not, what you have found interesting and what was boring, what calls to action made you actually act? Think what you&#8217;d like to tell to your customers, what it is so unique in you that they can find irresistible and place the order right away, give you a call or add the website to the favorites to check back later? Do not forget about the list of the keywords you have put down. Use them in your text as this will greatly help to rank good in the search engines when your website is up and running. At this stage you can either make one big text or start dividing it into sections.<br />
<img class="alignnone size-full wp-image-5205" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/website-visitors.jpg" alt="" width="570" height="428" /><br />
Photo by <a href="http://www.flickr.com/photos/danielygo/1326261580/sizes/l/">Daniel Y. Go</a></p>
<h2>9. Think of the main menu names.</h2>
<p>We have come to the stage when you can plan the website structure and layout. You already have the info you have put together in point 8 and now we can use it to form the menu names. Divide your draft into the sections like about us, our products and services, why choose us, how to find and contact us etc. Ask your friends if they since something else might also be of an interest to the website visitors and add it as well. Do not tend to create many separate pages for a simple website, in most cases all the important information should be located in no more than one click from the home page. If your website is complicated, have lots of info or you plan building some kind of a portal, break the related sections into the groups, define main pages and sub pages, use the experience of your competitors and your notes from point 4 ( where you made the notes about websites friendliness and usability).</p>
<h2>10 Think of the website colors.</h2>
<p><img class="alignleft size-medium wp-image-5203" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/colors-300x300.jpg" alt="" width="213" height="213" />The website color scheme is one of most important elements to consider. Colors act differently, gray and blue are calm and confident, red is aggressive while yellow sand and brown are cozy. What impression will your website make? Is this color appropriate for your business at all? Read some small studies and find the perfect matching colors. You can also look for colors solution on a website like <a href="http://www.colourlovers.com/">colorlovers</a> where designers have gathered thousands of color schemes pleasant to the eye and which are free to use. If you have several ideas in mind and not sure which one to choose you can consult with your designer when discussing the project details or simply ask him to try several approaches for additional fee or just make some basic sketches before working on all the details.</p>
<p>Photo by <a href="http://www.flickr.com/photos/jakerome/3065903183/sizes/l/">jakerome</a></p>
<h2>11. Define website style.</h2>
<p>If you are not sure what website style is, let me give you some examples: corporate, business, urban, grunge, wallpaper, clean web 2.0, minimal, retro, fashion, cartoon etc. You can actually create your own style or make a mix. Nowadays more and more designers tend to create minimal designs with the use of big fonts and obvious calls to action. They make an accent on uniqueness of one or few elements like an intro, photo on the splash page, creative navigation or cool slideshow portfolio.</p>
<h2>12. Make sure you can deliver what you are promising and deliver it in time.</h2>
<p><img class="alignleft size-medium wp-image-5199" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/promise-300x200.jpg" alt="" width="300" height="200" />Now when you have prepared all the info a designer usually needs to create a perfect and very special website for your company, make sure you can deliver all that you are promising. You may skip this point as it&#8217;s not directly related to getting ready for website design but it is vital part of the online business. Surfers will find hundreds of websites offering same products and services one by one and even with the perfect, cool and super-friendly design you can&#8217;t stand out from the crowd if you don&#8217;t keep to your promises. Deliver it time, give the promised discounts and finally, provide a perfect service.</p>
<p>Photo by <a href="http://www.flickr.com/photos/every1knows/2996611416/sizes/l/">Basil Gloo</a></p>
<h2>13. Choose a design company.</h2>
<p>Well, here we are. You have a big batch of notes, texts and photos and now you need to find a designer. My advice is to look for young companies as they take less, have friendly customer support and create cool things. Check their portfolios, ask questions, see if you can get some kind of a discount :) And don&#8217;t panic, with the tremendous info you have prepared a candy is guaranteed!<br />
<img class="alignnone size-full wp-image-5200" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/design_company.jpg" alt="" width="570" height="380" /><br />
Photo by <a href="http://www.flickr.com/photos/nhussein/3373164994/sizes/l/">nhussein</a></p>
<p>Enjoyed the article? Don&#8217;t forget to share your thoughts with us.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/how-to-well-prepared-website-creation-tips/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Bring Your Websites Alive: From Boring To Exciting!</title>
		<link>http://www.1stwebdesigner.com/design/exciting-web-design-examples/</link>
		<comments>http://www.1stwebdesigner.com/design/exciting-web-design-examples/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 10:10:20 +0000</pubDate>
		<dc:creator>Poonam Agarwal</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=4910</guid>
		<description><![CDATA[Some have a passion for web design; others consider it a mere task! This article is for those who consider web design more than just a task, in fact, it is meant for those who always have a passion to create something new! Bringing together elements of design and technicality is an exciting task, if [...]]]></description>
			<content:encoded><![CDATA[<div class="KonaBody"><p><a href="http://www.1stwebdesigner.com/design/exciting-web-design-examples/"><img class="alignleft" title="exciting-web-design-examples" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design.jpg" alt="" width="150" height="150" /></a>Some have a passion for web design; others consider it a mere task! This article is for those who consider web design more than just a task, in fact, it is meant for those who always have a passion to create something new! Bringing together elements of design and technicality is an exciting task, if you love website design that speaks and conveys its message effectively.</p>
<p>The approach taken towards design is the <strong>key to the entire site</strong>. This is also the reason why some websites grab user-attention whereas others tend to drive users away from the page.<span id="more-4910"></span></p>
<h2>Few Points that should be considered:</h2>
<ul>
<li>The design should attract attention</li>
<li>A user should find the website engaging</li>
<li>The content should convey the right message</li>
<li>The website should be user-friendly</li>
</ul>
<h2>1. The design should attract attention</h2>
<p><strong><a href="http://www.simonemoreno.com/" target="_blank">Simone Moreno</a></strong></p>
<p style="text-align: center;"><a href="http://www.simonemoreno.com/"><img class="aligncenter size-full wp-image-4912" title="exciting-web-design-simonemoreno" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-simonemoreno.jpg" alt="" width="570" height="379" /></a></p>
<p>The design is what speaks more than the words when a user first looks at the site. It is therefore essential you have a creative website without all the clutter. This website example has a very attractive and well-balanced approach. Although the main image is rather heavy, it has been balanced appropriately with the colors and tones used. The site is about a musician, Simone Moreno. It gives information in a neat and clutter free way although there is plenty of creativity involved in the way the images are presented.</p>
<p><strong><a href="http://www.bebopjeans.com/" target="_blank">Bebop Jeans</a></strong></p>
<p style="text-align: center;"><a href="http://www.bebopjeans.com/"><img class="aligncenter size-full wp-image-4914" title="exciting-web-design-bebopjeans" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-bebopjeans.jpg" alt="" width="570" height="444" /></a></p>
<p>In this example, the website is all about an attractive color and design form usage. The elements appear slowly on the screen as the whole design takes shape. There is an interesting balance of colors and forms used. This apparel brand ensures users are motivated to explore the site.</p>
<h2>2. A user should find the website engaging</h2>
<p><strong><a href="http://www.mono-1.com/monoface/main.html" target="_blank">Monoface</a></strong></p>
<p style="text-align: center;"><a href="http://www.mono-1.com/monoface/main.html"><img class="aligncenter size-full wp-image-4915" title="exciting-web-design-monoface" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-monoface.jpg" alt="" width="570" height="366" /></a></p>
<p>This example is about a Minneapolis-based company which creates innovative communication solutions for its clients. However, instead of presenting the company information in the usual manner, it has chosen an engaging way to interact with clients. The features of the main face shown in the image above can be changed with mere clicks to reveal some truly hilarious options. This is a great way to engage users whilst conveying about the creativity of the company and the kind of portfolio it will boast of!</p>
<p><strong><a href="http://www.tonydorio.com/" target="_blank">Tony D&#8217;Orio</a></strong></p>
<p style="text-align: center;"><a href="http://www.tonydorio.com/"><img class="aligncenter size-full wp-image-4916" title="exciting-web-design-tonydorio" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-tonydorio.jpg" alt="" width="570" height="390" /></a></p>
<p>It can take some time to figure out this website, yet this is the very factor that makes one stay on the page. A collection of some amazing photographs have been put together by the photographer. As a users clicks on an image, the black and white image changes into color and is further enlarged. The interaction happens in an interesting way that keeps the users engaged whilst browsing the site.</p>
<h2>3. The content should convey the right message</h2>
<p><strong><a href="http://www.evalushop.com/" target="_blank">EValueShop</a></strong></p>
<p style="text-align: center;"><a href="http://www.evalushop.com/"><img class="aligncenter size-full wp-image-4917" title="exciting-web-design-evalushop" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-evalushop.jpg" alt="" width="570" height="338" /></a></p>
<p>The content in a website should target its users keeping in mind the very short attention span. The message should be such that it attracts the attention and causes a user to browse the site further. This shopping website obviously has a lot of content to be presented with regards to the product. Instead of a staid presentation which might even cause a user to go away from the page; it has made use of an interesting display through the use of interactivity.</p>
<p><strong><a href="http://www.costanavarino.com/" target="_blank">Costa Navarino</a></strong></p>
<p style="text-align: center;"><a href="http://www.costanavarino.com/"><img class="aligncenter size-full wp-image-4918" title="exciting-web-design-costanavarino" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-costanavarino.jpg" alt="" width="570" height="374" /></a></p>
<p>This website has creative usage of Flash. It engages the users whilst the destinations and other related information is displayed. Although, there is a usage of Flash interactions, the main message is not lost. There is a good balance between design and the topic.</p>
<h2>4. The website should be user-friendly</h2>
<p style="text-align: left;"><strong><a href="http://www.madisonindia.com/home.htm" target="_blank">Madison Communications</a></strong><a href="http://www.madisonindia.com/home.htm"><img class="aligncenter size-full wp-image-4920" title="exciting-web-design-madisonindia" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-madisonindia.jpg" alt="" width="570" height="310" /></a></p>
<p>A website should present all its main sections in a clear manner. This is mainly to catch the attention of the user as the time factor is very limited. A website with a boring home page or site map will definitely not hold the attention span of any user. In this example, the various media departments are shown in a creative site map for the advertising firm. As the user traverses through the different headings, the cartoon character changes according to the topic.</p>
<p><strong><a href="http://www.hoodieremix.com/">Hoodie Remix</a></strong></p>
<p style="text-align: center;"><a href="http://www.hoodieremix.com/"><img class="aligncenter size-full wp-image-4921" title="exciting-web-design-hoodieremix" src="http://cdn.1stwebdesigner.com/wp-content/uploads/2010/02/exciting-web-design-hoodieremix.jpg" alt="" width="570" height="374" /></a></p>
<p>A neat and simple design is what this website is all about. Yet, the users are kept engaged on the site as they can create and design their own style for the hoodie. The home, design, gallery and about us section are kept separate so that a user can navigate easily.</p>
<h2>Final Thoughts</h2>
<h2>The common thread between all these examples:</h2>
<p>These examples have conveyed the basics of an attractive and exciting website. Upon close observation, the common factor amongst all is <strong>Website Interactivity and Creativity.</strong></p>
<h2>The Basics of Website Interactivity:</h2>
<p>Interactivity is the next step in the evolution of web interfaces. Here, we can take an example. A radio button or hyperlinks are elements of a web interface. Contrast these with a 3Dimensional Cube or a 3Dimensional Flip Book, both being examples of interactivity. They are complete experiences of doing stuff that engages users with web pages whilst the user is going through the information displayed on the website. This is what makes these examples stand out. The use of interactivities woven very creatively with website content makes them successful in capturing user-attention.</p>
<p>This is because, with <strong>interactivity</strong>, you can get users to stay longer, engage better and return sooner to your websites. However, some of the most commonly known ways to achieve interactivity involve programming. This can be <strong>time consuming and tedious</strong>. Interactivity thus created can be hard to maintain. On the other hand, <strong>Rapid Interactivity &#8211; a new paradigm</strong> &#8211; allows web masters to add interactivity to websites <strong>quickly and easily</strong> and also permits easy customization. This is a new phenomenon that most web designers are choosing to employ.</p>
<p>Interactivity can take on a number of different levels of complexity, depending on the needs of the site and the tools used to create the interactive features. These tools require programming of interactivity which is complex to code and difficult to maintain. Rapid programming is about creating interactions within minutes through customization.</p>
<p>Interactivity is all about <strong>keeping users on a web page</strong>!</p>
<p>Website interactivity is fast catching the fancy of many web designers who want to make their websites stand out! I guess it’s time to make your websites turn exciting from plain boring!</p>
<p>Let us know what do you think about interactivity and excitement in web design.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/exciting-web-design-examples/feed/</wfw:commentRss>
		<slash:comments>48</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Content Delivery Network via cdn.1stwebdesigner.com

Served from: www.1stwebdesigner.com @ 2010-03-19 07:48:59 -->