<?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>Designing Your Site &#187; Design process</title>
	<atom:link href="http://www.beckydavisdesign.com/seminar/category/web-design/design-process/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.beckydavisdesign.com/seminar</link>
	<description>What every business owner should know about their website</description>
	<lastBuildDate>Sun, 05 Sep 2010 00:51:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>How to Hire a Web Designer</title>
		<link>http://www.beckydavisdesign.com/seminar/how-to-hire-a-web-designer/</link>
		<comments>http://www.beckydavisdesign.com/seminar/how-to-hire-a-web-designer/#comments</comments>
		<pubDate>Wed, 02 Jun 2010 16:11:04 +0000</pubDate>
		<dc:creator>Becky</dc:creator>
				<category><![CDATA[Design process]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[contract]]></category>
		<category><![CDATA[discovery]]></category>
		<category><![CDATA[planning]]></category>

		<guid isPermaLink="false">http://www.beckydavisdesign.com/seminar/?p=449</guid>
		<description><![CDATA[The question I got asked about preparing the web-ready images (see previous post) got me thinking. If this woman has already hired a designer, why does she need me to prepare her images? She&#8217;s obviously willing to pay extra for the service, so why doesn&#8217;t the designer she hired do it? The fact that she [...]]]></description>
			<content:encoded><![CDATA[<p><div class="simplePullQuote">You're hiring someone because they have skills that you don't, how do you know they have the right skill set necessary for your site?</div>The question I got asked about preparing the web-ready images (see <a href="http://www.beckydavisdesign.com/seminar/preparing-pictures-for-the-web/" target="_blank">previous post</a>) got me thinking. If this woman has already hired a designer, why does she need me to prepare her images? She&#8217;s obviously willing to pay extra for the service, so why doesn&#8217;t the designer she hired do it? The fact that she hired me at all for this service raises a big red flag about who she hired to do her site. Anyone claiming to be a web designer should have the software and skills necessary to prepare images properly.</p>
<p><br class="spacer_" /></p>
<p>So, as a layman, how do you know that? You&#8217;re hiring someone because they have skills that you don&#8217;t, how do you know they have the right skill set necessary for your site?</p>
<p>(Full disclosure here: I am a web designer and of course I would like it if you <a href="http://www.beckydavisdesign.com/Contact.php" target="_blank">contacted</a> me for a quote.)</p>
<h3>Do your homework</h3>
<p>Before you even think about hiring anyone, know what you want first. Site design is a collaborative effort. Fill out the <a href="http://www.beckydavisdesign.com/seminar/web-site-client-questionnaire/" target="_blank">questionnaire</a>, get your written content together, think about how you&#8217;d like the site to flow. The more specific you can be in your planning about what you&#8217;d like to see and how you&#8217;d like it to work before you talk to anyone, the better.</p>
<p>Think about your budget at this point as well. Your website isn&#8217;t the only cost in your overall  marketing strategy but it is your anchor. Think in terms of what you expect your business to make. If you expect to see $50,000 in sales this year, then spending $5-10,000 on your site is an investment that will pay off. If $1000 is all that you can manage, then be honest with anyone you may hire. Talk with them about what kinds of things you can do yourself to alleviate some of the cost. If you plan correctly, you can start with something very simple and build on it later.</p>
<p>Before you hire anyone, it&#8217;s always good to shop around a bit.</p>
<p>Good places to start, beyond a basic web search:</p>
<ul>
<li><a href="http://sortfolio.com" target="_blank">Sortfolio.com</a> &#8211; Find listed designers by city and price range</li>
<li><a href="http://www.linkedin.com" target="_blank">LinkedIn</a> &#8211; Search for web design and your city under people or companies and you should get quite a list. The ones that are closest to your network will show up 1st.</li>
<li>Referrals from friends -  A great place to start, but you should dig  deeper and get several quotes if possible.</li>
</ul>
<h3>Check them out</h3>
<p>Things that ANY designer you&#8217;re considering should have:<img class="alignright size-thumbnail wp-image-465" title="Check them out" src="http://www.beckydavisdesign.com/seminar/http://www.beckydavisdesign.com/seminar/wp-content/uploads/iStock_000006000916XSmall-150x150.jpg" alt="Be sure to get references!" width="150" height="150" /></p>
<ul>
<li>A site of their own. (You found it useful, easy to find information and all the links worked, right?)</li>
<li>Portfolio &#8211; Their site should include this. Each site in the portfolio should have a link to the real site.
<ul>
<li>Do you like what you see? </li>
<li>Have they built sites that work the way you would like yours to? </li>
</ul>
</li>
</ul>
<p>Once you have gotten to a site they designed, you should be able to contact that business owner for a reference.</p>
<ul>
<li>How was the designer to work with? </li>
<li>Did they provide a proposal and contract that detailed everything they would do?</li>
<li>Were they honest and responsive? </li>
<li>Did they do the work promptly and on budget? </li>
<li>Did they answer any questions that came up? </li>
<li>Were they responsive to any issues that cropped up after the site launched? </li>
<li>Did they make sure that the owner had the <a href="http://www.beckydavisdesign.com/seminar/domain-names-who-controls-yours/" target="_blank">domain and hosting</a> login information and that the billing was assigned to the owner?</li>
</ul>
<p>Every designer/developer has different skill sets so it can be hard to determine if the person you&#8217;re talking to is the right fit. Again, this where close scrutiny of their portfolio and direct questions are important. At a very minimum someone will have to know HTML, CSS and possibly Javascript or PHP to get your site to the web.</p>
<ul>
<li>Do they do the graphic design work and the coding? </li>
<li>If  you need complex back-end/shopping cart/database work done, will they do that or hire it out? </li>
<li>If they will use other people (and there&#8217;s nothing wrong with that), will the designer be the project manager or will you have to deal with multiple people?</li>
<li> Is all of the work necessary included in the quote? </li>
</ul>
<p><br class="spacer_" /></p>
<h3>Get it in writing</h3>
<p>I was asked once to look at someone else&#8217;s quote. In six pages there was a lot about branding and a test &#8220;mock&#8221; site, but there on page 6, one line &#8211; &#8220;Programming is not included in this quote&#8221;. They would have spent $15,000 on a new logo, look and feel and some layout, but at the end would have had a &#8220;mock&#8221; site that didn&#8217;t work. If the designer is a great graphic artist and does no coding, make sure they are working with a developer who can code their designs and that the quote you got included everything needed from concept to launch.</p>
<p>A good proposal and contract should manage expectations for everyone and be very clear on the fee structure. If you&#8217;re not clear on what&#8217;s in the proposal, please get a 2nd opinion. It should be clear when and what payments are due, how many pages will be built, how the design process works for this designer.  Here&#8217;s the basics I always include:</p>
<ul>
<li>Design process &#8211; mock-up first, so many revisions, approval stage</li>
<li>Construction stage &#8211; what will be coded, pages, forms etc</li>
<li>Final launch &#8211; going live as well as being clear on copywrite assignments</li>
</ul>
<p>Payment usually goes in thirds. A deposit, payment after design approval and then final at launch.</p>
<p>The bottom line? You want to work with someone you can communicate and build a relationship with. This is after all your business and your site.</p>
<h3>Further References<br class="spacer_" /></h3>
<p><a href="http://articles.sitepoint.com/article/how-to-hire-a-web-designer" target="_blank">sitepoint.com/article/how-to-hire-a-web-designer</a></p>
<p><a href="http://www.lifehack.org/articles/management/how-to-hire-a-web-design-firm.html" target="_blank">lifehack.org/articles/management/how-to-hire-a-web-design-firm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.beckydavisdesign.com/seminar/how-to-hire-a-web-designer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Preparing Pictures for the Web</title>
		<link>http://www.beckydavisdesign.com/seminar/preparing-pictures-for-the-web/</link>
		<comments>http://www.beckydavisdesign.com/seminar/preparing-pictures-for-the-web/#comments</comments>
		<pubDate>Wed, 05 May 2010 18:49:38 +0000</pubDate>
		<dc:creator>Becky</dc:creator>
				<category><![CDATA[Design process]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[pictures]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[web-ready]]></category>

		<guid isPermaLink="false">http://www.beckydavisdesign.com/seminar/?p=429</guid>
		<description><![CDATA[When adding images to a web site, what does "web-ready" mean?]]></description>
			<content:encoded><![CDATA[<p>A woman who had been to one of my seminars at <a href="http://www.scorechicago.org" target="_blank">SCORE</a> wrote the other day:<br />
 “I am in the process of having a web designer build my site. However, she mentioned that the product pictures that will be on the site need to be made &#8220;web ready&#8221; (72 dpi, RGB color, and no larger than 800 pixels wide or tall). Is this a service that you offer? Or do you know someone who could do this for me? ”</p>
<p>Now, I work by the hour as well as the project, so I don’t have any problem with helping her out. Dealing with product images for a web site is an ongoing challenge for small businesses, particularly craft oriented business where the product and the pictures are produced by the owner. Her question (and I’ve seen it before with several clients of my own), raises several issues.</p>
<h3>What does web-ready mean?</h3>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<div id="attachment_432" class="wp-caption alignleft" style="width: 399px"><a href="http://www.beckydavisdesign.com/seminar/http://www.beckydavisdesign.com/seminar/wp-content/uploads/giant-baby.jpg"><img class="size-full wp-image-432" title="giant-baby" src="http://www.beckydavisdesign.com/seminar/http://www.beckydavisdesign.com/seminar/wp-content/uploads/giant-baby.jpg" alt="Yikes! This baby picture is huge!" width="389" height="406" /></a><p class="wp-caption-text">Yikes! This baby picture is huge!</p></div>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>All of us have received those baby pictures in our email where the image is so large, it takes 5 minutes to open and all you see is a giant eye. This is how the image came off the camera. Different cameras produce different size pictures, the more megapixels, the bigger the image. The primary purpose for these giant images is so you can print them. Print likes high resolution. Web images need to be at a lower resolution and as small as file size as you can manage. No one want to wait 5 minutes for your pictures to download on your site. So, web ready means pictures that have been cropped to the size that will be used on the web page and “saved for web” at the low resolution of 72ppi (pixels per inch) – the resolution that your computer monitor is. Size is determined by pixels; a rule of thumb might me that thumbnails are not bigger then 150 px in either direction, “medium” images no bigger than 300 px and “large” no bigger than 800 px. Most websites are between 750 and 1024 px wide.</p>
<p><a href="http://www.adobe.com/products/photoshop/compare/" target="_blank">Photoshop</a> is the most commonly used program to get an image web-ready, but it’s lighter version <a href="http://www.adobe.com/products/photoshopelwin/" target="_blank">Elements</a>, <a href="http://www.gimp.org/" target="_blank">Gimp </a>and my favorite little share-ware program <a href="http://www.irfanview.com/" target="_blank">Irfanview</a> all have the ability to help you re-size images. For more information on resolution, file management and other image related web topics you can check out my article <a href="http://dwmeetup.wordpress.com/2009/05/13/creating-graphics-for-the-web/" target="_blank">Creating Graphics for the Web</a>.</p>
<h3>Find Those Images!</h3>
<p>Along with getting the images web-ready by sizing them correctly, paying attention to how the files are named and described will go a long way to optimizing your site for search engines.<br />
 <strong> </strong></p>
<p><strong>Titles</strong> – no one knows what dsc0012.jpg is but everyone will know what sparkly-butterfly-barrette.jpg is. Naming your images to match what they are or what your customer might be searching for will go a long way to helping them find you.<br />
 <strong> </strong></p>
<p><strong>“Alt tags”</strong> &#8211;  along with the file title, every web image has the opportunity to have an alt tag or alternate description attached to it. This serves 2 purposes; for those who don&#8217;t have the image, (cell, screen readers) they know what it&#8217;s supposed to be and like above it helps the searchers find you. Use keyword rich descriptions in your alt tags. If you&#8217;re handing off the images to a designer, give them the image descriptions along with your regular page copy.</p>
<h3>DYI</h3>
<p>If you are running your own craft based business and taking product pictures is going to be an essential and ongoing part of your business, then I really do recommend finding a class or tutor and investing in a decent camera and software. Of course, you can hire a photographer to do all of this for you, but if saving money in the long term is your goal, making the up front investment and learning to take and edit your product images yourself will save you real money when it comes time to have your site built and updated.</p>
<p>Like with most things it all comes back to time and money and how much your time is worth. If you spend 20 hours doing something I could do in 5, was it worth it? Many people only look at what something costs, but don&#8217;t factor in what their own time is worth.</p>
<p>I&#8217;m not a real advocate of doing everything yourself when it comes to web design. After all, I&#8217;d like to have enough clients to pay my bills, I&#8217;d rather have my car serviced by someone who has been trained and really knows what they&#8217;re doing and if you&#8217;re running your own business, that should be where your expertise lies. I do think however that understanding enough about how images and files are prepared for the web so that you can talk intelligently to a designer and even do some of the repetitive work yourself is a good thing.</p>
<h3>Further Resources</h3>
<p><a href="http://www.lakeshorebranding.com/company/blog/the-secrets-to-optimizing-your-site-for-image-search/" target="_blank">The Secrets to Optimizing Your Site for Image Search</a></p>
<p><a href="http://efuse.com/Design/web_graphics_basics.html" target="_blank">How to Create Better Graphics for the Web</a></p>
<p><a href="http://dwmeetup.wordpress.com/2009/05/13/creating-graphics-for-the-web/" target="_blank">Creating Graphics for the Web</a></p>
<p><a href="http://www.beckydavisdesign.com/seminar/glossary/" target="_blank">Glossary of Web Terms</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.beckydavisdesign.com/seminar/preparing-pictures-for-the-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How long will it take to create a site?</title>
		<link>http://www.beckydavisdesign.com/seminar/how-long-will-it-take-to-create-a-site/</link>
		<comments>http://www.beckydavisdesign.com/seminar/how-long-will-it-take-to-create-a-site/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 23:37:11 +0000</pubDate>
		<dc:creator>Becky</dc:creator>
				<category><![CDATA[Design process]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[planning]]></category>

		<guid isPermaLink="false">http://www.beckydavisdesign.com/seminar/?p=333</guid>
		<description><![CDATA[Along with how much does it cost, the most frequent question I get in my seminar is &#8220;How long will it take?&#8221;. The truth is that for a smaller site, not that long. Something in the range of 15-25 hours to design/revise/approve and another 25-40 hours to code the site is probably close. So every [...]]]></description>
			<content:encoded><![CDATA[<p>Along with how much does it cost, the most frequent question I get in my seminar is &#8220;How long will it take?&#8221;. The truth is that for a smaller site, not that long. Something in the range of 15-25 hours to design/revise/approve and another 25-40 hours to code the site is probably close. So every small business can have a site in 2 weeks, right? <div class="simplePullQuote">Unfortunately, I'm not a fairy godmother. I cannot just create a site for you with my magic wand out of thin air.</div></p>
<p>The question I always come back with when someone asks me this question is <strong>&#8220;How long will it take you? Do you have your content ready?&#8221;</strong>If I send you a mock-up for design approval, how long will it take you to get back to me? Are you ready to move the process along with comments, approval and the next payment? </p>
<p>The reality is (and one of the main reasons I teach the seminar) is that while all small business owners want and need a website, most are unprepared for all the work that needs to go into it. Unfortunately, I&#8217;m not a fairy godmother. I cannot just create a site for you with my magic wand out of thin air. My job is to create a design that works for your business and makes it easy to use and compelling for your customers. Your job is to sell your products and services. I can help you with structure,design and functionality, but only you can tell me about your business. </p>
<p><div class="simplePullQuote">I can help you with structure and design, but only you can tell me about your business.</div>I once had a client exclaim &#8211; &#8220;Becky, I had no idea how much work you were going to make me do!&#8221; This of course also goes back to the first question, &#8220;how much will it cost&#8221;? How much are you willing to do yourself? I can take a passable product picture and edit it, but if you multiply that by 100+, that gets time consuming and therefore expensive. I can polish up written copy, or find a professional writer for you. But ultimately, what no designer can do is make it up from scratch if they are not part of your business. I will never know your lingo, your clients or your business like you do.</p>
<p>The other reality is that while my priority is getting your site designed and coded, it&#8217;s not yours. You&#8217;re still running your business.  Getting back to me in a timely fashion with comments and feedback may not happen and that stops me in my tracks. I used to design a layout and then ask for content. One time that process took over 6 months. I&#8217;ve come to the conclusion at this point that I really need content first, before even thinking about design. Having the content first does several things.</p>
<ul>
<li>It forces me to design a layout that actually works with the existing content, instead of finding out later that there really isn&#8217;t room for that form here.</li>
<li>It forces you to really think about the whole project and all of the details ahead of time.</li>
<li> It allows both of us to plan for as many contingencies as possible while still in the design stage.</li>
</ul>
<p>This creates a win/win situation for both of us and hopefully keeps the project on track so it really doesn&#8217;t take too long at all.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.beckydavisdesign.com/seminar/how-long-will-it-take-to-create-a-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What does a website cost?</title>
		<link>http://www.beckydavisdesign.com/seminar/what-does-a-website-cost/</link>
		<comments>http://www.beckydavisdesign.com/seminar/what-does-a-website-cost/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 04:50:04 +0000</pubDate>
		<dc:creator>Becky</dc:creator>
				<category><![CDATA[Design process]]></category>
		<category><![CDATA[Questions]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[contract]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[discovery]]></category>
		<category><![CDATA[planning]]></category>

		<guid isPermaLink="false">http://www.beckydavisdesign.com/seminar/?p=234</guid>
		<description><![CDATA[I had a lovely conversation with a new prospective client last week. We looked at his site and talked about how he didn&#8217;t like the Enter button and how the address needed to be updated. Pretty simple changes for the most part. I explained how for this kind of maintenance I just charged hourly. (I [...]]]></description>
			<content:encoded><![CDATA[<p>I had a lovely conversation with a new prospective client last week. We looked at his site and talked about how he didn&#8217;t like the Enter button and how the address needed to be updated. Pretty simple changes for the most part. I explained how for this kind of maintenance I just charged hourly. (I charge $45 an hour, rates can vary from $35 to more than $100. It depends on the complexity of the work that needs to be done and the skill set/experience of the the developer. Local market rates also come into play.)</p>
<p>Then he directed my attention to a completely different site that was not his. &#8220;I want my site to look just like this one.&#8221; Oh. Now we&#8217;re not talking about a few minor changes, now we&#8217;re talking about a whole re-design. This is basically building a new site. Except for having most of the content already written (and really that probably needs some work as well), everything will have to be done from scratch. I can charge hourly for this, but most small business people like to have a clue on cost before starting such a project.<br />
<div class="simplePullQuote">If you went into a Home Depot and asked how much a new kitchen was would you expect a direct answer?</div><br />
This was my understanding at the end of the conversation:<br />
- He was going to send me the login information to his current site so I could get to the files and make the simple address changes right away.<br />
- He was also going to look at all the content on the current site and decide what was going to go on what pages for the new site and if changes or new images were needed. </p>
<p>Once I had this information, I would be able to send him an estimated cost and a contract. While I have no problem just billing for a few hours of maintenance, for a complete project, I need to have a signed contract and a spelled out payment plan. It is typical to ask for 1/3 up front, a 1/3 after the design has been approved and the final payment once the working site has been approved, but before it gets launched. </p>
<p>Close to a week went by and I hadn&#8217;t heard from him, so I sent him a friendly follow-up email asking him about getting the login information so I could correct the current site. The reply I got back is &#8220;is the new template ready yet?&#8221;</p>
<p>What we have here is a failure to communicate.</p>
<p>My bad, I should have followed up the conversation with an email spelling out my understanding and the action points that we both needed to take.</p>
<p>The cost of designing and building a site is often one of the first questions I get and probably one of the hardest to answer. This is not an evasion. If you went into a Home Depot and asked how much a new kitchen was would you expect a direct answer? No, you know that you would have to pick out the appliances, cabinets, counter top materials, etc. before a price could be generated. So what do I need to be able to write you a quote? Some of that depends on what you need or want for your site, but some of it is pretty basic.</p>
<ol>
<li>How many pages do you want?</li>
<li>Do you have the images you need or do you need stock photography or?</li>
<li>Do you have the written content ready or do you need a writer?</li>
<li>Do you need a contact form? (What happens when someone fills it out, does it go to you email or a database?)</li>
<li>Is there ecommerce needed?</li>
</ol>
<p>As you might imagine, I&#8217;ve just gotten started. The discovery stage is a very important collaborative effort and one of the main reasons I encourage my clients to fill out my <a href="http://www.beckydavisdesign.com/seminar/web-site-client-questionnaire/">questionnaire</a>. It may seem like a lot of work and it is, but without your contribution to the project there isn&#8217;t much I can do.</p>
<p>The good news is that every new client and project is a fascinating learning process and this faux pas on my part has at least given me good material for an article and a reminder to never assume anything. Now excuse me while I go reply to that email with some detail about what I need to get this project rolling.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.beckydavisdesign.com/seminar/what-does-a-website-cost/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
