<?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>Vandelay Design Blog &#187; Design Process</title>
	<atom:link href="http://vandelaydesign.com/blog/category/design-process/feed/" rel="self" type="application/rss+xml" />
	<link>http://vandelaydesign.com/blog</link>
	<description>Web Design and Development Blog</description>
	<lastBuildDate>Thu, 02 Sep 2010 13:37:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>15 Invoicing Tips for Designers and Freelancers</title>
		<link>http://vandelaydesign.com/blog/design-process/invoicing-tips/</link>
		<comments>http://vandelaydesign.com/blog/design-process/invoicing-tips/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 20:10:21 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[freelance]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1882</guid>
		<description><![CDATA[Most designers don't particularly enjoy the financial  side of running a business, but handling it properly is a necessary part of  being a freelancer or running a design agency. The financial side of the  business includes invoicing clients, and in this article we'll look at some tips  and best practices for invoicing.
<h3>1. Decide on an Invoicing App or Software</h3>
There are plenty of online invoicing apps available that  have been created with designers and freelancers in mind. Additionally, there  are some software options as well. Using either an online app or software to  handle your invoicing will allow you to save time and to have better  organization over your invoices and receivables, as opposed to using a manual  system or spreadsheets.

With so many options to choose from (see <a href="http://sixrevisions.com/tools/20-invoicing-tools-web-designers/">20  Invoicing Tools for Web Designers</a>), you should be able to find an app or  software that includes all of the features that you need, and ideally, not a lot  of those that you don't need. Online apps are available in a wide range of  prices, some are even free. Prices will usually rise as more features are  included, and most invoicing apps will have a few different plans according to  the number of invoices and clients that you need to manage.

If you'd like to avoid monthly or yearly fees of online  apps, you can purchase invoicing software for a one-time fee and manage an  unlimited number of invoices and clients.

For invoicing software we recommend <a href="https://secure.avangate.com/affiliate.php?ACCOUNT=ATELIERS&#38;AFFILIATE=9331&#38;PATH=http%3A%2F%2Fwww.fanuriotimetracking.com">Fanurio</a>. For online  apps we recommend <a href="http://www.freshbooks.com/">FreshBooks</a>. Find a solution that meets your needs and it will  help you to have more accurate invoicing and financial records with less time  commitment.]]></description>
			<content:encoded><![CDATA[<p>Most designers don&#8217;t particularly enjoy the financial  side of running a business, but handling it properly is a necessary part of  being a freelancer or running a design agency. The financial side of the  business includes invoicing clients, and in this article we&#8217;ll look at some tips  and best practices for invoicing.</p>
<h3>1. Decide on an Invoicing App or Software</h3>
<p>There are plenty of online invoicing apps available that  have been created with designers and freelancers in mind. Additionally, there  are some software options as well. Using either an online app or software to  handle your invoicing will allow you to save time and to have better  organization over your invoices and receivables, as opposed to using a manual  system or spreadsheets.</p>
<p>With so many options to choose from (see <a href="http://sixrevisions.com/tools/20-invoicing-tools-web-designers/">20  Invoicing Tools for Web Designers</a>), you should be able to find an app or  software that includes all of the features that you need, and ideally, not a lot  of those that you don&#8217;t need. Online apps are available in a wide range of  prices, some are even free. Prices will usually rise as more features are  included, and most invoicing apps will have a few different plans according to  the number of invoices and clients that you need to manage.</p>
<p>If you&#8217;d like to avoid monthly or yearly fees of online  apps, you can purchase invoicing software for a one-time fee and manage an  unlimited number of invoices and clients.</p>
<p>For invoicing software we recommend <a href="https://secure.avangate.com/affiliate.php?ACCOUNT=ATELIERS&amp;AFFILIATE=9331&amp;PATH=http%3A%2F%2Fwww.fanuriotimetracking.com">Fanurio</a>. For online  apps we recommend <a href="http://www.freshbooks.com/">FreshBooks</a>. Find a solution that meets your needs and it will  help you to have more accurate invoicing and financial records with less time  commitment.</p>
<h3>2. Determine Your Policies</h3>
<p>In an ideal world, all of your invoices would be paid on time. However, most  designers have to deal with late payments, or even no payments, every now and  then. You should be prepared and set some policies for how you will handle your  invoicing and payments.</p>
<p>Some things you need to consider:</p>
<ul>
<li>How much will you charge up front?</li>
<li>How many days will you give clients to make payments?</li>
<li>What late fees will you charge for late payments?</li>
<li>Will you provide completed files or work before or after final payment is  received?</li>
<li>What types of payment will you accept?</li>
</ul>
<p>Of course, there will be situations when you&#8217;ll want to make some adjustments  or exceptions to your policies, but it&#8217;s a good idea to establish the policies  in the first place and then deal with exceptions as needed.</p>
<h3>3. Avoid Surprises</h3>
<p>Clients should be made aware of your policies and they should know when they  will be invoiced for your services. Clients who are surprised by anything on the  invoice (whether it is the amount due, the payment terms, the hourly fee, or not  knowing what the invoice is for) will be much more likely to pay late or to not  pay at all. Part of having an invoicing system that works efficiently is to make  sure that there are no unpleasant surprises for clients.</p>
<h3>4. Include Your Contact Information</h3>
<p>Your invoices should always include your name (or your company name),  address, and preferably your email and phone number. Depending on the client you  are dealing with, there may be a number of different people that handle the  invoice before it gets paid. If it gets passed to an accounts payable department  and they have some question about the invoice, it should be easy for them to get  in touch with you. Any delays in being able to contact you will result in a  delay of the payment as well. Additionally, some of your clients will need your  contact information on invoices for legal or record keeping purposes.</p>
<h3>5. Have a System for Numbering</h3>
<p>Most designers send out invoices on a frequent basis. It doesn&#8217;t take long  before it becomes difficult to track them without having a system for numbering.  Most online apps and software will include this by default or will allow you to  customize the invoice numbers. Having numbers will allow you to easily record  payments accurately as they are received, it will help for tracking down late  payments, and it will make it easier on your clients&#8217; record keeping as  well.</p>
<h3>6. Include the Recipient&#8217;s Information</h3>
<p>In addition to including your own contact information, you should include all  of the same things for the recipient. This can help for making communication  easier, but more importantly, it can be important for legal purposes if you are  having issues with not receiving payments. The less information you have on the  invoice the harder it is to prove that you are owed any money.</p>
<h3>7. Provide the Details of Services and Charges</h3>
<p>Each invoice should specify what the charges are for and what services have  been performed for the client. This will help both you and the client. For the  client, it will help to avoid confusion over what has been done, what they are  being billed for, and what they have already paid for. This can especially be an  issue for projects that involve multiple invoices or for clients for whom you do  on-going work.</p>
<p>From your perspective, a detailed description can help you for record keeping  and to know what clients have already been invoiced for and what they will need  to be invoiced for in the future.</p>
<h3>8. Include the Due Date</h3>
<p>Each invoice should include a due date for when payment is expected. Without  a due date it can be difficult to assess any late fees or to establish that a  client has not paid on time. Due dates are helpful even for your clients that  always pay on time, as it can help them to know what you expect and when they  will need to process the payment.</p>
<h3>9. List Methods of Payment that are Accepted</h3>
<p>Clients should not only be aware of how much they owe, what services they are  being charged for, and when they need to pay, but also how they can make a  payment. Some designers prefer to receive checks, while others accept online  credit card payments. Your clients should be aware of how they can get you the  money that is owed. Making it easier for them and communicating clearly is  always a good thing for increasing the likelihood that you will be paid on time.  If you are accepting payment in the form of checks, clients should also know to  whom they should make out the check.</p>
<h3>10. Send the Invoice as an Attachment</h3>
<p>Most designers send their invoices by email rather than snail mail or fax,  and this is a good practice for saving paper and speeding up the process.  Generally, the easiest way for clients to receive and view an invoice sent by  email is a PDF attachment. Most apps and software will create PDF versions of  invoices for you.</p>
<h3>11. Be Sure to Send it to the Appropriate Person</h3>
<p>Before sending an invoice to a client, be sure that you know who should be  receiving the invoice. Especially if your client is not a small business,  sending the invoice to the wrong person can slow down the process and increase  the chances of the invoice being lost or ignored.</p>
<h3>12. Record Payments as They are Received</h3>
<p>Sending out invoices is really just the start of the process. You&#8217;ll also  need to have a system for recording payments as they are received. This way  you&#8217;ll be able to easily, and accurately, see who has paid you and what invoices  are outstanding or past due. If you fail to record payments accurately you&#8217;ll  waste time trying to identify unpaid invoices, and you may even wind up  contacting clients about a late payment that has already been made.</p>
<h3>13. Follow Up</h3>
<p>As your unpaid invoices reach their due dates, take a moment to follow up  with the client, remind them, and see if payment is on the way or if there are  any problems. As was mentioned earlier, it&#8217;s a good practice to have some sort  of policy for handling collections of late payments, and follow up will probably  always be a part of the process.</p>
<p>In some cases the invoice may have slipped through the cracks and the client  will quickly pay when they realize this. In other cases, a gentle nudge or the  possibility of a late fee will be enough encouragement.</p>
<h3>14. Indicate if it is a Partial Payment</h3>
<p>Because most web design projects involve more than one invoice or payment  (for example, 50% up front and 50% at completion), it&#8217;s a good practice to  indicate this on the invoice. Doing so can help to avoid potential confusion and  disputes that could lead to difficulty in collecting payments, plus clear  communication is always a positive.</p>
<h3>15. Address any Problems</h3>
<p>Whenever you experience a problem or issue that a client has with an invoice  or charge, address it as soon as possible. Don&#8217;t wait to see if they&#8217;ll make the  payment, make an effort to get it resolved. The longer it goes the less likely  you are to receive payment.</p>
<h3>What are Your Tips?</h3>
<p>If you have any tips from your own experience that you&#8217;d like to share with  our readers, please leave a comment.</p>
<p>Disclosure: this post includes an affiliate link for Fanurio. We use this  software and can honestly recommend it.</p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/invoicing-tips/feed/</wfw:commentRss>
		<slash:comments>43</slash:comments>
		</item>
		<item>
		<title>21 Resources for Getting Design Feedback</title>
		<link>http://vandelaydesign.com/blog/design-process/feedback/</link>
		<comments>http://vandelaydesign.com/blog/design-process/feedback/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 14:04:38 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1671</guid>
		<description><![CDATA[Getting feedback and making use of it is essential to a successful design project. However, the communication process with clients and with team members can become quite cumbersome to manage with the amount of emails that are sent back and forth and the various revisions and versions of the project. Fortunately, there are some very helpful resources out  there that can improve efficiency and organization with feedback.

In this post we'll look at 21 useful resources. They are categorized by purpose.
<h3>Feedback from Clients:</h3>
Of course, every successful project needs to involve communication and feedback between the designer and the client. These four resources can help in this area.

<strong><a href="http://www.proofhq.com/">ProofHQ</a></strong>
ProofHQ simplifies the design review, feedback and approval process for you and your clients. Clients can provide feedback conveniently through ProofHQ and you can benefit from better organization through the process. Prices range from $17 - $499 per month, with a free trial available.

<a href="http://www.proofhq.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/12.jpg" alt="ProofHQ" width="515" height="324" /></a>]]></description>
			<content:encoded><![CDATA[<p>Getting feedback and making use of it is essential to a successful design project. However, the communication process with clients and with team members can become quite cumbersome to manage with the amount of emails that are sent back and forth and the various revisions and versions of the project. Fortunately, there are some very helpful resources out  there that can improve efficiency and organization with feedback.</p>
<p>In this post we&#8217;ll look at 21 useful resources. They are categorized by purpose.</p>
<h3>Feedback from Clients:</h3>
<p>Of course, every successful project needs to involve communication and feedback between the designer and the client. These four resources can help in this area.</p>
<p><strong><a href="http://www.proofhq.com/">ProofHQ</a></strong><br />
ProofHQ simplifies the design review, feedback and approval process for you and your clients. Clients can provide feedback conveniently through ProofHQ and you can benefit from better organization through the process. Prices range from $17 &#8211; $499 per month, with a free trial available.</p>
<p><a href="http://www.proofhq.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/12.jpg" alt="ProofHQ" width="515" height="324" /></a></p>
<p><strong><a href="http://www.getsignoff.com/">GetSignOff</a></strong><br />
GetSignOff is a resource that will help you to organize client feedback and multiple versions of the design while getting client approval on the design. There is a limited free account that will allow you to try the service, and premium plans start at $29 per month.</p>
<p><a href="http://www.getsignoff.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/2.jpg" alt="GetSignOff" width="515" height="305" /></a></p>
<p><strong><a href="http://www.getbackboard.com/">Backboard</a></strong><br />
Backboard allows you to get feedback on your work as users can use their &#8220;red pen&#8221; to leave comments and notes on the designs. You can track records of feedback and approval on your projects. Plans range from $6 &#8211; $50 per month, with a free trial available.</p>
<p><a href="http://www.getbackboard.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/11.jpg" alt="Backboard" width="515" height="313" /></a></p>
<p><strong><a href="http://www.redmark.com/">Redmark</a></strong><br />
Redmark allows designers to upload designs for potential clients to see. The clients can then leave feedback and hire designers. Redmark is a free service.</p>
<p><a href="http://www.redmark.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/4.jpg" alt="Redmark" width="515" height="312" /></a></p>
<h3>Feedback from Other Designers and Team Members:</h3>
<p>On many projects there are multiple team members involved, and internal feedback is equally important. And when there is no team involved it can still be helpful to get feedback from other designers and professionals. Here are four resources that can help for managing this type of communication.</p>
<p><strong><a href="http://www.conceptfeedback.com/">Concept  Feedback</a></strong><br />
Concept Feedback allows designers to upload their work and receive feedback and critiques from other designers. It is free to upload your designs and get feedback from the community of users.</p>
<p><a href="http://www.conceptfeedback.com/g"><img class="alignnone" src="http://vandelaydesign.com/images/1109/5.jpg" alt="Concept  Feedback" width="515" height="312" /></a></p>
<p><strong><a href="http://www.notableapp.com/">Notable</a></strong><br />
Notable is designed to organize feedback from team members, and it helps by making the feedback visual. There is a limited free plan available, and premium plans range from $24 &#8211; $119 per month.</p>
<p><a href="http://www.notableapp.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/3.jpg" alt="Notable" width="515" height="315" /></a></p>
<p><strong><a href="http://www.feedbackarmy.com/">Feedback Army</a></strong><br />
Through Feedback Army you can submit questions about your website&#8217;s usability and get a specified number of responses from reviewers. The cost is $10 for 10 responses.</p>
<p><a href="http://www.feedbackarmy.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/8.jpg" alt="Feedback Army" width="515" height="313" /></a></p>
<p><strong><a href="http://www.ididwork.com/">ididwork</a></strong><br />
ididwork is intended for managers and employees to communicate on projects. It doesn&#8217;t offer features for clients to leave feedback but it can be useful for feedback within a team. It is a free resource.</p>
<p><a href="http://www.ididwork.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/20.jpg" alt="ididwork" width="515" height="343" /></a></p>
<h3>Feedback from Users:</h3>
<p>Users/visitors/customers also have a role in the process. These five resources can allow you to get more out of the feedback your receive from users.</p>
<p><strong><a href="http://fivesecondtest.com/">Five Second  Test</a></strong><br />
Five Second Test is a useful resource for getting feedback on first impressions of your designs. You can set up tests for free (some features are premium) and you can be tracking feedback very quickly.</p>
<p><a href="http://fivesecondtest.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/1.jpg" alt="Five Second  Test" width="515" height="287" /></a></p>
<p><strong><a href="http://usabilla.com/">Usabilla</a></strong><br />
With Usabilla you can create your tests, set up questions for viewers, invite users, and get specific feedback on various aspects of the design.</p>
<p><a href="http://usabilla.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/7.jpg" alt="Usabilla" width="515" height="284" /></a></p>
<p><strong><a href="https://uservoice.com/">UserVoice</a></strong><br />
UserCoice allows customers/users/visitors to share ideas, vote on other ideas that they like, and you are provided with this valuable feedback. A limited free account is available. Premium plans range from $19 &#8211; $589 per month.</p>
<p><a href="https://uservoice.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/9.jpg" alt="UserVoice" width="515" height="298" /></a></p>
<p><strong><a href="http://www.kampyle.com/">Kampyle</a></strong><br />
Kampyle helps you to analyze and manage feedback from customers and website visitors. A limited free account is available and premium plans range from $99 &#8211; $999 per month.</p>
<p><a href="http://www.kampyle.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/21.jpg" alt="Kampyle" width="515" height="306" /></a></p>
<p><strong><a href="http://www.suggestionbox.com/">SuggestionBox</a></strong><br />
With SuggestionBox you can solicit and analyze feedback from customers and website visitors. The price is $49.50 per month, with a free trial available.</p>
<p><a href="http://www.suggestionbox.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/22.jpg" alt="SuggestionBox" width="515" height="308" /></a></p>
<h3>Multi-Purpose:</h3>
<p>These four resources cannot be classified in just one of the other categories.</p>
<p><strong><a href="http://www.conceptshare.com/">Concept Share</a></strong><br />
Concept Share allows you to get feedback from both clients and team members. You upload your work and allow others to comment on it in a secure location. Prices range from $24 &#8211; $99 per month, with a free trial available.</p>
<p><a href="http://www.conceptshare.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/16.jpg" alt="Concept Share" width="515" height="281" /></a></p>
<p><strong><a href="http://basecamphq.com/">Basecamp</a></strong><br />
Basecamp does much more than just manage feedback. It is a project management tool that includes features for efficient collaborating through communication and feedback. Prices range from $24 &#8211; $149 per month.</p>
<p><a href="http://basecamphq.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/17.jpg" alt="Basecamp" width="515" height="295" /></a></p>
<p><strong><a href="http://pbworks.com/minisites/cpc/ms-cpc.php">PBWorks Project  Edition</a></strong><br />
PBWorks Project Edition is a project management tool that includes features for allowing clients to provide feedback on projects. It also includes features for collaborating with team members. The cost is $20 per user per month.</p>
<p><a href="http://pbworks.com/minisites/cpc/ms-cpc.php"><img class="alignnone" src="http://vandelaydesign.com/images/1109/18.jpg" alt="PBWorks Project  Edition" width="515" height="307" /></a></p>
<p><strong><a href="http://www.webproof.com/">WebProof</a></strong><br />
WebProod allows feedback through sticky notes, text highlighting, and more. Prices start at 199€ per month.</p>
<p><a href="http://www.webproof.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/19.jpg" alt="WebProof" width="515" height="328" /></a></p>
<h3>Design Critiques:</h3>
<p>There may be times where you would like to read a detailed review or critique of your work from another professional.</p>
<p><strong><a href="http://wecritiquedesigns.com/">Design Critique</a></strong><br />
Design Critique is a blog that publishes critiques of all types of design. You can submit your work and request to be considered for a critique.</p>
<p><a href="http://wecritiquedesigns.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/6.jpg" alt="Design Critique" width="515" height="311" /></a></p>
<p><strong><a href="http://pleasecritiqueme.com/">Please Critique  Me</a></strong><br />
Please Critique Me is a blog from <a href="http://onwired.com/">OnWired</a> where you can submit your design to be reviewed and critiqued.</p>
<p><a href="http://pleasecritiqueme.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/15.jpg" alt="Please Critique  Me" width="515" height="312" /></a></p>
<h3>Forums:</h3>
<p>Another way to get feedback on your work is to visit a forum for designers. These three forums all include an area specifically for reviews, critiques and feedback.</p>
<p><strong><a href="http://www.sitepoint.com/forums/forumdisplay.php?f=90">Reviews and  Critiques &#8211; SitePoint Forums</a></strong></p>
<p><a href="http://www.sitepoint.com/forums/forumdisplay.php?f=90"><img class="alignnone" src="http://vandelaydesign.com/images/1109/10.jpg" alt="Reviews and  Critiques - SitePoint Forums" width="515" height="287" /></a></p>
<p><strong><a href="http://www.designerstalk.com/forums/showcase/">Showcase &#8211;  DesignersTalk Forums</a></strong></p>
<p><a href="http://www.designerstalk.com/forums/showcase/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/13.jpg" alt="Showcase -  DesignersTalk Forums" width="515" height="292" /></a></p>
<p><strong><a href="http://forum.smashingmagazine.com/look-at-my-design-f48/">Look at My  Design! &#8211; Smashing Magazine Forums</a></strong></p>
<p><a href="http://forum.smashingmagazine.com/look-at-my-design-f48/"><img class="alignnone" src="http://vandelaydesign.com/images/1109/14.jpg" alt="Look at My  Design! - Smashing Magazine Forums" width="515" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/feedback/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>75 PSD to HTML Resources for Web Designers</title>
		<link>http://vandelaydesign.com/blog/design-process/psd-to-html-resources/</link>
		<comments>http://vandelaydesign.com/blog/design-process/psd-to-html-resources/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 19:57:59 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[psd to html]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1614</guid>
		<description><![CDATA[PSD to HTML conversion is a critical step in the web design and development process. Whether you are <a href="http://designm.ag/resources/converting-psd-to-html/">coding your own design</a> or outsourcing it, the quality of the final project will be significantly influenced by the work that is done at this stage. In this post you'll find 75 resources, including PSD to HTML providers, PSD to WordPress providers, sites for reading reviews of the service providers, automated resources, and PSD to HTML tutorials.
<h3>PSD to HTML Tutorials:</h3>
If you're interested in learning more about doing the PSD to HTML coding yourself, these tutorials will be very helpful.

<a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><strong>From PSD to HTML, Building a Set of Website Designs Step-by-Step</strong></a>

<a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><img src="http://vanimg.s3.amazonaws.com/psd-59.jpg" alt="From PSD to HTML, Building a Set of Website Designs Step-by-Step" width="425" height="338" /></a>]]></description>
			<content:encoded><![CDATA[<p>PSD to HTML conversion is a critical step in the web design and development process. Whether you are <a href="http://designm.ag/resources/converting-psd-to-html/">coding your own design</a> or outsourcing it, the quality of the final project will be significantly influenced by the work that is done at this stage. In this post you&#8217;ll find 75 resources, including PSD to HTML providers, PSD to WordPress providers, sites for reading reviews of the service providers, automated resources, and PSD to HTML tutorials.</p>
<h3>PSD to HTML Tutorials:</h3>
<p>If you&#8217;re interested in learning more about doing the PSD to HTML coding yourself, these tutorials will be very helpful.</p>
<p><a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><strong>From PSD to HTML, Building a Set of Website Designs Step-by-Step</strong></a></p>
<p><a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><img src="http://vanimg.s3.amazonaws.com/psd-59.jpg" alt="From PSD to HTML, Building a Set of Website Designs Step-by-Step" width="425" height="338" /></a></p>
<p><a href="http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/"><strong>Build a Sleek Portfolio Site from Scratch</strong></a></p>
<p><a href="http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/"><img src="http://vanimg.s3.amazonaws.com/psd-60.jpg" alt="Build a Sleek Portfolio Site from Scratch" width="425" height="397" /></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css"><strong>Encoding a Photoshop Mockup into XHTML/CSS</strong></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css"><img src="http://vanimg.s3.amazonaws.com/psd-61.jpg" alt="Encoding a Photoshop Mockup into XHTML/CSS" width="425" height="313" /></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><strong>How to Convert a PSD to HTML (video)</strong></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><img src="http://vanimg.s3.amazonaws.com/psd-62.jpg" alt="How to Convert a PSD to HTML (video)" width="425" height="258" /></a></p>
<p><a href="http://designm.ag/tutorials/psd-to-html-clean-folio/"><strong>How to Code a Clean Portfolio Design</strong></a></p>
<p><a href="http://designm.ag/tutorials/psd-to-html-clean-folio/"><img src="http://vanimg.s3.amazonaws.com/psd-63.jpg" alt="How to Code a Clean Portfolio Design" width="425" height="363" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-grunge-web-design-from-scratch/"><strong>How to Code a Grunge Web Design</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-grunge-web-design-from-scratch/"><img src="http://vanimg.s3.amazonaws.com/psd-64.jpg" alt="How to Code a Grunge Web Design" width="425" height="289" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-illustrative-web-design-from-scratch/"><strong>Coding a Clean and Illustrative Web Design</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-illustrative-web-design-from-scratch/"><img src="http://vanimg.s3.amazonaws.com/psd-65.jpg" alt="Coding a Clean and Illustrative Web Design" width="425" height="359" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/"><strong>How to Create a Dark and Sleek Web Design from Photoshop</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/"><img src="http://vanimg.s3.amazonaws.com/psd-66.jpg" alt="How to Create a Dark and Sleek Web Design from Photoshop" width="425" height="319" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/"><strong>Coding a Clean Web 2.0 Style Web Design from Photoshop</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/"><img src="http://vanimg.s3.amazonaws.com/psd-67.jpg" alt="Coding a Clean Web 2.0 Style Web Design from Photoshop" width="425" height="245" /></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/converting-a-design-from-psd-to-html/"><strong>Converting a Design from PSD to HTML</strong></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/converting-a-design-from-psd-to-html/"><img src="http://vanimg.s3.amazonaws.com/psd-68.jpg" alt="Converting a Design from PSD to HTML" width="425" height="370" /></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/slice-and-dice-that-psd/"><strong>Slice and Dice that PSD</strong></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/slice-and-dice-that-psd/"><img src="http://vanimg.s3.amazonaws.com/psd-69.jpg" alt="Slice and Dice that PSD" width="425" height="400" /></a></p>
<p><a href="http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/"><strong>The Design Lab: PSD Conversion</strong></a></p>
<p><a href="http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/"><img src="http://vanimg.s3.amazonaws.com/psd-70.jpg" alt="The Design Lab: PSD Conversion" width="425" height="206" /></a></p>
<p><a href="http://css-tricks.com/video-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/"><strong>Converting a Photoshop Mockup (video)</strong></a></p>
<p><a href="http://css-tricks.com/video-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/"><img src="http://vanimg.s3.amazonaws.com/psd-71.jpg" alt="Converting a Photoshop Mockup (video)" width="425" height="251" /></a></p>
<h3>PSD to HTML Providers:</h3>
<p>Here is a look at more than 40 of the leading providers of PSD to HTML services. Additionally, some offer options to have a PSD coded into a WordPress theme, some other type of CMS template, or for a particular <a href="http://vandelaydesign.com/blog/web-development/ecommerce/">shopping cart system</a>.</p>
<p><a href="http://snobbyslice.com/"><strong>Snobby Slice</strong></a><br />
You can read our review to <a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/">see why we recommend Snobby Slice</a>.</p>
<p><a href="http://snobbyslice.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-1.jpg" alt="Snobby Slice" width="425" height="256" /></a></p>
<p><a href="http://www.markup4u.com/"><strong>Markup4U</strong></a><br />
Markup4U also did some excellent work for us. You can see our <a href="http://vandelaydesign.com/blog/reviews/review-of-markup4u/">review of the services from Markup4U</a>.</p>
<p><a href="http://www.markup4u.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-2.jpg" alt="Markup4U" width="425" height="260" /></a></p>
<p><a href="http://www.psd2html.com/"><strong>PSD2HTML</strong></a></p>
<p><a href="http://www.psd2html.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-4.jpg" alt="PSD2HTML" width="425" height="255" /></a></p>
<p><a href="http://w3-markup.com/"><strong>W3 Markup</strong></a></p>
<p><a href="W3 Markup"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-7.jpg" alt="W3 Markup" width="425" height="238" /></a></p>
<p><a href="http://xhtml.pixelcrayons.com/"><strong>Pixel Crayons</strong></a></p>
<p><a href="http://xhtml.pixelcrayons.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-17.jpg" alt="Pixel Crayons" width="425" height="250" /></a></p>
<p><a href="http://rapidxhtml.com/"><strong>Rapid XHTML</strong></a></p>
<p><a href="http://rapidxhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-15.jpg" alt="Rapid XHTML" width="425" height="258" /></a></p>
<p><a href="http://markup-service.com/"><strong>Markup Service</strong></a></p>
<p><a href="http://markup-service.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-31.jpg" alt="Markup Service" width="425" height="255" /></a></p>
<p><a href="http://www.qualityxhtml.com/"><strong>Quality XHTML</strong></a></p>
<p><a href="http://www.qualityxhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-32.jpg" alt="Quality XHTML" width="425" height="259" /></a></p>
<p><a href="http://www.cssninjas.com/"><strong>CSS Ninjas</strong></a></p>
<p><a href="http://www.cssninjas.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-33.jpg" alt="CSS Ninjas" width="425" height="271" /></a></p>
<p><a href="http://www.htmlcut.com/"><strong>HTML Cut</strong></a></p>
<p><a href="http://www.htmlcut.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-34.jpg" alt="HTML Cut" width="425" height="258" /></a></p>
<p><a href="http://htmlrockstars.com/"><strong>HTML Rockstars</strong></a></p>
<p><a href="http://htmlrockstars.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-3.jpg" alt="HTML Rockstars" width="425" height="263" /></a></p>
<p><a href="http://www.slicendiceit.com/"><strong>Slice &#8216;n Dice</strong></a></p>
<p><a href="http://www.slicendiceit.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-5.jpg" alt="Slice 'n Dice" width="425" height="247" /></a></p>
<p><a href="http://www.xhtmlizers.com/"><strong>XHTMLizers</strong></a></p>
<p><a href="http://www.xhtmlizers.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-6.jpg" alt="XHTMLizers" width="425" height="293" /></a></p>
<p><a href="http://xhtml4u.com/"><strong>XHTML4U</strong></a></p>
<p><a href="http://xhtml4u.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-8.jpg" alt="XHTML4U" width="425" height="257" /></a></p>
<p><a href="http://www.slicemydesign.com/"><strong>Slice My Design</strong></a></p>
<p><a href="http://www.slicemydesign.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-10.jpg" alt="Slice My Design" width="425" height="289" /></a></p>
<p><a href="http://xhtmlslicer.com/"><strong>XHTML Slicer</strong></a></p>
<p><a href="http://xhtmlslicer.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-11.jpg" alt="XHTML Slicer" width="425" height="284" /></a></p>
<p><a href="http://www.thechoppr.com/"><strong>Choppr</strong></a></p>
<p><a href="http://www.thechoppr.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-12.jpg" alt="Choppr" width="425" height="297" /></a></p>
<p><a href="http://www.xhtmlgenius.com/"><strong>XHTML Genius</strong></a></p>
<p><a href="http://www.xhtmlgenius.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-13.jpg" alt="XHTML Genius" width="425" height="306" /></a></p>
<p><a href="http://xhtmlized.com/"><strong>XHTMLized</strong></a></p>
<p><a href="http://xhtmlized.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-14.jpg" alt="XHTMLized" width="425" height="240" /></a></p>
<p><a href="http://www.htmlblender.com/"><strong>HTML Blender</strong></a></p>
<p><a href="http://www.htmlblender.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-16.jpg" alt="HTML Blender" width="425" height="238" /></a></p>
<p><a href="http://www.seo-semantic-xhtml.com/"><strong>SEO Semantic XHTML</strong></a></p>
<p><a href="http://www.seo-semantic-xhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-18.jpg" alt="SEO Semantic XHTML" width="425" height="251" /></a></p>
<p><a href="http://www.2html.co.uk/"><strong>2HTML</strong></a></p>
<p><a href="http://www.2html.co.uk/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-19.jpg" alt="2HTML" width="425" height="257" /></a></p>
<p><a href="http://www.psdxhtml.com/"><strong>PSD XHTML</strong></a></p>
<p><a href="http://www.psdxhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-20.jpg" alt="PSD XHTML" width="425" height="309" /></a></p>
<p><a href="http://www.psdcutout.com/"><strong>PSD Cutout</strong></a></p>
<p><a href="http://www.psdcutout.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-25.jpg" alt="PSD Cutout" width="425" height="249" /></a></p>
<p><a href="http://www.image2markup.com/"><strong>Image 2 Markup</strong></a></p>
<p><a href="http://www.image2markup.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-22.jpg" alt="Image 2 Markup" width="425" height="252" /></a></p>
<p><a href="http://psdslicer.com/"><strong>PSD Slicer</strong></a></p>
<p><a href="http://psdslicer.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-23.jpg" alt="PSD Slicer" width="425" height="301" /></a></p>
<p><a href="http://www.yodiv.com/"><strong>YoDiv</strong></a></p>
<p><a href="http://www.yodiv.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-24.jpg" alt="YoDiv" width="425" height="254" /></a></p>
<p><a href="http://www.xhtmlit.com/"><strong>XHTML it</strong></a></p>
<p><a href="http://www.xhtmlit.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-43.jpg" alt="XHTML it" width="425" height="252" /></a></p>
<p><a href="http://www.xhtmlteam.com/"><strong>XHTML Team</strong></a></p>
<p><a href="http://www.xhtmlteam.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-27.jpg" alt="XHTML Team" width="425" height="306" /></a></p>
<p><a href="http://www.psdslicing.com/"><strong>PSD Slicing</strong></a></p>
<p><a href="http://www.psdslicing.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-28.jpg" alt="PSD Slicing" width="425" height="292" /></a></p>
<p><a href="http://www.xhtmlchop.com/"><strong>XHTML Chop</strong></a></p>
<p><a href="http://www.xhtmlchop.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-40.jpg" alt="XHTML Chop" width="425" height="242" /></a></p>
<p><a href="http://www.psdconverter.com/"><strong>PSD Converter</strong></a></p>
<p><a href="http://www.psdconverter.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-29.jpg" alt="PSD Converter" width="425" height="248" /></a></p>
<p><a href="http://www.xhtmlmania.com/"><strong>XHTML Mania</strong></a></p>
<p><a href="http://www.xhtmlmania.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-45.jpg" alt="XHTML Mania" width="425" height="265" /></a></p>
<p><a href="http://www.drmartian.com/"><strong>Dr. Martian</strong></a></p>
<p><a href="http://www.drmartian.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-46.jpg" alt="Dr. Martian" width="425" height="251" /></a></p>
<p><a href="http://www.psdtohtm.com/"><strong>PSD to HTM</strong></a></p>
<p><a href="http://www.psdtohtm.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-47.jpg" alt="PSD to HTM" width="425" height="290" /></a></p>
<p><a href="http://www.feathercode.com/"><strong>Feather Code</strong></a></p>
<p><a href="http://www.feathercode.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-48.jpg" alt="Feather Code" width="425" height="272" /></a></p>
<p><a href="http://www.convert2xhtml.com/"><strong>Convert2XHTML</strong></a></p>
<p><a href="http://www.convert2xhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-49.jpg" alt="Convert2XHTML" width="425" height="250" /></a></p>
<p><a href="http://www.psdtohtmlcss.com/"><strong>PSD to HTML/CSS</strong></a></p>
<p><a href="http://www.psdtohtmlcss.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-50.jpg" alt="PSD to HTML/CSS" width="425" height="252" /></a></p>
<p><a href="http://www.youweyoucoding.com/"><strong>You We You Coding</strong></a></p>
<p><a href="http://www.youweyoucoding.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-51.jpg" alt="You We You Coding" width="425" height="239" /></a></p>
<p><a href="http://www.psd2htmlninjas.com/"><strong>PSD to HTML Ninjas</strong></a></p>
<p><a href="http://www.psd2htmlninjas.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-52.jpg" alt="PSD to HTML Ninjas" width="425" height="274" /></a></p>
<p><a href="http://www.htmlburger.com/"><strong>HTML Burger</strong></a></p>
<p><a href="http://www.htmlburger.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-54.jpg" alt="HTML Burger" width="425" height="286" /></a></p>
<p><a href="http://wedomarkup.com/"><strong>We Do Markup</strong></a></p>
<p><a href="http://wedomarkup.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-56.jpg" alt="We Do Markup" width="425" height="273" /></a></p>
<p><a href="http://www.yummycss.com/"><strong>Yummy CSS</strong></a></p>
<p><a href="http://www.yummycss.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-57.jpg" alt="Yummy CSS" width="425" height="287" /></a></p>
<p><a href="http://www.finelysliced.com.au/psd-to-html/"><strong>Finely Sliced</strong></a></p>
<p><a href="http://www.finelysliced.com.au/psd-to-html/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-9.jpg" alt="Finely Sliced" width="425" height="287" /></a></p>
<p><a href="http://www.9xhtml.com/"><strong>9XHTML</strong></a></p>
<p><a href="http://www.9xhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-26.jpg" alt="9XHTML" width="425" height="251" /></a></p>
<p><a href="http://www.lemberg.co.uk/xhtml_css_markup/"><strong>Lemberg</strong></a></p>
<p><a href="http://www.lemberg.co.uk/xhtml_css_markup/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-21.jpg" alt="Lemberg" width="425" height="262" /></a></p>
<h3>PSD to WordPress Providers:</h3>
<p>The companies listed below specialize in taking a PSD file and coding it into a WordPress theme.</p>
<p><a href="http://wpcoder.com/"><strong>WPCoder</strong></a><br />
WPCoder has done some work for us, and you can <a href="http://vandelaydesign.com/blog/reviews/wpcoder/">read our review of their services</a>.</p>
<p><a href="http://wpcoder.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-35.jpg" alt="WPCoder" width="425" height="257" /></a></p>
<p><a href="http://psdtowp.com/"><strong>PSD to WP</strong></a></p>
<p><a href="http://psdtowp.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-36.jpg" alt="PSD to WP" width="425" height="239" /></a></p>
<p><a href="http://themeslice.com/"><strong>Theme Slice</strong></a></p>
<p><a href="http://themeslice.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-37.jpg" alt="Theme Slice" width="425" height="239" /></a></p>
<p><a href="http://wpfrompsd.com/"><strong>WP from PSD</strong></a></p>
<p><a href="http://wpfrompsd.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-38.jpg" alt="WP from PSD" width="425" height="241" /></a></p>
<p><a href="http://www.psdtowordpress.eu/"><strong>PSD to WordPress</strong></a></p>
<p><a href="http://www.psdtowordpress.eu/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-39.jpg" alt="PSD to WordPress" width="425" height="274" /></a></p>
<p><a href="http://xhtmlthis.com/"><strong>XHTML This</strong></a></p>
<p><a href="http://xhtmlthis.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-42.jpg" alt="XHTML This" width="425" height="252" /></a></p>
<p><a href="http://www.psdtoany.com/"><strong>PSD to Any</strong></a><br />
In addition to WordPress, they offer coding services for other CMSs.</p>
<p><a href="http://www.psdtoany.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-41.jpg" alt="PSD to Any" width="425" height="254" /></a></p>
<h3>Reviews:</h3>
<p>Finding the right PSD to HTML provider can be a challenge. There are a few sites that exist to allow reviews of PSD to HTML companies, which may be helpful if you are trying to find a provider that comes highly recommended.</p>
<p><a href="http://www.mostsliced.com/"><strong>Most Sliced</strong></a></p>
<p><a href="http://www.mostsliced.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-55.jpg" alt="Most Sliced" width="425" height="249" /></a></p>
<p><a href="http://www.psdtohtmlreviews.com/"><strong>PSD to HTML Reviews</strong></a></p>
<p><a href="http://www.psdtohtmlreviews.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-58.jpg" alt="PSD to HTML Reviews" width="425" height="251" /></a></p>
<p><a href="http://www.bestpsdtohtml.com/"><strong>Best PSD to HTML</strong></a><br />
Also see the post <a href="http://www.bestpsdtohtml.com/tips-to-choose-right-psd-to-xhtml-firm/">Tips to Choose the Right PSD to XHTML Firm</a>.</p>
<p><a href="http://www.bestpsdtohtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-44.jpg" alt="Best PSD to HTML" width="425" height="244" /></a></p>
<p><a href="http://www.psdtohtmlcompanies.com/"><strong>PSD to HTML Companies</strong></a></p>
<p><a href="http://www.psdtohtmlcompanies.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-72.jpg" alt="PSD to HTML Companies" width="425" height="233" /></a></p>
<h3>Resources:</h3>
<p>There are a few resources that will take your PSD and automatically create the code for you. I have not personally used any of these tools, so be sure to pay attention to the code that is produced.</p>
<p><a href="http://www.medialab.com/sitegrinder/"><strong>SiteGrinder 2</strong></a><br />
A premium Photoshop extension that will convert a PSD to HTML.</p>
<p><a href="http://www.medialab.com/sitegrinder/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-72.jpg" alt="SiteGrinder 2" width="425" height="233" /></a></p>
<p><a href="http://psd2cssonline.com/"><strong>PSD 2 CSS Online</strong></a><br />
A free online tool for PSD to HTML conversion.</p>
<p><a href="http://psd2cssonline.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-30.jpg" alt="PSD 2 CSS Online" width="425" height="264" /></a></p>
<p><a href="http://www.divine-project.com/"><strong>Divine</strong></a><br />
Converts a PSD to a WordPress theme.</p>
<p><a href="http://www.divine-project.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-53.jpg" alt="Divine" width="425" height="237" /></a></p>
<p>For more helpful resources please see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/design-process/color-schemes/">Different Methods for Choosing Color Schemes in Web Design</a></li>
<li><a href="http://vandelaydesign.com/blog/web-development/membership-websites/">14 Options for Managing Membership Websites</a></li>
<li><a href="http://vandelaydesign.com/blog/web-development/jquery-image-galleries/">25 jQuery Image Gallery/Slider Tutorials and Plugins</a></li>
<li><a href="http://vandelaydesign.com/blog/design/psd-to-html-services/">40 Options for Converting PSD to HTML</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/psd-to-html-resources/feed/</wfw:commentRss>
		<slash:comments>66</slash:comments>
		</item>
		<item>
		<title>Interview with Tyler from Snobby Slice (PSD to HTML)</title>
		<link>http://vandelaydesign.com/blog/design-process/snobby-slice-interview/</link>
		<comments>http://vandelaydesign.com/blog/design-process/snobby-slice-interview/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 20:47:26 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[psd to html]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1627</guid>
		<description><![CDATA[PSD to HTML services have become incredibly popular in the past few years and many designers use these services regularly. Personally, I was hesitant to try PSD to HTML providers for a few reasons, one of them being that I just wasn't sure how it worked and what was involved. I assume that many other designers out there are curious about PSD to HTML services, so I asked Tyler from <a href="http://snobbyslice.com/">Snobby Slice</a> to do this interview to help those designers.

<a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/snobby/1.jpg" alt="Snobby Slice" width="560" height="513" /></a>]]></description>
			<content:encoded><![CDATA[<p>PSD to HTML services have become incredibly popular in the past few years and many designers use these services regularly. Personally, I was hesitant to try PSD to HTML providers for a few reasons, one of them being that I just wasn&#8217;t sure how it worked and what was involved. I assume that many other designers out there are curious about PSD to HTML services, so I asked Tyler from <a href="http://snobbyslice.com/">Snobby Slice</a> to do this interview to help those designers.</p>
<p><a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/snobby/1.jpg" alt="Snobby Slice" width="560" height="513" /></a></p>
<h3>Who Is Snobby Slice?</h3>
<p>After trying a few different providers I came across <a href="http://snobbyslice.com/">Snobby Slice</a> several months ago. Tyler and his team did a great job for me and they have established a reputation for being one of the highest quality providers in a crowded market. If you&#8217;re interested in working with a PSD to HTML provider who will produce quality code you can see more details in our <a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/">review of Snobby Slice</a>. And if you are just curious about the PSD to HTML process, I think you&#8217;ll find the information that Tyler shares in this brief interview to be a good starting point.</p>
<p><strong>Why should designers hire a PSD to HTML service provider?</strong></p>
<p>Why deal with code when you don&#8217;t have to? By choosing a PSD to HTML service provider, you can stick to your biggest profit center (design), and spend more time making sure the needs of your clients our met. We&#8217;ll do all the nasty coding work!</p>
<p><strong>Most PSD to HTML companies primarily emphasize their price and turnaround time to potential clients. What would you advise designers to consider when choosing a provider?</strong></p>
<p>I would suggest contacting them and making sure that it&#8217;s a provider that they trust. Look around their site, see where they&#8217;re based and get familiar with their service. Do they have relationships with others in the community? A little due diligence goes a long way. Making sure they&#8217;ll treat your client work with respect and secrecy is extremely important before putting your reputation at risk.</p>
<p><strong>What type of research (if any) do you think a designer should do before hiring a PSD to HTML provider?</strong></p>
<p>I&#8217;d start by talking with other designers, seeing if they have any experience with a few of the firms out there, and also read some of the blogs/forums on the topic to see if anyone can provide you with a solid recommendation.</p>
<p><strong>What are some of the most common issues experienced by your coders that slow down the process or require them to go back to the designer?</strong></p>
<p>Sometimes the designer isn&#8217;t always clear with exactly what they want. An added &#8220;comments&#8221; layer in the PSD (specifying texts, images, etc.) can really speed up turn around time.</p>
<p><strong>What tips do you have for organizing layers in Photoshop to make it easier on the coder?</strong></p>
<p>Just keeping things nice and neat in folders is helpful. However, a comments layer is really the most important thing.</p>
<p><strong>What should designers expect to be included in the base price and what is likely to cost extra?</strong></p>
<p>Unfortunately, many providers are skimping out on key features to lower their prices. Make sure your design would be compatible with a healthy variety of browsers, and that you&#8217;re not getting sold a &#8220;sub par&#8221; coding package.</p>
<p><strong>What makes Snobby Slice different from other PSD to HTML providers?</strong></p>
<p>We care about our clients! Our base pricing includes everything our clients could want or need. We don&#8217;t charge for every little drop down or javascript implementation. Since we offer a 100% money back satisfaction guarantee, we&#8217;ve designed our business model around keeping our customers happy &#8211; NOT just collecting their cash.</p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/snobby-slice-interview/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Different Methods for Choosing Color Schemes in Web Design</title>
		<link>http://vandelaydesign.com/blog/design-process/color-schemes/</link>
		<comments>http://vandelaydesign.com/blog/design-process/color-schemes/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 23:13:36 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1499</guid>
		<description><![CDATA[One of the most challenging aspects of design for many web designers is color selection. The color scheme of a site can have a huge impact on the overall look of the site, and it will have an impact on visitors as well. There are a number of different methods that can be used for finding the right color scheme for a particular project, and in this post we will look at several of those methods. Throughout the post you will find links to helpful resources that you may appreciate.]]></description>
			<content:encoded><![CDATA[<p>One of the most challenging aspects of design for many web designers is color  selection. The color scheme of a site can have a huge impact on the overall look  of the site, and it will have an impact on visitors as well. There are a number  of different methods that can be used for finding the right color scheme for a  particular project, and in this post we will look at several of those methods.  Throughout the post you will find links to helpful resources that you may  appreciate.</p>
<h3>Getting Colors from Existing Marketing Materials</h3>
<p>In many situations the client will already have an established color scheme  from an existing website or from other marketing materials. In some cases they  may want a change, but frequently you will need to work from the established  color scheme. Sometimes making slight changes to the shades of colors but  sticking with the same basic color scheme can make an impact, and combined with  a fresh design of the website it can help to give the company some added  interest to their identity.</p>
<p>In situations where you are not working with a client that has an established  color scheme, here are some methods that you can try for finding the right one  on your own.</p>
<h3>Online Color Palette Resources</h3>
<p>There are a number of websites and online tools available for selecting color  palettes. Many of these sites allow users to upload color palettes that they  have put together, and the rest of us benefit by being able to browse through  those that have been uploaded. Most of these sites allow you to search or sort  the color schemes by a particular hue or by keyword, which can be helpful if you  have one color that you want to use but you are looking for others to use with  it.</p>
<p>Here is a quick listing of some of the best places to find color  palettes.</p>
<p><strong><a href="http://kuler.adobe.com/">Adobe Kuler</a></strong></p>
<p><a href="http://kuler.adobe.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/1.jpg" alt="Adobe Kuler" width="515" height="293" /></a></p>
<p><strong><a href="http://www.colourlovers.com/">COLOURlovers</a></strong></p>
<p><a href="http://www.colourlovers.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/2.jpg" alt="COLOURlovers" width="515" height="307" /></a></p>
<p><strong><a href="http://www.colorschemer.com/schemes/">ColorSchemer</a></strong></p>
<p><a href="http://www.colorschemer.com/schemes/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/3.jpg" alt="ColorSchemer" width="515" height="376" /></a></p>
<p><strong><a href="http://www.colorotate.org/">ColoRotate</a></strong></p>
<p><a href="http://www.colorotate.org/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/4.jpg" alt="ColoRotate" width="515" height="373" /></a></p>
<p>Others:</p>
<ul>
<li><a href="http://www.colorcombos.com/">ColorCombos.com</a></li>
<li><a href="http://www.colr.org/">Colr.org</a></li>
</ul>
<p>Other online tools exist for helping you to put your own color palette  together. Here are some of the best.</p>
<p><strong><a href="http://www.colourlovers.com/copaso">Copaso</a></strong></p>
<p><a href="http://www.colourlovers.com/copaso"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/5.jpg" alt="Copaso" width="515" height="315" /></a></p>
<p><strong><a href="http://colorschemedesigner.com/">Color Scheme  Designer</a></strong></p>
<p><a href="http://colorschemedesigner.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/6.jpg" alt="Color Scheme  Designer" width="515" height="312" /></a></p>
<p><strong><a href="http://aviary.com/tools/toucan#">Toucan</a></strong></p>
<p><a href="http://aviary.com/tools/toucan#"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/7.jpg" alt="Toucan" width="515" height="368" /></a></p>
<p><strong><a href="http://www.colormunki.com/">ColorMunki</a></strong></p>
<p><a href="http://www.colormunki.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/8.jpg" alt="ColorMunki" width="515" height="336" /></a></p>
<p><strong><a href="http://www.colorsontheweb.com/colorwizard.asp">The Color  Wizard</a></strong></p>
<p><a href="http://www.colorsontheweb.com/colorwizard.asp"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/9.jpg" alt="The Color  Wizard" width="515" height="389" /></a></p>
<p><strong><a href="http://colorexplorer.com/default.aspx">Color  Explorer</a></strong></p>
<p><a href="http://colorexplorer.com/default.aspx"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/10.jpg" alt="Color  Explorer" width="515" height="353" /></a></p>
<h3>Taking Colors from Photographs</h3>
<p>Photographs are a great source of color inspiration. You can easily and  quickly browse through photos either of your own or random photos from sites  like <a href="http://flickr.com/">Flickr</a> and <a href="http://deviantart.com/">deviantART</a>. When you find one that includes a  beautiful color scheme, you can upload it to one of several different online  tools that will help you to determine the specific colors that are used,  providing the hex value so that you can use them in your design work.</p>
<p>Here are some of the best resources of this kind.</p>
<p><strong><a href="http://colorsuckr.com/">ColorSuckr</a></strong></p>
<p><a href="http://colorsuckr.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/13.jpg" alt="ColorSuckr" width="515" height="352" /></a></p>
<p><strong><a href="http://pictaculous.com/">Pictaculous</a></strong></p>
<p><a href="http://pictaculous.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/14.jpg" alt="Pictaculous" width="515" height="358" /></a></p>
<p><strong><a href="http://whatsitscolor.com/">What&#8217;s Its Color?</a></strong></p>
<p><a href="http://whatsitscolor.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/12.jpg" alt="What's Its Color?" width="515" height="352" /></a></p>
<p>Others:</p>
<ul>
<li><a href="http://jrm.cc/color-palette-generator/">Color Palette Generator  from jrm.cc</a></li>
<li><a href="http://bighugelabs.com/colors.php">Palette Generator from Big Huge  Labs</a></li>
<li><a href="http://www.degraeve.com/color-palette/">Color Palette Generator  from DeGraeve.com</a></li>
</ul>
<p>At <a href="http://www.from-the-couch.com/">From the Couch</a> David Perel  has a nice video tutorial where he goes over his process for <a href="http://www.from-the-couch.com/post.cfm/title/picking-colors-for-your-design">choosing  colors from a photograph</a>. This is a method that can easily be applied by  designers with impressive results.</p>
<p><a href="http://www.from-the-couch.com/post.cfm/title/picking-colors-for-your-design"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/16.jpg" alt="From the Couch" width="515" height="327" /></a></p>
<p>Design and development blog <a href="http://buildinternet.com/">Build  Internet</a> has a series of posts that showcase color schemes from Photographs.  Check out their <a href="http://buildinternet.com/category/motivation/">Motivation category</a> to  find the color scheme posts.</p>
<p><a href="http://buildinternet.com/category/motivation/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/15.jpg" alt="Build  Internet" width="515" height="137" /></a></p>
<h3>Taking Colors from Magazines and Other Printed Materials</h3>
<p>Online resources aren&#8217;t the only place to find color schemes. Magazines,  books, flyers, posters, brochures, cards and any other type of printed material  can be another source of color inspiration. You can either find a scheme that  you like and try to come close just by eyeballing it, or you can scan it in and  take the colors directly from the scan in Photoshop or another program.</p>
<h3>Browsing Web Design Galleries</h3>
<p>One of the best ways to find color schemes that work well for the web is to  browse through design galleries. As you do, you will come across some color  schemes that you really like and it may give you some ideas for your own work.  Of course, what is good for one site may not work very well for another, so it  is a good idea to keep your particular project in mind so you can find some  colors that will work well for your situation.</p>
<p>You can search around and take one color from a few different websites, or  find a scheme that you like and work with Photoshop to find a similar color  scheme that will work for you but will avoid copying the colors of the other  site. One of the downsides to this approach is that you can wind up doing more  copying than you intend, so be careful to make your scheme unique even if it is  <a href="../design-process/inspiration-2/">inspired  by other sites</a>.</p>
<p><a href="http://foliofocus.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/17.jpg" alt="Folio Focus" width="515" height="316" /></a></p>
<p><a href="http://redalt.com/Tools/I+Like+Your+Colors">I Like Your Colors</a> is an online tool that allows you to enter a URL, and it will give you the hex  value of the colors in use.</p>
<p><a href="http://redalt.com/Tools/I+Like+Your+Colors"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colors/18.jpg" alt="I Like Your Colors" width="515" height="382" /></a></p>
<h3>Based on Psychology of Colors</h3>
<p>One of the factors that should be considered when choosing a color scheme is  the psychology of color. There is a great deal of research that has been done  over the years to indicate meanings and messages that are associated with  various colors. In many cases this will vary from one culture to the next, so be  sure that you are paying attention to information that is relevant to your  client and their audience.</p>
<p>Here is a list of some online resources and articles regarding the psychology  of color.</p>
<ul>
<li><a href="http://www.2createawebsite.com/design/color-psychology.html">Color  Psychology in Online Marketing</a></li>
<li><a href="http://www.color-wheel-pro.com/color-meaning.html">Color Wheel Pro:  See Color Theory in Action</a></li>
<li><a href="http://www.sibagraphics.com/colour.php">The Meaning of  Colours</a></li>
<li><a href="http://www.colormatters.com/market_whycolor.html">Why Color  Matter</a></li>
<li><a href="http://www.infoplease.com/spot/colors1.html">Color  Psychology</a></li>
<li><a href="http://en.wikipedia.org/wiki/Color_symbolism_and_psychology">Color  Symbolism and Psychology (from Wikipedia)</a></li>
</ul>
<h3>Nature</h3>
<p>Color is everywhere in nature. Step outside, look around, and you are bound  to find some inspiring color schemes. Plants, animals, sunsets, color schemes  can be found from just about anything in nature. Of course, getting the exact  colors and shades isn&#8217;t as simple as when you are working with a photograph  (although you can always take a picture) or an inspirational website, you can  still get many ideas simply from observing nature and the colors that  appear.</p>
<h3>What&#8217;s Your Approach to Choosing Colors?</h3>
<p>If you have a method that works well for you, please share in the  comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/color-schemes/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>Practical Tips for Taking Design Inspiration without Copying</title>
		<link>http://vandelaydesign.com/blog/design-process/inspiration-2/</link>
		<comments>http://vandelaydesign.com/blog/design-process/inspiration-2/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 21:44:44 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1439</guid>
		<description><![CDATA[Designers of all kinds rely on inspiration for their work in order to achieve their best results. Inspiration can come from just about anywhere, but for web designers who are online virtually all day it frequently comes from gallery sites, design blogs, or just websites that you come across in other ways. The amount of inspiration of this kind that is available can be a huge help when you are struggling with a project of your own, but one challenge that designers face is how to put that inspiration into practice while still creating something unique and of quality.

There are ways to take advantage of the inspirational work that is available from other designers and use it to create something of your own, and in this article we'll look at the subject in detail.]]></description>
			<content:encoded><![CDATA[<p>Designers of all kinds rely on inspiration for their  work in order to achieve their best results. Inspiration can come from just  about anywhere, but for web designers who are online virtually all day it  frequently comes from gallery sites, design blogs, or just websites that you  come across in other ways. The amount of inspiration of this kind that is  available can be a huge help when you are struggling with a project of your own,  but one challenge that designers face is how to put that inspiration into  practice while still creating something unique and of quality.</p>
<p>There are ways to take advantage of the inspirational work that is available  from other designers and use it to create something of your own, and in this  article we&#8217;ll look at the subject in detail.</p>
<h3>Get Inspiration from Offline Sources in Addition to Online Sources</h3>
<p>Web designers are not limited to getting their inspiration from other  websites. In fact, <a href="../design/offline-inspiration/">offline  sources of inspiration</a> will provide more diversity and in many cases will  lead to more originality in your web design. Online sources of inspiration are  plentiful and easy to find, but offline inspiration can come from just about  anything around you, including nature, magazines, books, photographs, fashion,  and much more.</p>
<p>Because most other web designers are getting their inspiration almost  exclusively from online sources, taking yours from a more diverse set of sources  is likely to result in work that avoids simply following the latest web design  trends. With offline sources you won&#8217;t be in danger of copying what is providing  the inspiration.</p>
<p>In <a href="http://www.positivespaceblog.com/archives/where-does-inspiration-come-from/">Where  Does Inspiration Come From?</a> Anthony Zinni writes,</p>
<blockquote><p>For me inspiration  comes from looking at the design of other mediums or formats. When I am working  on a new website I tend to open up a copy of print or STEP and see what the  latest articles are about, or review the pieces I have collected over the past  couple of months. Usually by observing great design outside the medium I am  focusing on I am able to apply design principles that are not like current  trends and are still appealing. This also often helps take my mind off of the  project, which is usually when I am able to find a great solution.</p></blockquote>
<h3>Use Nodes of Inspiration</h3>
<p>Way back in 2004 Cameron Moll wrote an article called <a href="http://www.cameronmoll.com/archives/000016.html">Nodes of Design  Inspiration</a> in which he talked about his process of taking inspiration for  various elements within a design from different sources. He says,</p>
<blockquote><p>In a  design sense, I use the term ‘node’ to loosely define intersecting points in a  layout. The logo inside the masthead. The masthead resting above two columns.  The placement of phone and web address just beneath body copy in a magazine ad.  And the like.</p>
<p>By combining the concept of design inspiration with that of design  nodes, we discover something I call &#8216;nodes of inspiration&#8217; or &#8216;node of  inspiration&#8217; for short (*snicker). Simply put, these are points of intersection  in a layout in which a designer uses another source as reference for  inspiration.</p></blockquote>
<p>In the example that Cameron uses in this article he took inspiration from  five different sites for specific elements in a design of his own. As a result,  while each of the sources of inspiration was helpful, the end result was an  original design rather than a copy. Most designers are in the habit of seeking  inspiration from more than one source, but as Cameron points out, it can often  happen unintentionally without even realizing it.</p>
<h3>Ask Yourself Specifically What You Like About a Design</h3>
<p>When browsing through a design gallery it&#8217;s easy to find sites using designs  that you like. However, it&#8217;s often harder to be able to point out the specific  aspects or elements of the design that you like. Without knowing what makes a  design special it&#8217;s much more difficult to take away inspiration that can be  used in your own work. The only way to use this design for inspiration in your  own work is to basically copy it because you will not know what to take away  from it.</p>
<p>If you&#8217;re willing and able to take a few minutes to really think about the  design and how it impacts you as a visitor, you will have a solid understanding  of what makes the design work. As a result, you will have specific reasons in  mind why you like the site, and these are things that you will be able to use in  sites that you design.</p>
<h3>Pay Attention to the Design Details</h3>
<p>As you are looking at the source of inspiration to determine exactly what  makes the site work so well, you&#8217;ll want to pay attention to the details that  set it apart. Small details in a design may not be the first thing that you  notice, but they create a polished look that makes an impact.</p>
<p>Liam from Function has written an excellent article, <a href="http://wefunction.com/2009/04/quality-within-web-design/">How to Spot  Quality within Web Design: Examples &amp; Tips</a>, that is a must-read on the  subject. In this article he points out the impact of design details and what  makes a design work, with plenty of examples. He covers a variety of topics  including spacing, pixel perfect detail, typography, organization of elements,  restraint and subtlety, and color.</p>
<p>As you examine the details of a design, you will start to find things that  you can actually put into practice in your own work. In many cases you can use  these details even in work that is very different from the source of the  inspiration.</p>
<p>In <a href="http://www.usabilitypost.com/2008/08/21/dont-copy-a-design-steal-it/">Don&#8217;t  Copy a Design - Steal it</a>, Dmitry Fadeyev writes, <em></em></p>
<blockquote><p>When you look at an  inspirational design you should be inspired. Take your time to examine its  aesthetic and construction in detail — look over all the nuances and intricacies  of its structure. See how the creator did this and that — extract the essence of  what makes this work great.</p>
<p>To steal a design you must collect all the pieces of the puzzle and  figure out how it all works as a whole — why did the artist use this color, why  these lines, why this typeface? &#8230;. Once you’ve assimilated the principles and  ideas employed by a designer in their great piece, you can use those ideas in  your own work. You’re not going to copy them — you will instead use these tools  only where they make sense, and only where they will work well — that’s because  you understand exactly why they were employed in the first place.</p></blockquote>
<h3>Evaluate How the Design Style Works for the Purpose of the Site</h3>
<p>Just because a site features an attractive design does not mean that it will  be effective. And just because we may not particularly care for a design does  not mean that it will fail. What works for one site in one industry may not be  appropriate for another. In order for a design to be successful it must be a  good fit for the target audience and it must work with the purposes of the  site.</p>
<p>As you are looking at other sites as sources of inspiration for a particular  project, take the time to evaluate how that design would work in the  circumstances of your own project. Are the particular elements of the design  that could be good to use in your work and other things that you could replace?</p>
<p>As you look at sources of design with this approach, you will tend to focus  in on specifics that you can use, and rather than copying a design you will wind  up benefiting from the elements that will have the biggest impact for your  project.</p>
<h3>Try to Find Ways to Improve the Design</h3>
<p>As I have said earlier in this article, in order to really get the most use  out of your sources of inspiration you will need to be able to determine what  works and what does not. One of the best ways to get you thinking in a way that  will allow you to take something useful away from the design is to critique it  by trying to find some ways that you would improve it.</p>
<p>This will help you to really have a grasp of the design and it will be of  more use to you in your own work. Additionally, you&#8217;re work will truly be  inspired by it, rather than a copy of it.</p>
<h3>Have a Lot of Inspiration at Your Disposal</h3>
<p>We&#8217;ve talked about nodes of inspiration and the need to have multiple  sources, so of course you will need to have plenty of inspiration available for  situations where you need it. In a past article I wrote about <a href="../design/inspiration-notebook/">keeping an  inspiration notebook</a> so that you always have things available when you are  in need. Of course, there are also some great resources for cataloging you  online inspiration, such as <a href="http://vi.sualize.us/">vi.sualize.us</a>,  <a href="http://evernote.com/">Evernote</a>, and <a href="http://delicious.com/">Delicious</a>.</p>
<p>Having resources to categorize your items of inspiration can make it easier  to use nodes of inspiration. For example, maybe in your Delicious bookmarks you  have tagged a bunch of websites with excellent navigation menus. Or maybe you  have a tag for sites that have interesting footers. If this is the case, when  you&#8217;re looking for some ideas for a particular element of the design you will  have a place to turn where you can quickly get some help.</p>
<p>In <a href="http://blog.themeforest.net/tutorials/be-inspired-but-dont-copy/">Be  Inspired, but Don&#8217;t Copy</a>, Marko Prljic writes, <em></em></p>
<blockquote><p>When you have found a  design that you like, don’t stop there. Look further for more similar designs,  in color, structure, content etc. Take the best of them all and start thinking  about your new layout. When I say “thinking”, I mean try to visualize your new  design with these elements that inspired you; don’t just try to recreate the  same design. By the time you start drawing some mock-ups, you’ll have new ideas  and will design something new and unique.</p></blockquote>
<h3>Attempt to Duplicate the Design for Practice</h3>
<p>In order to be able to use your sources of inspiration in your own work you  will first have to learn from it. Particularly for new designers, or those who  are looking to improve their skills, attempting to duplicate a design can be a  great learning experience. I&#8217;m not suggesting that you do this for a client  project or for anything that will be displayed publicly, but for your own  learning practices it can be a great way to improve your skills, and it will  force you to pay attention to the details of the design.</p>
<p>You could attempt to duplicate a layout in Photoshop, or you could try to  code the site. Whatever approach you take, focus on understanding the design and  learning from it rather than simply trying to duplicate it so that you can apply  this instead of just improving your technical skills.</p>
<h3>What&#8217;s Your Advice?</h3>
<p>If you have advice from your experience that you would like to share with  other designers, please leave a comment.</p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/inspiration-2/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>9 Things to Understand About a Client When Starting a Design Project</title>
		<link>http://vandelaydesign.com/blog/design-process/starting/</link>
		<comments>http://vandelaydesign.com/blog/design-process/starting/#comments</comments>
		<pubDate>Thu, 21 May 2009 14:38:49 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[clients]]></category>
		<category><![CDATA[freelance]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=865</guid>
		<description><![CDATA[As a designer, each of your clients and projects is unique. However, there are certain things that you will need to know or understand about all of your clients in order to produce your best work for them. An effective website will be built to address the specific needs of the business, which will require the designer to accurately understand a lot of details about the business.

In this article we'll look at nine things that should be discussed between the designer and the client at the start of the project to improve the likelihood of success. These topics focus on getting to know the business and their needs, rather than contractual issues like payment and deadlines.]]></description>
			<content:encoded><![CDATA[<p>As a designer, each of your clients and projects is  unique. However, there are certain things that you will need to know or  understand about all of your clients in order to produce your best work for  them. An effective website will be built to address the specific needs of the  business, which will require the designer to accurately understand a lot of  details about the business.</p>
<p>In this article we&#8217;ll look at nine things that should be  discussed between the designer and the client at the start of the project to  improve the likelihood of success. These topics focus on getting to know the  business and their needs, rather than contractual issues like payment and  deadlines.</p>
<h3>1. The Purpose of the Business</h3>
<p>Almost all businesses have a mission statement and a vision statement.  Understanding the basics of why a business exists and what it aims to be are  imperative if you are going to be able to design a website that is truly  reflective of the business and effective for its customers.</p>
<p>If you&#8217;re unclear  about the core functions of a client or why they exist, be sure to get answers  to these questions before getting into the project. It&#8217;s usually simple  information, but without it, the project can lead down the wrong path.</p>
<h3>2. The Specific Products and Services of the Business</h3>
<p>Once you have a clear understanding of why the business exists, it&#8217;s also  important to know specifically what they offer to customers or clients that  generates income for the business. Whether you are building an e-commerce site,  a general informational site, or any other type of site, it&#8217;s always necessary  to have knowledge of what the client is offering to visitors of the website.</p>
<h3>3. The Demographics of Their Customers/Clients</h3>
<p>A discussion of the products and services of a business will naturally lead  you to more information about the customers and clients who are paying for those  products and services. An effective website will be user-focused, so it is  critical that you, as the designer, and your client both have an accurate  picture of who will be using the website and who is likely to be interested in  what the business has to offer.</p>
<p>Getting as much information as possible in this area is a good practice.  Information such as age, sex, occupation, income of their target customers can  be extremely helpful for determining an appropriate style of design for the  site. Additionally, information about why they would be interested in the  products or services of the business will be equally critical for creating a  website that maximizes potential.</p>
<h3>4. Corporate Culture</h3>
<p>A good website will be reflective of the business so that it becomes an  effective part of their overall marketing and corporate identity. In order to  create a site that is an accurate representation of the business, you will need  to have a certain level of understanding about their corporate culture. Many  times you can gain an understanding of their culture by visiting the business in  person (if possible), speaking with several different employees, speaking with  their clients or customers (if possible), and by looking at their existing  marketing materials, such as brochures, business cards, and advertisements.</p>
<h3>5. Needed Areas of Improvement from Their Current Website</h3>
<p>If the project is a re-design of an existing website, one of the most  important things that you will need to know is why they have chosen to re-design  at this time, and specifically what are they setting out to improve through the  re-design? Is their old website several years old and just in need of a general  facelift? Have there been major changes in the business that require a new  design and new information? Are new products and services being offered that  were not a part of the old site? Has their existing site proven to be  ineffective at bringing in new business? These are very logical things to  consider, but you may have to ask the client for details and clarification in  this area as many of them will not think about your need to fully understand why  they are embarking on the re-design.</p>
<h3>6. Their Expectations for the New Websites</h3>
<p>If there are specific areas where their existing website is failing or  out-of-date, make sure that you have an understanding of specifically how they  expect the new website to improve their business. Expectations are a huge factor  in determining their level of satisfaction with your work, so it&#8217;s critical that  you know exactly what is expected of you and the end result of the project in  order to satisfy the client.</p>
<h3>7. The Determining Factors of Failure or Success for the Project</h3>
<p>A new design may give the business a satisfactory feeling of improvement for  their website, but ultimately there will be other factors that determine if the  project was a success or a failure. As the designer, to effectively do your job  and give the client a website that improves their business, it&#8217;s important that  you have an understanding of exactly what will make or break the project. Maybe  the success rests solely on increased sales. Maybe a website that is a more  accurate reflection of the business is of primary importance. Whatever the  situation, knowing how you will be measured will allow you to focus on the  appropriate areas.</p>
<h3>8. Their Reason for Choosing You as a Designer</h3>
<p>With so many freelance designers and design firms out there to choose from,  it&#8217;s clear that the client has chosen you for a reason. There is something about  you that made the client feel that you were the best fit for the job. Maybe it  was a specific item from your portfolio. Maybe it was the effective  communication and attention to detail that you showed before signing the  contract. Maybe it was your pricing.</p>
<p>Whatever the case may be, there is something about you and your work that  encouraged the client to go with you over other designers. The reasoning behind  this decision will often help you to have a better understanding of what they  want or expect from you.</p>
<h3>9. Their Plans for Maintaining the Site</h3>
<p>Almost every website being designed and developed these days is using some  type of content management system. The choice of a CMS and how you build the  site should be influenced by their needs for ongoing maintenance and updates to  the site.</p>
<p>Do they plan to add a lot of new pages and frequently change photos and text  on existing pages? Will they need various templates that can be used on specific  pages for different purposes? Will they only be making occasional and minor  updates to pages? Understanding the ongoing needs of the client can often help  to determine which CMS is right for the specific project. In some cases the  client may already have a CMS in mind that they want to use, but this is often  not the case.</p>
<h3>What&#8217;s Your Approach?</h3>
<p>As a designer, how do you approach the challenge of getting to know more  about clients at the start of a project? Are there other items that were not  listed here that are critical to you?</p>
<p>For more posts on topics related to running a successful design business, please see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/design-process/productive-workday/">15 Steps to a More Productive Workday</a></li>
<li><a href="http://vandelaydesign.com/blog/marketing/12-realities-of-pricing-web-design-services/">12 Realities of Pricing Design Services</a></li>
<li><a href="http://vandelaydesign.com/blog/design-process/guide-to-completing-projects-on-time/">Guide to Completing Projects On Time</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/starting/feed/</wfw:commentRss>
		<slash:comments>47</slash:comments>
		</item>
		<item>
		<title>Guide to Completing Projects On-Time</title>
		<link>http://vandelaydesign.com/blog/design-process/guide-to-completing-projects-on-time/</link>
		<comments>http://vandelaydesign.com/blog/design-process/guide-to-completing-projects-on-time/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 00:05:36 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[freelance]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=723</guid>
		<description><![CDATA[Part of being a <a href="http://vandelaydesign.com">web  designer</a> (or any other type of service provider for that matter) is dealing  with the reality that deadlines are going to be a part of your job. Deadlines  often have a negative stigma, but they actually freelancers and independent  designers to keep themselves on track and to promote efficiency and  productivity, which will lead to a profitable business.

Last week I wrote about some various <a href="http://vandelaydesign.com/blog/design-process/productive-workday/">steps  to achieving a productive workday</a>, and in many cases your days will involve  the need to meet deadlines, or at least to make progress towards meeting the  deadlines at a later date. In this article we'll take a look at 10 different  things that you can do to help yourself in terms of meeting deadlines on client  projects.]]></description>
			<content:encoded><![CDATA[<p>Part of being a <a href="http://vandelaydesign.com">web  designer</a> (or any other type of service provider for that matter) is dealing  with the reality that deadlines are going to be a part of your job. Deadlines  often have a negative stigma, but they actually freelancers and independent  designers to keep themselves on track and to promote efficiency and  productivity, which will lead to a profitable business.</p>
<p>Last week I wrote about some various <a href="http://vandelaydesign.com/blog/design-process/productive-workday/">steps  to achieving a productive workday</a>, and in many cases your days will involve  the need to meet deadlines, or at least to make progress towards meeting the  deadlines at a later date. In this article we&#8217;ll take a look at 10 different  things that you can do to help yourself in terms of meeting deadlines on client  projects.</p>
<h3>1. Start with Realistic Expectations</h3>
<p>One of the most important factors in completing projects on time is simply  not accepting work that requires an unrealistic deadline. Of course, there will  be times when a looming deadline will be a tight squeeze, but if you hope to be  able to meet a deadline and to provide your highest quality of work, a certain  amount of time will be needed.</p>
<p>If a client or a potential client is trying to get a project started with  unrealistic expectations, the time line needs to be adjusted as soon as  possible, or problems will follow. Most clients won&#8217;t know everything that is  involved in getting a project completed and they won&#8217;t always be able to know  what is realistic and what is not, so it is the freelancer&#8217;s responsibility to  make sure that deadlines and schedules are reasonable.</p>
<h3>2. Give Yourself Time to do Your Best Work</h3>
<p>When evaluating a schedule or deadline proposed by the client, you may know  that you&#8217;ll be rushed. In this case if the money is right and other factors work  out, you may be tempted to move forward knowing that the time crunch will not  allow you to do your best work. However, once you get in to the project and you  want to produce something of quality, you&#8217;ll find that justifying a lower  quality of work is not usually acceptable to yourself or to the client.</p>
<p>For obvious reasons it&#8217;s always preferable to come away with something that  gives you a sense of satisfaction, and a piece of work that would help you to  win new clients, not chase them away. When evaluating a potential project to  determine if it&#8217;s one that you should accept, be sure to give yourself time for  a high quality of work, or it is likely to be an issue later.</p>
<h3>3. Get Started Right Away</h3>
<p>Procrastination is easy for freelance designers, since there is no one around  to hold you accountable. It&#8217;s a very simple concept, getting started earlier  will allow you a better chance to meet your deadlines, but it&#8217;s easy to put  things off.</p>
<p>By getting started right away you&#8217;ll have a chance to identify any potential  problems while there is still plenty of time to deal with them, and you&#8217;ll  reduce the pressure that will exist later as the deadline gets closer.</p>
<h3>4. Plan for Unexpected Issues</h3>
<p>Part of the difficulty in pricing projects and setting deadlines and  schedules is that unexpected issues are almost certain to arise. Planning for  the unexpected is a necessary part of the process that will usually be learned  after a few bad experiences.</p>
<p>When extra time is built in to your schedule to deal with unforeseen  problems, deadlines will not need to be missed because of these setbacks. Even  though we all know that unexpected things sometimes happen when designing and  building a website, explaining to a client that you can&#8217;t meet a deadline  because of something you didn&#8217;t anticipate is never a good thing. Yes, there are  times when it may come to this even when you have built some extra time in to  the schedule, but minimizing and avoiding these situations should be a goal.</p>
<h3>5. Communicate with Clients that Your Ability to Meet Deadlines Depends on  Their Cooperation</h3>
<p>Being held up by clients can often be a frustration for designers. When  you&#8217;re building a site for a client there is a strong need for the client to be  involved in the process. Whether you are being held up by waiting for content or  waiting for feedback on the design, a slow response from the client  is frqquently a contributing factor in delays.</p>
<p>To make sure that your clients have a clear understanding of what will impact  your ability to meet the established deadline, take the time up front to  emphasize that their input and follow up must also keep to the schedule, or else  it will impair your ability to get the job done. This will help many clients to  make sure that they get back to you promptly, and in cases where it doesn&#8217;t  help, at least you will have covered yourself for later if deadlines are not  met.</p>
<h3>6. Get as Much Information as Possible Up Front</h3>
<p>As was mentioned in the previous point, building a website is always going to  involve some information from clients. Whether you need written content for the  site, photographs to be used, a listing of pages that they want to be a part of  the site, or feedback on the style of design that they want, the sooner you can  get the information the better.</p>
<p>Of course, different projects will have various levels of involvement that  you will need from the client. Whenever possible, it&#8217;s preferable to let clients  know everything that you will need from them up front. This gives them a chance  to go gather the information all at once, plus it makes it possible for you to  have all of the information before you even really get in to the project.</p>
<p>Going back and asking the client for more information will usually happen at  some point, but the more you can get up front, the less time you will have to  wait later for a response. As deadlines get closer, these types of delays can  often make the difference between meeting or not meeting deadlines.</p>
<h3>7. Give Deadlines to Your Clients</h3>
<p>In order to keep things moving forward, deadlines should also be given to  clients for getting their part done. For example, when you communicate with the  client at the start of the project, if you&#8217;re going to need content for X number  of pages on the site, agree on a deadline with the client for the time when they  should have all of that content in your possession.</p>
<p>Simply asking the client for something in an open-ended nature with no  deadline will not always work. While you&#8217;re waiting you may be losing valuable  time. Giving deadlines to the client can obviously help to get things moving  quickly, but it also helps them to realize some of the ways that they impact  your ability to meet the deadline.</p>
<h3>8. Have Checkpoints with Smaller Goals Along the Way</h3>
<p>Some projects, especially larger ones, will have smaller goals and deadlines  built in to the schedule along the way. However, even if you&#8217;re working on a  smaller project that only has one established deadline, it&#8217;s a good practice to  break down the tasks and steps that are needed to get the project completed, and  set some specific goals and progress points for yourself to meet along the  way.</p>
<p>When you&#8217;re evaluating how much time it will take to complete a project, it  will typically be much easier and more accurate if you can break it down in to  small sections and gauge the time required for each of them. Without doing this,  it&#8217;s easy to get part way through a project and feel good about where you are  at, when in reality you should be much further along in order to meet the  deadline.</p>
<h3>9. Set Daily/Weekly Goals and Task Lists</h3>
<p>If you&#8217;re starting a project with a detailed breakdown of what needs to be  accomplished at specific intervals, you can evaluate your progress at any time  and adjust if you&#8217;re falling behind.</p>
<p>Last week I wrote that having a daily to-do list is one of the keys to a  productive workday, and I feel that it also has a big impact on allowing  yourself to effectively meet deadlines. This way you will always know exactly  what you need to accomplish in a given day to put yourself in position to get  the project completed on time.</p>
<h3>10. Evaluate Your Progress Daily</h3>
<p>In addition to just setting goals for each day and tasks that need to be  accomplished, it&#8217;s also necessary to evaluate your progress and make sure that  you are still on track to meet the deadline. If you&#8217;re not on track, it&#8217;s  obviously best to know that as soon as possible so that you can adjust your work  as needed, and this method will allow you to do just that.</p>
<p>My typical practice involves spending about 5 minutes at the end of the day  to go back through my to-do list and to make sure that any items that weren&#8217;t  accomplished become part of the list for the next day. At this time I&#8217;m able to  look at the projected schedule and determine if I&#8217;m still on track.</p>
<h3>What&#8217;s Your Process?</h3>
<p>How do you make sure that you&#8217;re able to meet deadlines?</p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/guide-to-completing-projects-on-time/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>15 Steps to a More Productive Workday</title>
		<link>http://vandelaydesign.com/blog/design-process/productive-workday/</link>
		<comments>http://vandelaydesign.com/blog/design-process/productive-workday/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 16:43:34 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[freelance]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=654</guid>
		<description><![CDATA[Freelance designers, as well as those who work for small design studios, often face the challenge of getting the most productivity out of their time and achieving maximum efficiency. While this can be a struggle for anyone in a more "typical" job, freelancers have added distractions, unique challenges, and no one to hold them accountable. To be a successful freelancer you'll have to place a priority on productivity and find ways that work for you.

Each of us is unique and no process will work for everyone, but all of us have plenty of things that we can do to improve our workflow. In this article I'll cover some of the lessons that I have learned through my own experience. For me, productivity is a constant goal, and always interested in finding new ways to get more out of my time. I'm far from perfect in these areas, but making consistent improvements. Hopefully some of these things will help you in your own work.]]></description>
			<content:encoded><![CDATA[<p>Freelance designers, as well as those who work for small  design studios, often face the challenge of getting the most productivity out of  their time and achieving maximum efficiency. While this can be a struggle for  anyone in a more &#8220;typical&#8221; job, freelancers have added distractions, unique  challenges, and no one to hold them accountable. To be a successful freelancer  you&#8217;ll have to place a priority on productivity and find ways that work for  you.</p>
<p>Each of us is unique and no process will work for everyone, but all of us  have plenty of things that we can do to improve our workflow. In this article  I&#8217;ll cover some of the lessons that I have learned through my own experience.  For me, productivity is a constant goal, and always interested in finding new  ways to get more out of my time. I&#8217;m far from perfect in these areas, but making  consistent improvements. Hopefully some of these things will help you in your  own work.</p>
<h3>1. Have a Task List for the Day</h3>
<p>The best way to have an unproductive day is to work throughout the day  without a clear definition of what you need to accomplish. Simply having a to-do  list will go a long way in keeping you on track. One of the problems with  freelancing is that there is usually a million different things that you could  be doing on any given day. While all of these things may be helpful to your  business in some way, they&#8217;re not all equal in terms of importance and urgency.  Without a task list you run the risk of working all day on things that seem like  they are benefiting your business, but in the end you&#8217;re not focusing your  efforts on the right tasks.</p>
<h3>2. Prioritize Tasks</h3>
<p>One of my biggest frustrations in my daily work is that it seems like I&#8217;m  never able to do everything I want to do in a day. In this case, a task list is  likely to have a few things left untouched at the end of the day. Because of  this, it&#8217;s important to not only create a task list, but also to prioritize the  items that you&#8217;re looking to get done. Your tasks will differ from day-to-day,  but it&#8217;s likely that you&#8217;ll have a few very important things that <em>must</em> get done, and then some others with varying levels of importance  and urgency.</p>
<p>My personal approach with prioritizing is to simply to set the tasks that  must get done, and then I also list a few stretch goals for the day. If and when  I get all of the most important items done for a particular day, at that point I  can move on to the stretch goals, which usually carry less urgency than my main  tasks. This way I don&#8217;t finish my work early and have nothing to do, and I also  don&#8217;t have too much on my plate that causes adverse effects when I can&#8217;t get  everything done.</p>
<h3>3. Place More Emphasis on Finishing Tasks Rather than Starting New Ones</h3>
<p>Most freelancers have a few different projects going on at all times. On top  of that, each project may have several different tasks that need to be done, and  you may even have some of your own personal projects that require time. With all  of these things fighting for your attention at once, it&#8217;s tempting to dig in to  new tasks before completing others. By doing this you&#8217;ll usually be costing  yourself more time and effort later when it comes to finishing those tasks and  projects.</p>
<p>In order for a freelancer to keep the income flowing, it&#8217;s critical that  projects are getting finished. Being able to finish a project will help you to  get paid sooner and allow you to move on to another project. From my experience,  when I&#8217;m struggling with too much to do, it&#8217;s best if I can devote time to tasks  and projects that are near completion. Being able to get things crossed off the  list feels good and helps to reduce stress and create a more productive  environment.</p>
<h3>4. Know the Strongest Times of Your Work Day</h3>
<p>Some people work best early in the mornings, others prefer afternoons or  evenings. Everyone has times of the day that are stronger than others in terms  of focus and productivity. I tend to get up early, but I&#8217;m not at my peak for  the first few hours of the day. I&#8217;ve found that rather than fighting this and  trying to get more done at the start of my day, I&#8217;m better off to use that time  for tasks that are less demanding mentally.</p>
<p>During the times when I struggle to  concentrate I&#8217;ll clean out my email inbox, moderate and respond to comments on  my blog, evaluate my overall process on current projects, or anything that  requires time but not the highest amount of mental focus. With this approach I&#8217;m  able to make productive use of my least productive times of the day, and that  will save my best hours for more taxing activities like working on a client&#8217;s  website or writing articles. With the varied tasks of a freelancer, there are  always plenty of things that need to get done that require different levels of  intensity in terms of work and focus. If you can match your best times for work  with the most intense tasks, and your least productive times with more routine  tasks, you&#8217;ll get more out of your day.</p>
<h3>5. Give Yourself Some Flexibility</h3>
<p>I&#8217;ve already talked about the importance of having prioritized tasks and the  use of different times of the day, but it&#8217;s also important to not get so rigid  with this that you don&#8217;t leave yourself some room for flexibility. There will be  some days that don&#8217;t go quite as planned and when you don&#8217;t feel like you do  most other days. Allow yourself to have some flexibility to change things around  according to the circumstances.</p>
<h3>6. Have a Specified Ending Time for Work</h3>
<p>One of the biggest challenges that I face throughout the week is knowing when  to end my work day. When you&#8217;re working for someone else it&#8217;s much easier  to make a clear break, but as a freelancer there is always a temptation to keep  working. With so many things to do and your income riding on getting things  done, it seems like you will be more productive by working longer days. But from  my experience I&#8217;ve found that I often feel like I get the most done when I  have something going on that forces me to end the day at a specific time.</p>
<p>With a  set ending time it&#8217;s easier to get moving quickly and to get more productivity  out of each hour, since they are limited. Without a set ending time I often find  myself working with a little bit less efficiency since I feel like I have  plenty of time. On those days I wind up with less time away from work and I  often don&#8217;t seem to get that much more accomplished, even with the extra hours  of work.</p>
<h3>7. Bulk Process</h3>
<p>With so many different things to do, it&#8217;s likely that your day is broken up  into many small blocks of time for specific tasks. In order to achieve more  efficiency and productivity, try to use larger blocks of time and get similar  things done all at once (depending on the nature of your work this may or may  not be possible). For example, if you can avoid working with your email open you  may be able to spend less time each day on email by checking in 2 or 3 times  throughout the day and emptying your inbox each time. Checking email many times  throughout the day may lead to more time than necessary. An example from my  process is writing blog posts. My preferred method of producing content for my  blogs is to have specific days set aside where this is my only focus. I can  finish one post and move right on to the next. I may have a list of ideas that I  want to work on so I don&#8217;t waste time trying to decide before I start writing.  With this approach I feel like I&#8217;m able to get more out of my time as opposed to  writing a post here and there whenever I have time.</p>
<h3>8. Track Your Time</h3>
<p>You might be completely surprised to know exactly how you spend your time  throughout a work week. Tracking your time can help you to find inefficiencies  and ways to improve your productivity. Without knowing how your time is spent,  it&#8217;s hard to know how you can improve the use of your time. I&#8217;m not suggesting  that you need to track your time everyday, but if you do it for a few typical  days you may be surprised at how easily you can identify some areas for  improvement going forward. Mashable has a post from last year that looks at <a href="http://mashable.com/2008/08/28/time-tracking-tools/">6 online resources  for tracking your time</a>.</p>
<h3>9. Recognize Your Distractions</h3>
<p>One of the benefits of tracking your time is that it helps you to identify  things or activities that may be distracting you in your work. Whether or not  you are tracking your time at any giving point, one of the first steps to  working productively is to recognize your distractions. Eliminating or  controlling these distractions will lead to greater efficiency, but in order to  do so you&#8217;ll first have to accurately recognize and understand specifically what  challenges you have when it comes to working productively.</p>
<h3>10. Have Realistic Expectations</h3>
<p>Ambitious freelancers will often feel the pressure to get more done than is  humanly possible with a given amount of time. This can obviously lead to  increased stress and pressure, not to mention a lower quality of work. Realistic  expectations will allow you to be able to accomplish the things you set out to  do with a day of good work.</p>
<p>the biggest part of having realistic expectations is the amount of work that  you assign yourself for the day. Taking on too many projects at once and trying  to juggle too many different tasks will result in a cluttered work day with  unimpressive results. Resist the urge to try to get too much done, and focus  more on doing your best work with what is currently on your plate. If you  struggle in this area you may be able to increase your productivity by  outsourcing some of your tasks.</p>
<h3>11. Plan Your Next Day at the End of Each</h3>
<p>This is probably more of a personal preference, but I have found that if I  take a few minutes at the end of my day to plan for the next day, I&#8217;m typically  more aware of things and I can do a better job as opposed to waiting until the  next morning to plan the day. If I wait till the next morning I find that it  takes me a few minutes to remember exactly where I was on certain items at the  end of the last day, and I may overlook something that I would have remembered  had I taken care of this the day before. At the end of each day I can look at my  to-do list for the day and quickly see where I stand on the items that I wanted  and needed to get done. At that point, planning for the next day is a quick  process and I know exactly where I need to start, without running the risk of  forgetting things. Now I&#8217;ll waste no time the next day trying to figure out what  I need to do.</p>
<h3>12. Get Enough Sleep the Night Before</h3>
<p>During my time as a freelancer, particularly when I was freelancing part-time  on top of a full-time job, I&#8217;ve averaged less sleep than at any other point in  my life. However, sleep is an important part of a productive schedule. Each  of us functions differently in this area, but personally I tend to notice it the  most at the very beginning and end of the day. If I&#8217;m feeling well-rested I can  be productive through these times. If not, I struggle to stay on task.</p>
<h3>13. Eat Healthy</h3>
<p>The food that you put into your body can have a big impact on your energy  level and your feelings in general. I&#8217;m not going to go into detail here because  I&#8217;m not that knowledgeable on the topic, but generally eating healthy foods will  allow for better productivity.</p>
<h3>14. Get Fresh Air</h3>
<p>One of the things I dislike about working from home is the amount of time  that I spend inside the house. I often find that it helps just to take a few  minutes for a walk or a drive to get some fresh air. Sometimes working in a  different environment and getting out of the house for a while can really lead  to a boost in productivity. This is something that you can accomplish with just  a few minutes of your time, but it may have a noticeable impact for the next few  hours.</p>
<h3>15. Work in a Comfortable Environment</h3>
<p>As a freelancer, you&#8217;ll probably be spending a lot of time in a home office.  Making that office a comfortable space is important in terms of increasing your  productivity. What you do with the office isn&#8217;t really important, but it should  be an area that allows you to focus on your work comfortably for long periods of  time. I recently wrote a post at DesignM.ag on the <a href="http://designm.ag/freelance/essential-qualities-home-office/">essential  qualities of a home office</a> that takes a more in-depth look at this  subject.</p>
<h3>What&#8217;s Your Experience?</h3>
<p>Feel free to share you own thoughts on the subject of productivity in the  comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/productive-workday/feed/</wfw:commentRss>
		<slash:comments>112</slash:comments>
		</item>
		<item>
		<title>Developing a Client Process from Inquiry to Project Completion</title>
		<link>http://vandelaydesign.com/blog/design-process/client-process/</link>
		<comments>http://vandelaydesign.com/blog/design-process/client-process/#comments</comments>
		<pubDate>Fri, 06 Feb 2009 02:32:28 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[freelance]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=521</guid>
		<description><![CDATA[Efficiency and effectiveness are equally important to freelance designers and small design firms (and large ones as well, but that won't be the focus of this article). There are obviously any number of different things you can do to improve your workflow or to produce a better end result for your clients. One area for potential improvement is systemization or standardization of process.

The process of designing and developing a website for clients is rather complex and involves a lot of different steps. First, there is the initial contact either through an online inquiry or maybe a referral. Then comes a quote for service, a contract, the opening stages of the design, client feedback, revisions, development, completion, final billing and record keeping. Of course, the exact steps may vary from one designer to another, but the point is that a lot goes into the complete process of taking a client from inquiry to the completion of the project.]]></description>
			<content:encoded><![CDATA[<p>Efficiency and effectiveness are equally important to  freelance designers and small design firms (and large ones as well, but that  won&#8217;t be the focus of this article). There are obviously any number of different  things you can do to improve your workflow or to produce a better end result for  your clients. One area for potential improvement is systemization or  standardization of process.</p>
<p>The process of designing and developing a website for clients is rather  complex and involves a lot of different steps. First, there is the initial  contact either through an online inquiry or maybe a referral. Then comes a quote  for service, a contract, the opening stages of the design, client feedback,  revisions, development, completion, final billing and record keeping. Of course,  the exact steps may vary from one designer to another, but the point is that a  lot goes into the complete process of taking a client from inquiry to the  completion of the project.</p>
<p>With all of these different steps and a lot of gray area from clients about  how the process will take place, creating some sort of standard process of your  own can be an excellent way to improve the simplicity and effectiveness for both  you and the client.</p>
<p>The average client will look to the designer to take the lead and have an  established process. While many freelancers who have been on the job for a long  period of time are likely to have set their own standards, this is an area for  huge potential improvement for those who have yet to do so.</p>
<p>In this article we&#8217;ll take a look at the aspects of the client process that  can benefit from some sort of established procedure. With established practices  you&#8217;ll find that you&#8217;re able to save time, keep things more organized, make  fewer mistakes in important areas like the legalities of the process and record  keeping, and in general you&#8217;ll be able to provide clients with a more  comfortable process.</p>
<p>The thoughts in this article are from my own experience. Developing a system  that works for you and your clients is more important than following a set  guideline. Your feedback from your own experience is welcomed and appreciated.</p>
<h3>Aspects of the Client Process:</h3>
<h4>1. Inquiry</h4>
<p>All client projects have to start somewhere. It may be a contact form  submission through your website, a call from a friend or former client, or you  may even initiate the contact. Personally, the majority of my inquiries come  through my website, so that is where my own focus has been. As you receive  inquiries from a number of potential clients it&#8217;s pretty easy to lose track of  who has been contacted or where things stand. My own system involves setting up  folders within my inbox. I have a general inquiry folder where new emails go  after I have responded to them. This way I know that if an inquiry email is  sitting in my inbox and not in any specific folder, I still need to reply.</p>
<p>I also have a few other folders that I use for inquiries. If I&#8217;ve talked to  someone that shows some interest but hesitates to make a decision, I&#8217;ll usually  put that email in a &#8220;follow up&#8221; folder so I&#8217;ll be reminded to get back in touch  with them if I don&#8217;t hear anything in a while. I&#8217;ll browse through this folder  every now and then to see who needs to be contacted.</p>
<p>Another option for tracking your inquires would be to keep a simple  spreadsheet. This is something that I&#8217;ve done at times in the past when I wanted  to track something such as the source of my leads over a period of time. A  spreadsheet can be helpful because of all the options for sorting and different  things that you can do once some data has been accumulated. However, I&#8217;ve found  that a simple folder system in my inbox works better for me and is easier to  maintain.</p>
<h4>2. Quote</h4>
<p><a href="../marketing/12-realities-of-pricing-web-design-services/">Pricing  services</a> is a challenge for most designers. Unless you use set pricing  packages, you&#8217;ll need to have some type of process for developing quotes. Even  if you use set prices, it&#8217;s likely that you&#8217;ll get some work that doesn&#8217;t fit  within the standard box of those packages.</p>
<p>How you choose to price your services is up to you, but the important thing  is that you actually have a standardized approach. Of course, some flexibility  is needed from time-to-time, but without an established method for quoting  you&#8217;ll wind up spending too much time on clients that wind up not choosing to  use your services, and your prices simply won&#8217;t have much meaning behind  them.</p>
<p>My approach is to do the best job that I can of getting information from the  client about specifically what it is that they want from me. With this  information I&#8217;ll make my best estimate on the number of hours that the project  will require, and I&#8217;ll quote based on what I need to earn per hour. Part of my  process also includes stating specifically what is involved in the service and  what is covered in this quote with the explanation that additional services or  time may be dedicated, but they are subject to additional charges.</p>
<p>It&#8217;s also helpful to have a standard form that you complete for the quote.  Much of the information may be the same on most projects, so just entering the  specifics rather than starting from scratch each time can help with  efficiency.</p>
<p>Once I&#8217;ve sent the quote to the client, I save it to a &#8220;Quotes&#8221; folder so  it&#8217;s easy to find in the future. If you&#8217;re working on a few projects at a time  it&#8217;s easy to forget the details of the quotes, so having them easily accessible  can be helpful. Also, you may find that some clients don&#8217;t make a decision right  away and a few months after the quote they&#8217;ll get back in touch with you. When  this happens it&#8217;s nice to know exactly where you can find the old quote without  needing to start over again.</p>
<h4>3. Payment Policies</h4>
<p>Much like pricing your services, establishing and following policies for  accepting payment is not the favorite activity of most designers. Most of us  have learned the hard way that it&#8217;s necessary to get a portion of the payment up  front to avoid wasting time on a client that&#8217;s not committed to the project.  When dealing with clients I find that it&#8217;s easier and more comfortable if there  is a standard policy and if it is communicated to clients.</p>
<p>Most clients will understand that you need to get some of the money up front,  and many appreciate knowing that this is your standard process, so they don&#8217;t  feel singled out. Regardless of the process that you choose, it&#8217;s helpful to  decide on how you want to handle things and stick with it as much as possible.  It will be easier for you to know when you&#8217;ve been paid and how you were paid,  plus there will be less back and forth with potential clients on these issues  when it is presented as your policy for doing business. Of course, you always  have the right to make exceptions if you see fit.</p>
<h4>4. Invoicing</h4>
<p>Creating and tracking invoices is an area that all designers need to  standardize in one way or another. There is obviously a need to know who you  have invoiced, when it was sent, and if payment has been received. Fortunately,  there are a lot of good options in this area. You can find plenty of free  templates online for creating invoices and set up your own system for storing  and tracking the, or you can use one of the many services that will make the  process easier for you. <a href="http://www.freshbooks.com/">FreshBooks</a> is  one of the leading services for these purposes, and it actually includes much  more than just invoicing. You can also use FreshBooks, and many of its  competitors, to create quotes or estimates, as well as to track your time and  expenses. If you&#8217;re charing clients a portion up front and the balance upon  completion, it&#8217;s especially important to be able to accurately track this  information.</p>
<h4>5. Contracts</h4>
<p>Some designers have clients sign a contract and some don&#8217;t. I&#8217;m not a legal  expert so I&#8217;m not going to go in depth here, but obviously it&#8217;s recommended that  you use contracts for your own protection. This is an area that you&#8217;ll  definitely want to standardize in terms of the actual contract that is used, and  also in terms of record keeping.</p>
<h4>6. Client Intake</h4>
<p>Once you&#8217;ve provided the client with a quote, they&#8217;ve decided to use your  services, and you&#8217;ve received the initial payment to get started, you&#8217;ll now  have to get completely familiarized with the client before diving in to the  project. Most likely, in order to provide an accurate quote for the client you  will have already done some basic research into their business and their needs  from you, but at this time you&#8217;re likely to need more specifics about what they  do and what they want in a website.</p>
<p>From my experience, this is a critical stage in the process, and one that is  best done with as much personal interaction as possible. Most designers do not  meet face-to-face with every client, but at this stage a phone call is much more  personal than an email, and you&#8217;re likely to get much better information over  the phone. Email is great for communicating with clients, but in order to get  the information that you need and to have an effective conversation at the start  of the process, email communication is usually not enough.</p>
<p>Many of the questions you will ask to clients will be the same for almost  everyone. For this reason it&#8217;s a good idea to save a document somewhere with all  of the typical questions included. Personally, I prefer to take notes by hand  when I&#8217;m speaking with clients on the phone, so I&#8217;ll print out a sheet with the  questions and then record my notes there. Others may prefer to type directly in  the document of to use a tape recorder and go back and take notes later.  Regardless of your choice, you should have some sort of typical process for  getting information from clients.</p>
<p>Once I have a client signed on and ready to go, I create a separate folder to  store all of the information on their project. The quote, contract, will go in  this folder, and so will the responses to intake questions if I type them.</p>
<p>This is a process that you won&#8217;t want to completely standardize since each  client is unique. I recommend having a core set of questions, but be flexible  and take the time to think about what other information you may need for this  specific situation, and what information from your core questions may not be  needed in this case. This will allow you to achieve efficiency without losing a  personal touch.</p>
<h4>7. Tracking Time</h4>
<p>Whether you&#8217;re working on set pricing or charging by the hour, it can be  extremely helpful to know how you are spending your time. You may have decided  on a set price to charge the client for the project, but when it&#8217;s all said and  done, how do you know how much time you actually spent on it? The next quote you  write up may be easier and more accurate if you know how you really spent your  time on your latest project. You may find that you&#8217;re spending more or less time  than you realized, and this is helpful to know for pricing. If you&#8217;re charging  by the hour it&#8217;s obviously critical to have accuracy in this area. Online  resources like <a href="https://www.time59.com/">Time59</a> are helpful for this  purpose (as was mentioned earlier, FreshBooks also offers time tracking).</p>
<h4>8. Process of Design, Feedback and Revisions</h4>
<p>Most of the areas we&#8217;ve looked at so far focus on the business aspect of  being a freelance designer. These areas, in my opinion, are a bit easier to  standardize than the design process itself. However, that doesn&#8217;t mean that  there is no room for improvement in the design process. For example, it&#8217;s  helpful to have some sort of established process for going about the design  work, getting feedback from clients, and making the appropriate revisions.</p>
<p>You may want to establish a process that involves 1) sketching a basic layout  after getting the initial information from the client, 2) getting approval from  the client on the basic concepts of the design, 3) completing the mockup in  Photoshop, 4) getting client feedback on the mockup, 5) making any changes to  complete the design, 6) coding the website, and 7) testing. This is just a  sample scenario, you can develop your own process. It&#8217;s helpful for you to know  what the process will be for each project, and it&#8217;s also helpful for clients if  that process is communicated early on so they know what to expect.</p>
<h3>Conclusion:</h3>
<p>At this point we&#8217;ve looked at many of the major stages of the process from  inquiry to completion. I find that establishing some standardization in these  areas is helpful in my work, but you&#8217;ll need to evaluate these areas for  yourself and your clients.</p>
<p>What is involved in your standard client process?</p>
<p><em>(Just before publishing I saw that Antonio Lupetti has a new post on Woork,<a href="http://woork.blogspot.com/2009/02/simple-process-to-estimate-time-and.html"> Simple process to estimate times and costs in a web project</a>. If that&#8217;s an area where you&#8217;re looking for more detailed instruction, see his post.)</em><a href="http://woork.blogspot.com/2009/02/simple-process-to-estimate-time-and.html"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/client-process/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
	</channel>
</rss>
