<?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>Sunday Media &#187; website design</title>
	<atom:link href="http://blog.sundaymedia.com/category/website-design/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.sundaymedia.com</link>
	<description>We make the web fresh daily.</description>
	<lastBuildDate>Fri, 16 Jul 2010 19:17:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Best Website and Marketing Checklist. Ever.</title>
		<link>http://blog.sundaymedia.com/the-best-website-and-marketing-checklist-ever</link>
		<comments>http://blog.sundaymedia.com/the-best-website-and-marketing-checklist-ever#comments</comments>
		<pubDate>Fri, 02 Apr 2010 22:34:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[website design]]></category>

		<guid isPermaLink="false">http://blog.sundaymedia.com/?p=108</guid>
		<description><![CDATA[
Need a good checklist for your website design and marketing?  Sunday Media can help with a website audit and a redesign depending on your needs. Here is a comprehensive list of things every website owner should consider when making a website both user and Google friendly:




Domain name &#38; URLs

Short and memorable
 Uses Keywords
 Used in [...]]]></description>
			<content:encoded><![CDATA[<p style="color: maroon;"><img class="alignright size-medium wp-image-110" title="sm" src="http://blog.sundaymedia.com/wp-content/uploads/2009/10/sm-300x300.gif" alt="sm" width="260" height="260" /></p>
<p><span style="color: #000000;">Need a good checklist for your website design and marketing?  Sunday Media can help with a website audit and a redesign depending on your needs. Here is a comprehensive list of things every website owner should consider when making a website both user and Google friendly:</span></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<p style="color: maroon;">Domain name &amp; URLs</p>
<ul>
<li>Short and memorable</li>
<li> Uses Keywords</li>
<li> Used in email addresses</li>
<li> Uses Favicon</li>
<li> Site.com redirect to www. version:</li>
<li>Alternate Domain redirects</li>
<li> Home page redirect to root</li>
<li> No underscores in filenames</li>
<li> Keywords in directory names</li>
<li> Multiple pages per directory</li>
<li> Registered for 5+ years</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Multiple versions:</li>
<li> .com</li>
<li> .org</li>
<li> .net</li>
<li> .biz</li>
<li> Hyphenations</li>
<li> Misspellings</li>
<li> Product names</li>
<li> Brand names</li>
<li> Type-in keywords URLs</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Browser issues</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> Visible address bar</li>
<li> Fully functional navigation tools</li>
<li> Visible status bar</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Site works in multiple browsers</li>
<li> No browser hi-jacking</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Site logo</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> Displays company name clearly</li>
<li> Isn&#8217;t hidden among clutter</li>
<li> Links to home page</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Unique and original</li>
<li> Use tagline consistently across site</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Design considerations</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> Instant site identification</li>
<li> Crisp, clean image quality</li>
<li> Clean, clutter-less design</li>
<li> Consistent colors and type</li>
<li> Whitespace usage</li>
<li> Minimal distractions</li>
<li> Targets intended audience</li>
<li> Meets industry best practices</li>
<li> Easy to navigate</li>
<li> Descriptive links</li>
<li> Good on-page organization</li>
<li> Easy to find phone number</li>
<li> Don&#8217;t link screen captures</li>
<li> Skip option for flash</li>
<li> Consistent page formatting</li>
<li> No/minimal on-page styling</li>
<li> Avoid text in images</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Font size is adequate</li>
<li> Font type is friendly</li>
<li> Paragraphs not too wide</li>
<li> Visual cues to important elements</li>
<li> Good overall contrast</li>
<li> Low usage of animated graphics</li>
<li> Uses obvious action objects</li>
<li> Avoid requiring plugins</li>
<li> Minimize the use of graphics</li>
<li> Understandable graphic file names</li>
<li> No horizontal scrolling</li>
<li> Non-busy background</li>
<li> Recognizable look and feel</li>
<li> Proper image / text padding</li>
<li> Uses trust symbols</li>
<li> Works on variety of resolutions</li>
<li> Works on variety of screen widths</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Architectural issues</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> Correct robots.txt file</li>
<li> Declare doctype in HTML</li>
<li> Validate HTML</li>
<li> Don&#8217;t use frames</li>
<li> Alt tag usage on images</li>
<li> Custom 404 error page</li>
<li> Printer friendly</li>
<li> Underlined links</li>
<li> Differing link text color</li>
<li> Breadcrumb usage</li>
<li> Nofollow cart links</li>
<li> Robots.txt non-user pages</li>
<li> Nofollow non-important links</li>
<li> Review noindex usage</li>
<li> Validate CSS</li>
<li> Check broken links</li>
<li> No graphics for ON/YES, etc.</li>
<li> Page size less than 50K</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Flat directory structure</li>
<li> Proper site hierarchy</li>
<li> Unique titles on all pages</li>
<li> Title reflects page info and heading</li>
<li> Unique descriptions on pages</li>
<li> No long-tail page descriptions</li>
<li> Proper bulleted list formats</li>
<li> Branded titles</li>
<li> No code bloat</li>
<li> Minimal use of tables</li>
<li> Nav uses absolute links</li>
<li> Good anchor text</li>
<li> Text can be resized</li>
<li> Key concepts are emphasized</li>
<li> CSS less browsing</li>
<li> Image-less browsing</li>
<li> Summarize all tables</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Navigation</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> Located top or top-left</li>
<li> Consistent throughout site</li>
<li> Links to Home page</li>
<li> Links to Contact Us page</li>
<li> Links to About Us page</li>
<li> Simple to use</li>
<li> Indicates current page</li>
<li> Links to all main sections</li>
<li> Proper categorical divisions</li>
<li> Non-clickable is obvious</li>
<li> Accurate description text</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Links to Login</li>
<li> Provides Logout link</li>
<li> Uses Alt attribute in images</li>
<li> No pop-up windows</li>
<li> No new window links</li>
<li> Do not rely on rollovers</li>
<li> Avoid cascading menus</li>
<li> Keep scent from page to page</li>
<li> Targets expert and novice users</li>
<li> Absolute links</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong><span id="more-108"></span>Content</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Grabs visitor attention</li>
<li> Exposes need</li>
<li> Demonstrates importance</li>
<li> Ties need to benefits</li>
<li> Justifies and calls to action</li>
<li> Gets to best stuff quickly</li>
<li> Reading level is appropriate</li>
<li> Customer focused</li>
<li> Benefits and features</li>
<li> Targets personas</li>
<li> Provides reassurances</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Consistent voice</li>
<li> Eliminate superfluous text</li>
<li> Reduce /explain industry jargon</li>
<li> No typo, spelling or grammar errors</li>
<li> Contains internal contextual links</li>
<li> Links out to authoritative sources</li>
<li> Enhancing keyword usage (SEO)</li>
<li> Date published on articles/news</li>
<li> Web version of PDF docs available</li>
<li> Consistent use of phrasing</li>
<li> No unsubstantiated statements</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Content Appearance</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Short paragraphs</li>
<li>Uses sub-headings</li>
<li>Uses bulleted lists</li>
<li>Calls to action on all pages</li>
<li>Good contrast</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>No overly small text for body</li>
<li>No overly small text for headings</li>
<li>Skimmable and scannable</li>
<li>Keep link options in close proximity</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Links and buttons</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Limit the number of links on a page</li>
<li> Avoid small buttons and tiny text for links</li>
<li> Leave space between links and buttons</li>
<li> Avoid using images as the only link</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Link important commands</li>
<li> Underline all links</li>
<li> Accurately reflects the page it refers</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Home page</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>No splash page</li>
<li> Instant page identification</li>
<li>Provides overview of site</li>
<li>Site purpose is clear</li>
</ul>
</td>
<td width="10"></td>
<td width="295"></td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>About Us page</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Adequately describes company</li>
<li> Shows team biographies</li>
<li> Shows mission statement</li>
<li> Up to date information</li>
<li>Note associations, certifications &amp; awards</li>
<li>Links to support pages:</li>
<li> Contact page</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Investor relations</li>
<li> Company news</li>
<li> Registration info</li>
<li> Job opportunities</li>
<li> Newsletters</li>
<li>Link to social media profiles</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Contact Us page</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> Easy to find</li>
<li> Multiple contact options:</li>
<li> Phone</li>
<li> Fax</li>
<li> Email</li>
<li> Form</li>
<li> Chat</li>
<li> Customer feedback</li>
<li> Street map</li>
<li> Hours of operation</li>
<li>Final call to action</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Multiple points of contact:</li>
<li> Customer service</li>
<li> Tech support</li>
<li> Inquiries</li>
<li> General info</li>
<li> Job applications</li>
<li> Billing</li>
<li> Management team</li>
<li> Ad-free</li>
<li> Form requires only essential info</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>E-Commerce considerations</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Mini-product basket always available</li>
<li> Displays payment options:</li>
<li> CC</li>
<li> Paypal</li>
<li> Google Checkout</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> No multiple paths to dupe product pages</li>
<li> No tracking IDs in URLs</li>
<li> Exclude shopping cart pages</li>
<li> No (or nofollowed) links to secure pages</li>
<li> Keep secure cert current</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Product pages</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Visible calls to action</li>
<li> Clear contact info (phone #)</li>
<li> Consistent layout</li>
<li> Clear pricing</li>
<li> Show additional fees</li>
<li> Clear product presentation</li>
<li> Show shipping cost</li>
<li> Show availability</li>
<li> Provide delivery options, details</li>
<li> Estimate delivery date</li>
<li> Link to site security info</li>
<li> Return / guarantee info</li>
<li> Allow &#8220;save for later&#8221;</li>
<li> Related products &amp; up sells</li>
<li> Clear product image</li>
<li> Describe images</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Enhanced multiple image views</li>
<li>Product description</li>
<li> Product details &amp; specs</li>
<li> Product selection options</li>
<li> Customer product reviews</li>
<li> Product comparisons</li>
<li> Printer-friendly option</li>
<li> &#8220;Add to cart&#8221; close to item</li>
<li> Secondary  &#8220;add&#8221; button at bottom</li>
<li> Standardized product categorization</li>
<li> Clutter-free page</li>
<li> Provide International pricing</li>
<li> Provide product search</li>
<li> Emphasis brand quality and trust</li>
<li> Compare to offline competitors</li>
<li> Short URLs with keywords</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Basket page</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Obvious checkout link</li>
<li> Product descriptions</li>
<li> Product image</li>
<li> Show availability</li>
<li> Updatable quantities</li>
<li> Ability to remove items</li>
<li> Link to products</li>
<li> Product price</li>
<li> Payment options</li>
<li> Promos/vouchers explained</li>
<li> Link to security</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Link to guarantees</li>
<li>Show delivery costs</li>
<li> Show delivery date</li>
<li> Allow gift options</li>
<li> &#8220;Continue shopping&#8221; link or options</li>
<li> Show contact information</li>
<li> No advertising/upselling</li>
<li> Don&#8217;t keep personal info w/o authorization</li>
<li> Shipping questions answered</li>
<li> International shipping</li>
<li> International address forms</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Mini baskets</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Make new products added obvious</li>
<li> Link to full basket page</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Allow removal of products</li>
<li> Show order total</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Checkout process</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> No hidden fees</li>
<li> No pre-registration</li>
<li> Keep checkout process short</li>
<li> Show benefits of registration:</li>
<li> Faster checkout in future</li>
<li> Access to order history</li>
<li> Check order status</li>
<li> Saved for later information</li>
<li> Access to special promotions</li>
<li> Personalization</li>
<li> Joining a community</li>
<li> Show checkout progress meter</li>
<li> Effective after-order follow-up</li>
<li>Receipt / Confirmation:</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Printable</li>
<li> Emailed</li>
<li> Thank you message</li>
<li> Order number</li>
<li> Order date</li>
<li> Items purchased</li>
<li> Expected delivery date</li>
<li> Payment method</li>
<li> Cancellation policy</li>
<li> How to cancel</li>
<li> Return policy</li>
<li> Address return costs</li>
<li> After-sale guarantees</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Login &amp; My Account pages</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Easy to find login access</li>
<li> Use security protocols</li>
<li> Provide security assurances</li>
<li> Link for new registrations</li>
<li> Outline account benefits</li>
<li> Reclaim lost password option</li>
<li> &#8220;Remember me&#8221; option</li>
<li> Link to privacy policy</li>
<li> Logged-in status is clear</li>
<li> Account info change access</li>
<li> Confirmation of change info</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Links to financial info</li>
<li> Transaction history</li>
<li> Invoices</li>
<li> Balances</li>
<li> Payment methods</li>
<li> Choose method of delivery:</li>
<li> Text email</li>
<li> HTML email</li>
<li> Snail mail</li>
<li>Overnight</li>
<li>Etc.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Help and FAQ pages</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Avoid marketing hype</li>
<li> Allow Help search</li>
<li> Provide printable text</li>
<li>Link to additional resources:</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> User guides</li>
<li> Product support</li>
<li> Customer support</li>
<li> Downloads</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Forms and errors</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Flexible entry requirements</li>
<li>Allow for tabbing between fields</li>
<li>Proper  tab order</li>
<li>Clear field labels</li>
<li>Text label above field box</li>
<li>Only require necessary information</li>
<li>Minimal instructions</li>
<li>Instructions above field</li>
<li>Friendly error output</li>
<li>Errors obviously indicated</li>
<li>Errors describe remedy</li>
<li>Errors provide contact / help option</li>
<li>Preserve data with errors</li>
<li>Provide pre-selected choices</li>
<li>Don&#8217;t overdo choices</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Note required fields</li>
<li>Progress indicator</li>
<li>Progress navigation</li>
<li>Remove navigation</li>
<li>Link to privacy information</li>
<li>Final info verification check</li>
<li>Confirmation/thank you page</li>
<li>Stack fields vertically</li>
<li>Proper use of radio buttons</li>
<li>Keep &#8220;submit&#8221; close to fields</li>
<li>Field boxes adequately wide</li>
<li>No &#8220;reset&#8221; or &#8220;cancel&#8221; buttons</li>
<li>Autocomplete=off as necessary</li>
<li>Buttons denote action</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Site search</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Located in top-right corner</li>
<li> Search not case sensitive</li>
<li> Properly labeled as &#8220;search&#8221;</li>
<li> Link to &#8220;advanced search&#8221;</li>
<li> Forgiving of misspellings</li>
<li> Shows similar products</li>
<li> Shows related items in results</li>
<li> No &#8220;no products found&#8221;</li>
<li> Provide refinement options</li>
<li> Provide alternate spellings</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Provide links to relevant pages</li>
<li> Show search string in results</li>
<li> Don&#8217;t place results in tables</li>
<li> Display exact matches first</li>
<li> Display close matches second</li>
<li> Bold query words in results</li>
<li> Display titles with descriptions</li>
<li> No more than 20 results p/ page</li>
<li> Option to increase result p/ page</li>
<li> Link to additional results pages</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Privacy and Security pages</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li>Present info in easy to read format</li>
<li> Make information easily scannable</li>
<li> Provide section summaries</li>
<li> Identify information types collected</li>
<li> Explain how cookies are used</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li>Explain how user information will be used</li>
<li> Explain how info will be protected</li>
<li> Provide additional protection tutorials</li>
<li> Link to these pages in footer</li>
<li> Provide links to contact info</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="color: maroon;"><strong>Site map</strong></p>
<table border="0">
<tbody>
<tr valign="top">
<td width="295">
<ul>
<li> Keep information current</li>
<li> Link to site map in footer</li>
<li>Linked from help and 404 pages</li>
<li> Provide overview paragraph</li>
</ul>
</td>
<td width="10"></td>
<td width="295">
<ul>
<li> Provide intro to main sections</li>
<li> Visible site hierarchy</li>
<li> Descriptive text and links</li>
<li> Link to xml sitemap in robots.txt file</li>
</ul>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://blog.sundaymedia.com/the-best-website-and-marketing-checklist-ever/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design To Sell: 8 Useful Tips To Help Your Website Convert</title>
		<link>http://blog.sundaymedia.com/design-to-sell-8-useful-tips-to-help-your-website-convert</link>
		<comments>http://blog.sundaymedia.com/design-to-sell-8-useful-tips-to-help-your-website-convert#comments</comments>
		<pubDate>Sat, 06 Mar 2010 17:06:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[website design]]></category>

		<guid isPermaLink="false">http://blog.sundaymedia.com/?p=86</guid>
		<description><![CDATA[Some very useful tips every website designer and owner should consider to make the website do what it is supposed to do: sell!  via Smash Magazine:
#5. AIDA
AIDA is a well-known strategy in sales and stands for: Attention, Interest, Desire and Action. It is relatively simple and describes the sequence of events you should aim for [...]]]></description>
			<content:encoded><![CDATA[<h3>Some very useful tips every website designer and owner should consider to make the website do what it is supposed to do: sell!  via <a href="http://www.smashingmagazine.com/2009/04/06/design-to-sell-12-tips-to-help-your-website-convert/">Smash Magazine</a>:</h3>
<h3>#5. AIDA</h3>
<p>AIDA is a well-known strategy in sales and stands for: <strong>Attention, Interest, Desire and Action</strong>. It is relatively simple and describes the sequence of events you should aim for to get a sale. So, first of all, you must capture the <em>attention</em> of your potential customer. Once you have it, you should win their <em>interest</em> by explaining how your product or service can help them.</p>
<p>Then, once they’re interested, generate a <em>desire</em> in them for your product. For example, a story about how this product has helped someone like your visitor can help them imagine what this product would do for them, and especially what benefits it would bring. Indeed, the benefit part is key here because <strong>benefits, not features, sell products</strong>.</p>
<p>Finally, you need to get people to <em>act</em>. This means purchasing the product or signing up for the service. If people want your product, all they may need is a button to check out. If they are interested but not yet sure, you could use a few methods to motivate them further; for example, creating a sense of urgency with a limited-time offer or limited supply.</p>
<p class="showcase"><a href="http://www.yokaboo.com/"><img class="aligncenter size-full wp-image-92" title="yokaboo" src="http://blog.sundaymedia.com/wp-content/uploads/2009/04/yokaboo.jpg" alt="yokaboo" width="480" height="282" /></a><br />
<em><a href="http://www.yokaboo.com/">Yokaboo</a> features large, eye-catching graphics. You’re likely to first read the short description on the left. The stats on the t-shirt then help build trust. Finally, you are presented with a call to action on the right.</em></p>
<p>Now, the AIDA approach applies more to copy — the actual marketing text on the website — than design, so what we need to do on the design side is <strong>reinforce that copy, make it stand out and ensure visitors read it</strong>. This means making sure the first thing a new visitor sees really grabs their attention. The flow of the page should then direct their focus to the items that achieve the other two goals: interest and desire. Finally, at the end of this flow, we need to convert. So, provide calls to action: “Order now,” “Sign up here.”</p>
<p>It’s important to understand that the design alone won’t sell: you need strong copy in place to do most of that work. The design is there to reinforce and support the copy, rather than the other way around.</p>
<p class="showcase"><a href="http://www.reinvigorate.net/"><img class="aligncenter size-full wp-image-93" title="reinvigorate" src="http://blog.sundaymedia.com/wp-content/uploads/2009/04/reinvigorate.jpg" alt="reinvigorate" width="480" height="345" /></a><br />
<em><a href="http://www.reinvigorate.net/">Reinvigorate</a> captures your attention with three large words at the top: “measure. analyze. evolve.” You’re then led to a more descriptive bit of text below and a call to action link.</em></p>
<p>This means you shouldn’t design a nice website first and then fill up the space with words. Instead, think about the message you want to send out, write the copy and then construct a design that delivers that. If a delivery truck breaks down, then the package does not arrive, but if there was no package in the first place, then the delivery wouldn’t matter at all.</p>
<p>More tips at <a href="http://www.smashingmagazine.com/2009/04/06/design-to-sell-12-tips-to-help-your-website-convert/">Smash Magazine</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sundaymedia.com/design-to-sell-8-useful-tips-to-help-your-website-convert/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
