<?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>Stompernet Blog &#187; Design</title>
	<atom:link href="http://www.stompernet.com/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.stompernet.com/blog</link>
	<description>Empowering Your Online Success &#124; Brad Fallon</description>
	<lastBuildDate>Mon, 06 Feb 2012 20:46:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Increase Traffic with A Change in Website Appearance</title>
		<link>http://www.stompernet.com/blog/increase-traffic-website/</link>
		<comments>http://www.stompernet.com/blog/increase-traffic-website/#comments</comments>
		<pubDate>Fri, 16 Dec 2011 10:25:05 +0000</pubDate>
		<dc:creator>StomperNet</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Conversion]]></category>
		<category><![CDATA[tra]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.stompernet.com/blog/?p=3853</guid>
		<description><![CDATA[<p>The sprucing up of the school sets us up for a “shot at success.”
I’d like to give you a similar shot at a successful business year by helping you spruce up your websites for 2012.  A little bit of change can be enough to increase your traffic because it spruces up your website and people are drawn to that change.

So what kind of changes can you do that are major enough to cause your potential customers to notice but minor enough to not redo the whole site?</p><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Have you noticed our homepage, StomperNet.com lately?</p>
<p>If you have been watching it over the past year, you have seen many changes. Some have been major changes, some minor. These changes are intended to get you our guests to notice the website, take action and to come back again.</p>
<p>Traffic is great, but traffic that comes, looks at your page for 5 seconds and leaves is not going to increase your income. You want your traffic to take notice of what you have to offer and to take action.</p>
<p>Additionally, you want your customers to actually want what you are offering and to be able to find it. Have you ever gone to a site and can’t find what you are looking for? Frustrating isn’t it! Well, with some minor changes to your website, you can help your visitors find exactly what they want without having to look all over the site.</p>
<p>You can also provide them with the type of look that keeps them there and focused on your site. But don&#8217;t worry&#8230; <span id="more-3853"></span>you don&#8217;t necessarily have to do a complete overhaul of your website to get that traffic. Read Vin Montello&#8217;s article below and learn exactly what you need.</p>
<p>&nbsp;</p>
<p><strong>Lee Collins</strong><br />
Managing Director<br />
StomperNet, LLC</p>
<p>&nbsp;</p>
<p style="text-align: center;"><em><br />
&#8220;Design should never say, “Look at me.” It should always say, “Look at this.&#8221;</em></p>
<p><em> </em></p>
<p style="text-align: center;"><em><strong>~ David Craib ~ </strong><br />
<a href="http://www.amazon.com/gp/product/159253127X/ref=as_li_ss_tl?ie=UTF8&amp;tag=4profitplan-20&amp;linkCode=as2&amp;camp=217145&amp;creative=399369&amp;creativeASIN=159253127X">401 Design Meditations: Wisdom, Insights, and Intriguing Thoughts from 150 Leading Designers</a></em></p>
<p style="text-align: center;"><em><br />
</em></p>
<hr />
<h1><span style="color: #6b8e23;">Increase Traffic with A Change in Website Appearance </span></h1>
<p>aah… January will begin clean… empty… with so much promise. Like everything at school upon returning from summer break.</p>
<p>I used to love that feeling of a new school year.</p>
<p>On that day we all have hope; Hope that this year will be different.</p>
<p>The sprucing up of the school sets us up for a “shot at success.”</p>
<p>I’d like to give you a similar shot at a successful business year by helping you spruce up your websites for 2012.  A little bit of change can be enough to increase your traffic because it spruces up your website and people are drawn to that change.</p>
<p>So what kind of changes can you do that are major enough to cause your potential customers to notice but minor enough to not redo the whole site?</p>
<p><span style="font-size: 20px; font-weight: bold;">Add some pictures</span></p>
<p>If you don’t have any graphics or photos to help your page “sell,” then look to the royalty-free websites. There are a ton of these sites that will sell you professional photos and graphics for what amounts to a dollar or two per piece.</p>
<p>The little known secret is that some of these sites have thousands of graphics you can not only use royalty free, but ones you can download and use “free” free!</p>
<p>That means your site can take a giant leap towards looking more attractive and professional for less than 10 bucks… or in some cases nothing!</p>
<h2>Try some strategic highlighting</h2>
<p>A yellow highlighter can be your friend when trying to optimize your page for selling. The highlighter is great for “pulling” must see parts of your sales message out so even copy skimmers can’t miss them.</p>
<p>But… when highlighting, remember this phrase: “When you draw attention to everything, you end up drawing attention to nothing.” Put simply… use your highlighter sparingly!</p>
<h2><img class="alignright size-full wp-image-3854" style="margin: 9px;" title="Increase Traffic with A Change in Website Appearance" src="http://www.stompernet.com/blog/wp-content/uploads/flyday2.jpg" alt="" width="213" height="300" />Add (or change) Color</h2>
<p>There are styles and trends in advertising colors that change from time to time. Not as often as fashion changes, but still something you should put some time into. That&#8217;s why I keep <em><a href="http://www.amazon.com/mn/search?_encoding=UTF8&amp;x=0&amp;y=0&amp;field-keywords=Big%20Book%20of%20Color%20in%20Design%20&amp;url=search-alias%3Daps&amp;_encoding=UTF8&amp;tag=4profitplan-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=390957">The Big Book of Color in Design</a></em> on my desk at all times.</p>
<p>It explores how color can be a feeling or feelings.  While you may not think of black, yellow and cream as feminine they can be.  In fact you probably have seen that combination in the store if not at your home on a bottle labeled Olay.</p>
<p>But if you are trying to portray, like soothing, technological, rich, etc, you can flip to a section with that &#8220;feeling.&#8221;  Then you will get numerous examples with exact colors in the exact combinations… with the hex numbers you can punch right into Photoshop!</p>
<h2>Freshen up your fonts</h2>
<p>As with color, fonts sometimes fall in and out of fashion. We all know by now that the vast majority of time you want to use a sans serif font.  Serif<strong> </strong>– if you don’t know are those curly bits on the ends of fonts like Times New Roman or Courier.  Sans serif simply means “without serif.”</p>
<p>So… your website should <em>probably</em> use a sans serif font, but which one?</p>
<p>That’s when Google can be your best friend. Just search for “new fonts,” “font trends,” or things like that and you’ll find page after page of people who know better than either of us. One place I find myself going to find the newest trends in <em>fontage</em> (is that a word?) is <a href="http://www.fontshop.com/blog">www.fontshop.com/blog</a>.</p>
<h2>Consider switching over to WordPress</h2>
<p>It’s getting to the point now where almost no one puts up static html websites anymore. Whether your site is a catalog site, services site or a standard sales letter, it can all be done inside the confines of a WordPress blog.</p>
<p>These days there is a theme or template for anything you want to do with your blog. Just search around for ten minutes and before you know it, your page is not only better looking, but more easily updated.</p>
<p><strong><span style="font-size: medium;">by Vin Montello</span></strong></p>
<p>Vin Montello is a former Hollywood television writer that brings his 20 years&#8217; experience as a story-teller, to every direct response sales letter he writes. Vin invites you to his wildly successful marketing blog at <a href="http://www.marketingclambake.com/">MarketingClambake.com</a><span style="text-decoration: underline;">.</span> You can also learn more about him at <a href="http://www.montellomarketing.com/">MontelloMarketing.com</a><span style="text-decoration: underline;">.</span></p>
<p>&nbsp;</p>
<hr />
<h2><span style="color: #6b8e23;">STOMPER Speed Boost</span></h2>
<p style="text-align: center;"><strong><span style="color: #6b8e23; font-size: large;">To celebrate our 5th Anniversary,<br />
we&#8217;re doing something extra special for you&#8230; </span></strong></p>
<p>&nbsp;</p>
<p><a href="http://www.stompernet.com/5th-anniversary-celebration/#"><img class="aligncenter" title="5th Anniversary" src="https://stompernet.infusionsoft.com/Download?Id=1723758" alt="" width="550" height="181" /></a></p>
<p>&nbsp;</p>
<hr />
<h2><span style="color: #6b8e23;">Secret Sauce Checklist</span></h2>
<p><strong>Website Changes that Create Sticky Traffic:</strong></p>
<ul>
<li>Add pictures</li>
<li>Highlight special text</li>
<li>Add or change colors</li>
<li>Change your fonts</li>
<li>Switch to WordPress</li>
</ul>
<p>&nbsp;</p>
<hr />
<h2><span style="color: #6b8e23;">Stomper Buzz</span></h2>
<p style="text-align: center;"><span style="font-size: medium;"><strong><em>Next Week&#8217;s Focus:<span style="color: #6b8e23;"> Income Continuity</span></em></strong></span></p>
<p>&nbsp;</p>
<div>
<div><strong><span style="font-size: medium;">PUBLIC WEBINARS NEXT WEEK:</span></strong></div>
<p><span style="font-size: medium;"><strong>TUESDAY December 20, 2011 ~ 2 pm Eastern</strong></span></p>
<p><em>&#8220;Make Lifetime Affiliate Earnings&#8230; Gangster Style&#8221; with Dan Hollings</em></p>
<p>• Nothing will be sold on this webinar (it&#8217;s 100% free)<br />
• You&#8217;ll receive a $10 Gift Certificate for attending.<br />
• You&#8217;ll learn how to make money like Al Capone.</p>
<p>Dan says, <em>&#8220;I&#8217;m going to  resurrect the &#8220;good ol&#8217; days&#8221; of affiliate marketing right before your  eyes. I&#8217;m going to show you how (for a limited time) you can lock in a  LIFETIME affiliate fee, on LIFETIME referrals, where every day your  referred customers will be offered STUFF THEY NEED at deep, deep  discounts &#8211; and you&#8217;ll get paid each and every time.&#8221;</em></p>
<p><strong><span style="font-size: medium;"><a href="http://www.stompernet.com/products/public-webinars">Register Now</a></span></strong></p>
<p><strong><span style="font-size: medium;"><br />
</span></strong></p>
<p><strong><span style="font-size: medium;"><img class="aligncenter" title="Forum Call Off for Holidays" src="https://lh4.googleusercontent.com/-H3hAlxzWJQw/TuuV5viGk3I/AAAAAAAABEU/I55lcY_3BQI/s495/SN-FridayCalls-Holiday.png" alt="" width="495" height="253" /><br />
</span></strong></p>
<p>&nbsp;</p>
<p><strong><span style="font-size: medium;">Let us know your thoughts on today&#8217;s issue.</span></strong></p>
<p><strong><span style="font-size: medium;">Post Your Comments Here</span></strong></p>
</div>
<div class="shr-publisher-3853"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fincrease-traffic-website%2F' data-shr_title='Increase+Traffic+with+A+Change+in+Website+Appearance+'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fincrease-traffic-website%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fincrease-traffic-website%2F' data-shr_title='Increase+Traffic+with+A+Change+in+Website+Appearance+'></a><a class='shareaholic-tweetbutton' data-shr_count='horizontal' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fincrease-traffic-website%2F' data-shr_title='Increase+Traffic+with+A+Change+in+Website+Appearance+'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic --><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.stompernet.com/blog/increase-traffic-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4 Steps to the Perfect Product Page</title>
		<link>http://www.stompernet.com/blog/perfect-product-page/</link>
		<comments>http://www.stompernet.com/blog/perfect-product-page/#comments</comments>
		<pubDate>Thu, 10 Nov 2011 23:25:02 +0000</pubDate>
		<dc:creator>StomperNet</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Conversion]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://www.stompernet.com/blog/?p=3693</guid>
		<description><![CDATA[<p>Your customer has navigated into a product page and is thinking about buying. What can you do to make sure that the customer purchases from you? Good content and information will make a big difference in conversion rates, but it’s important to focus on the right information. What information is found on a good product page?  Let’s walk through a few steps on how to create great selling product pages!</p><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>&nbsp;</p>
<p>While I enjoy working on web design, learning how others  implement web design is an essential part of my continuing education.   No matter how much you know about any niche, there are always new things  to learn.  Plus, it&#8217;s always good to keep your mind refreshed on the  essential basics.</p>
<p>The article below is a great refresher of what is current. But even  though the basics are somewhat dynamic, they modify as technology and  people change.  Yet the core elements of sales pages remain constant.</p>
<p>You always want to follow the best placement rules and good copy.   Images have been a part of it for years, but now in the visual era,  videos have become commonplace.</p>
<p>You want to reach potential buyers where they are and all of these  features need to be added to your web design. If you want to turn  visitors into buyers, the design needs to tell what actions to take,  quickly and easily. All pages should be designed around the customer,  not you.</p>
<p><span id="more-3693"></span></p>
<p>Adam Stonehocker has more information to help your product page look great!</p>
<p>&nbsp;</p>
<p><strong>Lee Collins</strong><br />
Managing Director<br />
StomperNet, LLC</p>
<p style="text-align: center;"><em>&#8220;It is easy to fail when designing an interactive experience. Designers fail when they do not know the audience, integrate the threads of content and context, welcome the public properly, or make clear what the experience is and what the audience’s role in it will be.&#8221;</em></p>
<p style="text-align: center;"><em> <strong>~ Edwin Schlossberg ~</strong></em><br />
<em>Founder of ESI Design</em></p>
<p style="text-align: center;"><em><strong><br />
</strong></em></p>
<hr />
<h1><span style="color: #6b8e23;">4 Steps to the Perfect Product Page<br />
</span></h1>
<p><strong><span style="font-size: medium;">By Adam Stonehocker, for Claim the Web</span></strong></p>
<p>Your customer has navigated into a product page and is thinking about buying. What can you do to make sure that the customer purchases from you? Good content and information will make a big difference in conversion rates, but it’s important to focus on the right information. What information is found on a good product page?  Let’s walk through a few steps on how to create great selling product pages!</p>
<h2>Step 1 – Keep it “Above the Fold”</h2>
<p>Try to keep your content all in one easy-to-view page. The less scrolling that your customers have to do to investigate features and characteristics about your product, the better. Keep that “Buy Now” button in their view and always above the fold.</p>
<p>Many ecommerce sites now use a tab feature so that customers don’t get lost when scrolling down a page to find reviews, videos, color options and so on. This a great way to allow customers to keep their eyes on the product and the “Buy Now” button.</p>
<h2>Step 2 – K.I.S.S. (Keep it Super Simple)</h2>
<p>With product pages, less is more. Don’t clutter your page with paragraph after paragraph of descriptions, features and benefits of the product. Otherwise, you’re boring your customer! Keep the product description short and concise, organize your main selling points with bullet points, and make sure to label and organize common information like weight, dimensions, material (if applicable) and other common data related to your item needs to be organized and easy to see, <em>not</em> hidden in the text of a long paragraph.</p>
<p><img class="alignright size-full wp-image-2764" style="margin: 9px;" title="global" src="http://www.stompernet.com/blog/wp-content/uploads/global.jpg" alt="" width="320" height="240" /></p>
<h2>Step 3 – Share with Social Media</h2>
<p>Let your customers share your products on social networks! A simple tool like “add this” will greatly enhance your customer’s ability to show off their latest purchase. (Not to mention drive more traffic to your site.) If your current ecommerce software allows you to integrate social media into your product pages, make sure you turn the feature on, and that you link everything up to all your social media accounts.</p>
<h2>Step 4 – Good Images and Video</h2>
<p>Images and video are crucial to selling your products. Remember that customers cannot pick up your product, feel it in their hands, and hold it in front of them. Give them the next best thing: images and video. It’s great to have a static image of your item, but you also need additional images to show different angles of the product or to show the item in action with a lifestyle photo. Any video that can show the product in action or illustrate all the features and details of the product is essential.</p>
<p>If you have the right amount of content, you’ll keep your customer thinking, “Buy now!” And when you show the customer amazing pictures and video, you will see your conversion rates and sales increase.</p>
<p>Now that you’ve got great product pages, your customers are more inclined to purchase from you, rather than go check out the competition. Start to implement these 4 simple steps, and you’ll see your conversion rates increase and receive far less phone calls with people confused about the product that you’re offering.</p>
<p>&nbsp;</p>
<hr />
<h2><span style="color: #6b8e23;">STOMPER Speed Boost</span></h2>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><span style="font-size: large;"><strong>To celebrate our 5th Anniversary, </strong> </span></p>
<p style="text-align: center;"><span style="font-size: large;"><strong>we&#8217;re doing something extra special for you&#8230;</strong></span></p>
<p>&nbsp;</p>
<p><a href="http://www.stompernet.com/products/stompernets-best-offer-ever/" target="_blank"><img class="aligncenter" title="Best Offer Ever" src="https://stompernet.infusionsoft.com/Download?Id=1723758" border="0" alt="Interesting Image" width="550" height="181" align="bottom" /></a></p>
<p><span style="font-size: x-small;"><strong><br />
</strong></span></p>
<hr />
<h2><span style="color: #6b8e23;">Secret Sauce Checklist</span></h2>
<p><strong>4 Web Design Tips to Convert Visitors to Buyers</strong></p>
<ul>
<li>Remember to keep it “above the fold”</li>
<li>KISS Keep it Super Simple</li>
<li>Let them share it with Social Media</li>
<li>Always use good images and video</li>
</ul>
<p>&nbsp;</p>
<hr />
<h2><span style="color: #6b8e23;">Stomper Buzz</span></h2>
<p style="text-align: center;"><span style="font-size: medium;"><strong><em>Next Week&#8217;s Focus:<span style="color: #6b8e23;"> Setting Up Systems &amp; Automating Them</span></em></strong></span></p>
<p>&nbsp;</p>
<p><strong><span style="font-size: medium;"><strong>Faculty Office Hours Next Week:</strong></span></strong></p>
<p><strong>WEDNESDAY November 16, 2011 ~ 2 pm Eastern</strong></p>
<p><em>&#8220;Strategic Thinking &#8211; Clarifying Your Thoughts&#8221; with Judy Whalen</em></p>
<p>Strategic Thinking helps you to explore options, get clarity and make good decisions.</p>
<p>Having trouble figuring out the next steps?  Not sure which way to go or what decision to make?  Join Judy as she shows you how strategic thinking can give you clarity, direction and confidence to pursue that direction. <strong> StomperNet Members <a href="http://members.stompernet.com/calendar/default.aspx">Register Now</a></strong></p>
<p>&nbsp;</p>
<p><strong><span style="font-size: medium;"><strong>Upcoming StomperNet Public Webinars</strong>:</span></strong></p>
<p><strong>THURSDAY November 17, 2011 ~ 7 pm Eastern</strong></p>
<p><em>&#8220;Setting Up Systems &amp; Automating Them&#8221; with Dr. Lisa Lang</em></p>
<p>In this webinar, Dr Lisa will share the automated process they use to automatically generate leads.  She will share all the details of what they do, what technology they use and all the specifics.  Bring your questions about how you might get started with an automated system!</p>
<p><a href="http://www.stompernet.com/products/public-webinars">Register Now</a></p>
<p>&nbsp;</p>
<p><strong><span style="font-size: medium;">Have a Question? We Have ANSWERS for YOU</span></strong></p>
<p style="text-align: center;"><strong><span style="color: #6b8e23; font-size: medium;">&#8220;StomperNet Open Forum&#8221; Fridays at 11ET</span></strong></p>
<p><img class="aligncenter" title="StomperNet Open Call" src="https://lh5.googleusercontent.com/-sK9sKQVu4bs/Tr2UpfNC54I/AAAAAAAABB4/-PmwN1ogI94/s495/SN-FridayCalls.jpg" alt="" width="495" height="253" /></p>
<p>We know everyone has questions about their business or  different stumbling blocks. Well we invite you to bring them to the  table during our Open Forum. With the combined training and experience  of our Coaches you will get the direction you need to get you back on  your road to success!</p>
<p>The next <a href="http://www.stompernet.com/events/open-forum-call/">StomperNet Open Forum Call</a> with our Professional Coaches happens next Friday at 11am EDT and we  hope to see you there! These calls are intended to be live Q&amp;A  sessions and playback will not be available.</p>
<p style="text-align: center;">&nbsp;</p>
<p>&nbsp;</p>
<p><strong><span style="font-size: medium;">Let us know your thoughts on today&#8217;s issue.</span></strong></p>
<p><strong><span style="font-size: medium;">Post Your Comments Here</span></strong></p>
<div class="shr-publisher-3693"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fperfect-product-page%2F' data-shr_title='4+Steps+to+the+Perfect+Product+Page'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fperfect-product-page%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fperfect-product-page%2F' data-shr_title='4+Steps+to+the+Perfect+Product+Page'></a><a class='shareaholic-tweetbutton' data-shr_count='horizontal' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fperfect-product-page%2F' data-shr_title='4+Steps+to+the+Perfect+Product+Page'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic --><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.stompernet.com/blog/perfect-product-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 Cutting Edge Web Design Trends (that Can Actually Improve SEO)</title>
		<link>http://www.stompernet.com/blog/web-design-improve-seo/</link>
		<comments>http://www.stompernet.com/blog/web-design-improve-seo/#comments</comments>
		<pubDate>Mon, 07 Nov 2011 22:12:51 +0000</pubDate>
		<dc:creator>StomperNet</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.stompernet.com/blog/?p=3686</guid>
		<description><![CDATA[<p>As the worlds of web design and SEO merge ever closer, we’ve been seeing design-specific elements produce a positive impact on SEO for the sites that employ them. It’s terrific news for SEOs who love design and are capable of, and passionate about, making it part of their repertoire.</p><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>&nbsp;</p>
<p><strong>By Rand Fishkin, CEO &amp; Co-Founder of <a href="http://www.seomoz.org/" target="_blank">SEOmoz</a></strong></p>
<p>As the worlds of web design and SEO merge ever closer, we’ve been seeing design-specific elements produce a positive impact on SEO for the sites that employ them.  It’s terrific news for SEOs who love design and are capable of, and passionate about, making it part of their repertoire.</p>
<p>It’s also great for designers who find that, as they evolved from Flash designs to machine-readable CSS and separated markup from content, they’ve earned more links and more organic search love.</p>
<p>In this article, I’ll walk through examples of those design practices in use, and describe how they can help improve your opportunity for organic search rankings and traffic.</p>
<h2>#1 &#8211; Designing  That Elicits &amp; Conveys Emotion</h2>
<p>A phenomenal article from Aarron Walter of Mailchimp on ThinkVitamin.com &#8211; Emotional Interface Design: The Gateway to Passionate Users &#8211; deeply explores the trend of designers using their talents to imprint emotion on users. Personally, I love this practice, and professionally, I see it as incredibly valuable for SEO, too.<span id="more-3686"></span></p>
<p>Rather than simply providing a user with information, these sites attempt to convey a sense of the companies, products and services they represent, in a tangible way.</p>
<p style="text-align: center;"><img class="aligncenter" title="Website Design" src="https://lh5.googleusercontent.com/-lAoUPRga4AM/TqmfBxIU5WI/AAAAAAAAA2Q/7roDh2DMeUs/s600/blog1.png" alt="" width="420" height="160" /></p>
<p>For McMiller’s Sweets; on the left, the website expresses the brand’s humor, whimsy and obsession with their product. I only wish I could buy online &#8211; there’d be a few boxes headed for the SEOmoz offices right now.</p>
<p>On the right Box.net, an enterprise-focused software company, aims to achieve an air of simplicity and a feeling of the ease that comes from using a basic consumer application, but targeted at a business audience. Their redesign has me convinced &#8211; it’s light and airy, it’s up in the clouds (perhaps a double-meaning since they host in “the cloud”) and it even calls out the “sexiness” of the application.<br />
When users are emotionally invested in the websites they visit, they’re more likely to:</p>
<ul>
<li>Link</li>
<li>Share</li>
<li>Contribute Content</li>
<li>Participate</li>
<li>Remain Loyal</li>
<li>Invest in the Experience</li>
<li> Browse more Pages</li>
</ul>
<p>All of these have either first or second-order impacts on SEO in a positive way.</p>
<h2>#2 &#8211; The Scroll-Triggered Call-to-Action</h2>
<p>Sometimes you don’t want to overwhelm content with calls-to-action&#8230; at least not until you’re fairly certain your visitor has finished reading. That’s where the brilliance of the scroll-triggered call-to-action comes in.</p>
<p>Browse any article on the New York Times website and you’ll see this behavior in action, driving you to read the next article in the series only after you’ve reached the bottom of the current piece.</p>
<p>It’s great for boosting page views, but also drives more awareness of those pieces, improving links and driving up visibility for previously less-well-publicized works. My guess is that clicks are quite high.</p>
<p>In the next example, the blog.OKCupid.com leverages precisely the same tactic. This case might be even more brilliant. After wrapping up a remarkable article about what statistics tell us not to do in online dating, my first instinct is to share the piece with some single friends. OKCupid’s flawlessly timed dropdown overlay synchs with this internal compulsion and makes it easy to tweet, like, stumble or buzz away.</p>
<p>Scrolling + triggers = more browsing, more awareness and more sharing (and I think the potential applications for SEO are far greater in quantity than just what’s been shared above).</p>
<h2><img class="alignright size-full wp-image-3690" style="margin: 9px;" title="badge-adoption-graph" src="http://www.stompernet.com/blog/wp-content/uploads/badge-adoption-graph.gif" alt="" width="300" height="271" />#3 &#8211; User Badges</h2>
<p>If your users are passionate about your site and their experience or participation, why not make it easy to share?</p>
<p>For years, sites have been offering users the virtual incentives of points, badges and status to encourage greater participation. Andrew Follet from Concept Feedback authored a brilliant piece analyzing this precise behavior and exposing some terrific examples.</p>
<p>We&#8217;ve noticed an interesting behavior as it relates to user badges as well, and it&#8217;s spurred me to whiteboard the following chart numerous times for those who have online communities considering SEO.</p>
<p>The lesson? Make great communities, encourage participation and reward your users with badges that will make their sites look good. It&#8217;s the online equivalent of giving out high quality, well designed t-shirts &#8211; fans won&#8217;t just wear them to bed; they&#8217;ll actually show off your brand.</p>
<h2>#4 &#8211; The Animated HTML Multiheader</h2>
<p>I wrote about the multiheader a long time ago, and the evolution of design has made them tremendously more compelling and useful since then. Case-in-point, Unbounce, who has 5 different messages/features on their homepage all accessible to engines and all part of a single multiheader.</p>
<p>The advantage is two-fold &#8211; more content on the homepage that&#8217;s accessible to search engines (thanks to clever CSS/HTML usage) and everyone who links to any one version is concentrating the link juice singularly on the home page. In some cases, that could cause problems, but in others, it&#8217;s a great opportunity to leverage design to focus the links you acquire where you need them most.</p>
<p>BTW &#8211; Speaking of Unbounce, If you have yet to read Oli Gardner&#8217;s <a href="http://www.seomoz.org/blog/the-12step-landing-page-rehab-program-infographic-10488">12-Step Landing Page Rehab Program</a>, you&#8217;re seriously missing out.</p>
<p><img class="alignleft" style="margin: 9px;" title="Smashing Magazine" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/05/aboutprogramming.jpg" alt="" width="198" height="495" /></p>
<h2>#5 &#8211; Sexy, Embeddable Infographics</h2>
<p>Infographic linkbait is certainly all the rage these days, and I think it&#8217;s a well-justified trend. The brilliant part is that you benefit by producing the infographic and other bloggers benefit by sharing it and attracting views, attention and links of their own. So long as the embed works seemlessly and the infographic is compelling, you&#8217;re off to the link acquisition races.</p>
<p>Some examples I enjoyed came from Smashing Magazine, who put together this piece on programming (and the how-to behind it&#8217;s creation).</p>
<p>As with badges, the &#8220;beauty rule&#8221; applies &#8211; the sexier your infographic (and the most interesting/useful/compelling the content), the higher adoption will be.</p>
<p>&nbsp;</p>
<h2>#6 &#8211; Designing Around Illustration (with CSS)</h2>
<p>It used to be that I&#8217;d see a website built around illustrations and artistry and shake my head in sadness, knowing that the beauty of the UI was unlikely to be experienced by anyone except those coming via type-in. Today, with the amazing progress of CSS, sites like CarbonMade.com can have their design cake and eat their SEO, too.</p>
<p>Google&#8217;s &#8220;text only&#8221; cache shows every word you can see in the screenshot &#8211; we&#8217;ve come a long way indeed. And, darn it if that design doesn&#8217;t make me want to just climb a mountain and jump off a cliff into an octopus-filled lake below&#8230; errr.. make an online portfolio (yeah, that&#8217;s the one!)</p>
<h2>#7 &#8211; Creative Content Formats Unleashed</h2>
<p>Sometimes, you visit a site that stands out from everything else you&#8217;ve seen on the web in the past. Historically, many of those sites have also been tragically obscured from search engines. Nowadays, a new breed is emerging, showing off massive creativity, brilliance in design innovation and a compelling combination of link-worthiness and search-accessibility.</p>
<p>A few of my favorite recent stumbles into this realm include: shopsanctuaryt.com and heartdirected.com &#8211; a great place to find more remarkable creative formats, though lacking the machine readable content to be an SEO example itself.</p>
<p>It&#8217;s a great time to be on the web, thinking about SEO, design and the brilliant things that can happen when they overlap strategically. Here&#8217;s to hoping that more of us who invest in organic search traffic will bolster that task with the power amazing design can bring. It&#8217;s not just more links &#8211; it&#8217;s greater engagement and a higher liklihood that sharing of all kinds will occur. However the search engines evolve, you can be sure this is the type of behavior they&#8217;ll seek to reward.</p>
<p>PS. If design inspires you, I&#8217;d recommend checking out Drawar and Six Revisions list of 10 Fresh Galleries for Inspiration</p>
<p>&nbsp;</p>
<hr />
<p><strong>Rand Fishkin is the CEO &amp; Co-Founder of <a href="http://www.seomoz.org/" target="_blank">SEOmoz</a></strong>, a software startup focused on simplifying SEO and sharing it with the world. He co-authored the Art of SEO from O’Reilly and was named among the 30 Best Young Tech Entrepreneurs Under 30 by BusinessWeek. Rand has been written about it in The Seattle Times, Newsweek and the NY Times among others and keynoted conferences on search around the world. He’s particularly passionate about the SEOmoz blog, read by tens of thousands of search professionals each day. In his minuscule spare time, Rand enjoys the company of his amazing wife, Geraldine. Contact him at rand@seomoz.org.</p>
<hr />
<p style="text-align: center;"><span style="font-size: large;"><strong>Build Your First Website in 20 Minutes</strong></span><br />
by Bryan Azorsky</p>
<p style="text-align: center;"><a href="http://media-library.stompernet.com/2010_02_16_bryan_azorsky_build_your_first_website.flv">FLV</a></p>
<div class="shr-publisher-3686"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fweb-design-improve-seo%2F' data-shr_title='7+Cutting+Edge+Web+Design+Trends+%28that+Can+Actually+Improve+SEO%29'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fweb-design-improve-seo%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fweb-design-improve-seo%2F' data-shr_title='7+Cutting+Edge+Web+Design+Trends+%28that+Can+Actually+Improve+SEO%29'></a><a class='shareaholic-tweetbutton' data-shr_count='horizontal' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fweb-design-improve-seo%2F' data-shr_title='7+Cutting+Edge+Web+Design+Trends+%28that+Can+Actually+Improve+SEO%29'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic --><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.stompernet.com/blog/web-design-improve-seo/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
<enclosure url="http://media-library.stompernet.com/2010_02_16_bryan_azorsky_build_your_first_website.flv" length="262935937" type="video/x-flv" />
		</item>
		<item>
		<title>What are Customers Really Seeing?</title>
		<link>http://www.stompernet.com/blog/what-are-customers-really-seeing/</link>
		<comments>http://www.stompernet.com/blog/what-are-customers-really-seeing/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 18:24:42 +0000</pubDate>
		<dc:creator>StomperNet</dc:creator>
				<category><![CDATA[Conversion]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://www.stomperblog.com/?p=1940</guid>
		<description><![CDATA[<p>The key to more sales isn&#8217;t always getting more traffic. Sometimes, just improving conversions on your existing traffic is enough to produce staggering results. In this article I am going to share some simple design tactics that will explode your business, just by turning more of the visitors you&#8217;re already getting from browsers&#8230;into buyers! All [...]</p><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p><!-- body { 	background-color: #FFFFFF; } .style26 { 	font-size: 14; 	font-family: Arial, Helvetica, sans-serif; } .style7 {	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; } .style28 { 	font-size: 23px; 	font-weight: bold; } .style31 { 	font-size: 16px; 	font-weight: bold; } .style33 { 	font-size: 14px; 	font-style: italic; } .style36 {font-size: 20px; font-weight: bold; } .style37 { 	font-size: 16px } body,td,th { 	color: #000000; } --></p>
<table style="width: 550px;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr bgcolor="#ffffff">
<td width="550" bgcolor="#ffffff">
<table style="width: 550px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td width="550">
<div><img src="http://tne.s3.amazonaws.com/images3/header.jpg" border="0" alt="header" width="550" height="250" align="middle" /></div>
</td>
</tr>
</tbody>
</table>
<blockquote class="style26">
<table style="width: 350px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td width="200">
<p align="left">The key to more sales isn&#8217;t <em>always</em> getting more traffic. Sometimes,  just improving conversions on your existing traffic is enough to produce <em>staggering results</em>.</p>
<p align="left">In this article I am going to share some  simple design tactics that will explode your business<em>,</em><strong> </strong>just by turning more  of the visitors you&#8217;re already getting from <em>browsers</em>&#8230;into <strong><em>buyers</em></strong>!</p>
<p align="left">All you need to do is master some tried and  true, old-school direct response design tricks. I am going to cover three of  them right here in this article.</p>
<p align="left">So let&#8217;s get right to it, shall we?</p>
</td>
</tr>
</tbody>
</table>
<table style="width: 125px;" border="0" cellspacing="0" cellpadding="0" align="right">
<tbody>
<tr>
<td><img src="http://tne.s3.amazonaws.com/images3/cover.png" alt="cover" width="125" height="241" /></td>
</tr>
</tbody>
</table>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p class="style36"> </p>
<p class="style36"> </p>
<p class="style36"> </p>
<p class="style36"> </p>
<p class="style36"> </p>
<p class="style36"> </p>
<p class="style36">StomperNet Design Tactic #1: Understand F-Patterns</p>
<p>Several eye tracking studies have revealed  that most website visitors don&#8217;t read website pages the same way they read  books or magazines. That is, top to bottom, left to right.</p>
<p>Instead, website users tend to read pages  in an F-Pattern&#8230; That is, they read in horizontal “sections”, and read less  and less of each line as they read down the left side.</p>
<p>Here are some examples:</p>
<table style="width: 320px;" border="2" cellspacing="0" cellpadding="0" align="center" bordercolor="#a7daed">
<tbody>
<tr>
<td width="320" height="167"><img src="http://tne.s3.amazonaws.com/images3/1.jpg" border="0" alt="image1" width="320" height="167" /></td>
</tr>
</tbody>
</table>
<p><br class="spacer_" /></p>
<p>Notice  the pattern? Although it&#8217;s more pronounced on some pages than others, it&#8217;s  still unmistakable.</p>
<p>So how do  you apply this to Sales, Squeeze or Landing pages?</p>
<p>Here is an example of a page I designed  recently for a launch:</p>
<p><br class="spacer_" /></p>
<table style="width: 320px;" border="2" cellspacing="0" cellpadding="0" align="center" bordercolor="#a7daed">
<tbody>
<tr>
<td width="320" height="176"><img src="http://tne.s3.amazonaws.com/images3/2.jpg" border="0" alt="image2" width="320" height="176" /></td>
</tr>
</tbody>
</table>
<p class="style33" align="center">PPC  Classroom Sales Page, February 2009</p>
<p class="style33" align="center"> </p>
<p>Notice how much attention I paid to  F-Patterns as I laid out the most important elements of the page? Starting at  the top left, the first thing people see is the company logo (My clients were  building a long-term brand with this business, so this was important to them. Then,  as you “F-Pattern” the rest of the page &#8211; notice what sticks out&#8230;</p>
<p><strong>“Discover the secrets”&#8230;</strong></p>
<p><strong>“Interactive eLearning system”&#8230;</strong></p>
<p><strong>“Claim your Free DVD”&#8230;</strong></p>
<p><strong>“Proof Positive”..</strong>.</p>
<p>These four things (along with the logo)  were the five most important items we wanted to communicate with the <em>entire</em> page. The platform (the eLearning  system) was a huge selling point, and the Free DVD was integral to the offer&#8230;</p>
<p>And the entire offer hinged on the massive  proof that we had from students who had previously taken the course. So of  course “Proof Positive” is in the headline.</p>
<p>(By the  way, this page converted well over 12%&#8230; And I bet my bottom dollar our close  attention to F-Patterns was partly responsible for the massive conversions.)</p>
<p>Here is an example of the exact opposite:</p>
<table style="width: 320px;" border="2" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><img src="http://tne.s3.amazonaws.com/images3/3.jpg" alt="image3" width="320" height="172" /></td>
</tr>
</tbody>
</table>
<p align="center"><em>(Some  random site I found on the Internet&#8230; YIKES!)</em></p>
<p align="center"> </p>
<p><em>It  looks like an e-Book threw up on this page.</em></p>
<p>What happens when you F-Pattern this page?  Nothing! You get the word “Congratulations!”</p>
<p>This page is simply too busy and too poorly  designed to work well.</p>
<p>The bottom line here is that <strong>understanding F-Patterns can make a huge  difference in your page conversions. </strong>Just keep the following in mind&#8230;users <em>won&#8217;t</em> read your text word-by-word.</p>
<p>You need to make the first three-five words  of each focal point really, really good.</p>
<p>The first two paragraphs should state the  most important information. Make sure to start subheads, paragraphs, and  bullets with <em>enticing words</em> that users will notice when scanning.</p>
<p class="style36">StomperNet Design Tactic #2: Give People What They Are Used To.</p>
<p>Famed Madison Avenue Advertising Legend  David Ogilvy once said:</p>
<p><em>“The eye is trained from an early age.  Move away from what the eye is used to, and you stop readership.”</em></p>
<p>I couldn&#8217;t agree more, and all my testing  and tweaking over the past <em>three years</em> has proven it time and time again. <strong>You  have to meet people where they are and give them something they are familiar  with.</strong></p>
<p>And in many cases, this means building an “Internet  Marketing” looking page&#8230; Even if it&#8217;s NOT a sales letter. Build your blog  posts, and content pages the same way, too. Create your product content in the  same format.</p>
<p>People are trained to read bigger, bolder  words&#8230; so make your headlines bigger and bolder. Make them red, too&#8230; so  they stand out (More on the color Red in a minute) from the rest of your text.</p>
<p>Give your sub-headlines and paragraph  titles a bit more emphasis than your regular body copy&#8230;</p>
<p>And use plenty of whitespace so your page  doesn&#8217;t look crowded.</p>
<p><strong>Keep is simple and create a familiar  hierarchy with your content.</strong></p>
<p>When it comes to font use, I suggest you  use Sans-Serif fonts for your headlines and sub-headlines, and Serif fonts for  your regular in-line body copy.</p>
<p>Sans Serif fonts are fonts <em>without</em> those little doo-hickeys on the  tops and bottoms of the letters. Serif fonts have the extra little “embellishments.</p>
<p class="style31" align="center"><img src="http://tne.s3.amazonaws.com/images3/image4.jpg" alt="image4" width="354" height="179" /></p>
<p>So for headlines and sub-headlines, use  fonts like Impact, Tahoma Bold, and Helvetica Bold.</p>
<p>For your regular in-line body copy, use  Serif fonts. Serif fonts have been used in print for years (Magazines,  Newspapers, books) and have been proven to create higher readability. This  includes fonts like Courier New, Georgia, and Times New Roman.</p>
<p class="style36">StomperNet Design Tactic #3: Use Colors!</p>
<p>Most marketers throw a couple outsourced “mini-site”  graphics on their page and hope for the best.</p>
<p>But not you, my fellow readers.  Because you&#8217;re about to understand the <span style="text-decoration: underline;">unlimited  power </span>of using the correct colors to market your products.</p>
<p>You see, <em>colors create immediate subconscious reactions in people</em>. Some  colors set off warning bells, others trigger the libido, or even make you feel  safe.</p>
<p>And just like with well-written copy, you  can often use color theory to <em>slide right  in under the radar </em>and get into your prospects minds to <em>influence</em> their buying habits.</p>
<p>I know, I know&#8230; You might be thinking “That  sounds creepy” but I assure you it&#8217;s not. You will simply have an edge because  you understand how people tend to react.</p>
<p>Take Blue for example:</p>
<table style="width: 500px;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#0e30d1">
<tbody>
<tr>
<td width="500"></td>
</tr>
</tbody>
</table>
<p><br class="spacer_" /></p>
<p>Blue is, obviously, the color of the ocean,  and also the sky.</p>
<p>It should come as no surprise then that  Blue is proven to work well when promoting air and sky products (airlines, air  conditioning units, fans, air filters, etc. etc.) and also water and sea  products (cruise vacations, water filters, boats, bottled water, etc. etc.)</p>
<p>Blue is often associated with depth and  stability. It automatically evokes emotions of trust, security, intelligence,  peace, and loyalty in people.</p>
<p><em>On  the other hand, avoid blue when promoting food and cooking products. </em>Blue suppresses the appetite.</p>
<p>Red is often associated with passion,  desire, war, danger, strength, power, and love.</p>
<p><strong>Are  you surprised that Red works well in the dating and seduction niches? </strong> You shouldn&#8217;t be. Red also  works well with products like energy drinks, automobiles, and items related to  sports and action.</p>
<p>Most traditional designers (Print  designers, for example, working in design houses or advertising agencies)  understand Color Theory&#8230;</p>
<p><strong>But  the average person who puts up a blog or website most likely doesn&#8217;t know these  things. </strong>They might put up a blue cooking blog and  never understand why they aren&#8217;t getting sales.</p>
<p>It&#8217;s because of color.</p>
<p>Want some more examples?</p>
<p>Bright yellow is an attention getter, which  is the reason taxis are painted this color. When overused, yellow can have a  disturbing effect. Tests show that babies cry more in yellow rooms.</p>
<p><em>Yellow</em> is seen before other colors when placed against black; which is why  this combination is often used to issue warnings.</p>
<p>Men tend to see yellow as a lighthearted,  &#8216;childish&#8217; color, so it is not recommended to use yellow when selling  prestigious, expensive products to men. This explains why you don&#8217;t ever see  Yellow in high-end watch advertisements, or advertisements for expensive cars.</p>
<p>I could go on and on about color use, but  it&#8217;s probably about time for me to wrap things up. Here is a short list of  common emotions associated with other popular colors:</p>
<table style="width: 500px; height: 345px;" border="0" cellspacing="0" align="center" bgcolor="#f4f4f4">
<tbody>
<tr>
<td>
<ul>
<li><strong><em>Black</em></strong> &#8211; Power, class, seriousness,  drama, sophistication, and boldness. (Prestigious products)</li>
</ul>
<ul>
<li><strong><em>White</em></strong> &#8211; Purity, peace, cleanliness, freshness. (Great for medical  products and weight loss products)</li>
</ul>
<ul>
<li><strong><em>Purple</em></strong> &#8211; Sophistication, royalty, mystery, spirituality. (Great for Yoga  products) </li>
</ul>
<ul>
<li><strong><em>Green</em></strong> &#8211; Freshness, safety, growth, vitality, calmness, prestige. (Great  for Drugs, Medical products, and Nature and Natural products as well. Use  Darker Green for Financial or Make Money products) </li>
</ul>
<ul>
<li><strong><em>Orange</em></strong> - Enthusiasm, fascination,  happiness, creativity, determination, attraction, success. (Works great for  toys and puzzles.)</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>Hopefully this quick look at color helps  you start thinking about these things when you design your marketing collateral<strong>.</strong> Keep in mind that this is only a  rough guide: There are hundreds and hundreds of books about the psychology of  color and how it affects buying habits.</p>
<p>I will include some additional resources at  the end of this article for you Stompers who want to learn more.</p>
<p class="style36">Summary</p>
<p><strong>Pay  close attention to where you position things on your pages. </strong>Follow an F-Pattern with your layout to make sure the highest number  of people possible sees your vital information.</p>
<p>Use fonts people are familiar and  comfortable with, and above all else make sure your creatives are easy for  people to look at and consume.</p>
<p>Use colors that create positive emotions  with your audience and frame them towards buying what you are offering.</p>
<table style="width: 500px;" border="2" cellspacing="0" align="center" bgcolor="#f8f1cd" bordercolor="#d5e9be">
<tbody>
<tr>
<td bgcolor="#f8f1cd">
<ul>
<li> <strong>Resources</strong></li>
</ul>
<blockquote><p><em>Renowned web usability expert Jacob  Neilson has published some excellent research on F-Patterns  for you Stompers who want to learn more:</em><br />
 <em>http://www.useit.com/eyetracking</em></p>
<p><em>To  learn more about fonts and typography without getting bored to tears, Erik  Spiekermann and E.M. Ginger&#8217;s “Stop Stealing Sheep &amp; Find Out How Type  Works” is a great place to start.</em></p>
<p><em>Interested  in Color Theory? I recommend starting with &#8220;The Elements of Color&#8221; by  Johannes Itten and &#8220;The Art of Color” by   Johannes Itten. Both are excellent books and can be found on Amazon.com.</em></p>
<p><em>One  last tip. </em>Buy some comic books<em>! Comic book writers and artists are experts at capturing complex ideas  in very few words and limited space. It&#8217;s a great way to study how to market to  today&#8217;s attention-fragmented society.</em></p>
</blockquote>
</td>
</tr>
</tbody>
</table>
<p align="center"><img src="http://tne.s3.amazonaws.com/images3/dividor.jpg" alt="dividor" width="500" height="31" /></p>
<table style="width: 500px;" border="2" cellspacing="0" align="center" bgcolor="#ffffff" bordercolor="#a7daed">
<tbody>
<tr>
<td class="style28" width="500">
<p align="center"><strong><em><a href="http://tne.stompernet.com">Enjoy this Article?</a></em><a href="http://tne.stompernet.com" target="_blank"> Get an entire Trial Issue of <em>&#8220;The Net Effect&#8221; </em>(plus a special free bonus!) for only $1 </a></strong></p>
</td>
</tr>
</tbody>
</table>
</blockquote>
</td>
</tr>
</tbody>
</table>
<p align="center"><span class="style7">Copyright © 2006-2009 StomperNet, LLC. All rights reserved.</span></p>
<p align="center"><img src="http://tne.s3.amazonaws.com/images3/lp-footer-sn-logo.png" alt="logo" width="232" height="55" /></p>
<div class="shr-publisher-1940"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fwhat-are-customers-really-seeing%2F' data-shr_title='What+are+Customers+Really+Seeing%3F'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fwhat-are-customers-really-seeing%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fwhat-are-customers-really-seeing%2F' data-shr_title='What+are+Customers+Really+Seeing%3F'></a><a class='shareaholic-tweetbutton' data-shr_count='horizontal' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fwhat-are-customers-really-seeing%2F' data-shr_title='What+are+Customers+Really+Seeing%3F'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic --><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.stompernet.com/blog/what-are-customers-really-seeing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Merry Christmas! Did we surprise you?</title>
		<link>http://www.stompernet.com/blog/merry-christmas-did-we-surprise-you/</link>
		<comments>http://www.stompernet.com/blog/merry-christmas-did-we-surprise-you/#comments</comments>
		<pubDate>Mon, 24 Dec 2007 22:29:04 +0000</pubDate>
		<dc:creator>StomperNet</dc:creator>
				<category><![CDATA[Conversion]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Technical]]></category>
		<category><![CDATA[Stompernet]]></category>

		<guid isPermaLink="false">http://stomperblog.com/2007/12/24/merry-christmas-did-we-surprise-you/</guid>
		<description><![CDATA[<p>First off, I just want to wish you a healthy, happy, and safe Holiday Season! It&#8217;s Christmas in my home, but whatever you&#8217;re celebrating this time of year&#8230; I hope it&#8217;s a peaceful time for you. Now with the formalities out of the way&#8230; I hope you enjoyed our &#8220;Scrooge&#8221; video&#8230; And I really REALLY [...]</p><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p><a href="http://www.stompernet.net/goingnatural2/?vid=3"><img src="http://stomperblog.com/wordpress/wp-content/uploads/2007/12/thmbnail.png" alt="thmbnail.png" align="right" border="0" /></a>First off, I just want to wish you a healthy, happy, and safe Holiday Season!</p>
<p>It&#8217;s Christmas in my home, but whatever you&#8217;re celebrating this time of year&#8230; I hope it&#8217;s a peaceful time for you.</p>
<p>Now with the formalities out of the way&#8230; <a href="http://www.stompernet.net/goingnatural2/?vid=3">I hope you enjoyed our &#8220;Scrooge&#8221; video&#8230;</a></p>
<p>And I really REALLY hope we surprised you with our Stomper Scrutinizer software. I will admit, we tried to throw you off a bit and make you think this was going to be some big high-priced Product Launch&#8230;</p>
<p>After all, it&#8217;s more fun playing Santa Claus when no one&#8217;s expecting it!</p>
<p>In any case, let us know what you think and what kind of results you&#8217;re getting from Scrutinizer&#8230;</p>
<p>Happy Holidays from Andy Jenkins and the whole StomperNet crew!</p>
<p><a href="http://stomperblog.com/2007/12/24/merry-christmas-did-we-surprise-you/#respond" title="Post a Comment">Post a Comment </a></p>
<div class="shr-publisher-9"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fmerry-christmas-did-we-surprise-you%2F' data-shr_title='Merry+Christmas%21+Did+we+surprise+you%3F'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fmerry-christmas-did-we-surprise-you%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fmerry-christmas-did-we-surprise-you%2F' data-shr_title='Merry+Christmas%21+Did+we+surprise+you%3F'></a><a class='shareaholic-tweetbutton' data-shr_count='horizontal' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fmerry-christmas-did-we-surprise-you%2F' data-shr_title='Merry+Christmas%21+Did+we+surprise+you%3F'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic --><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.stompernet.com/blog/merry-christmas-did-we-surprise-you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Third GN Video&#8230; Best Yet?</title>
		<link>http://www.stompernet.com/blog/the-third-gn-video-best-yet/</link>
		<comments>http://www.stompernet.com/blog/the-third-gn-video-best-yet/#comments</comments>
		<pubDate>Sun, 23 Dec 2007 06:36:13 +0000</pubDate>
		<dc:creator>StomperNet</dc:creator>
				<category><![CDATA[Conversion]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Technical]]></category>

		<guid isPermaLink="false">http://stomperblog.com/2007/12/23/the-third-gn-video-best-yet/</guid>
		<description><![CDATA[<p>OK, folks&#8230; sometimes I worry about giving you TOO much new information in these videos &#8211; but we had a LOT of ground to cover. This is some critical stuff &#8211; it doesn&#8217;t matter how much traffic you get if you can&#8217;t get that traffic to convert. And if your design is all messed up, [...]</p><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p><font face="Arial" size="3"><span style="font-size: 12pt"> OK, folks&#8230; sometimes I worry about giving you TOO much new information in these videos &#8211; but we had a LOT of ground to cover.</span></font></p>
<p><font face="Arial" size="3">This is some critical stuff &#8211; it doesn&#8217;t matter how much traffic you get if you can&#8217;t get that traffic to convert. And if your design is all messed up, you aren&#8217;t going to convert.</font></p>
<p><font face="Arial" size="3">So let me know what you think&#8230; join the conversation here by leaving a comment or question on the video. </font><a href="http://www.stompernet.net/goingnatural2/?vid=4">If you haven’t already, you can see the video here.</a></p>
<p><font face="Arial" size="3">As you can tell, we are reading (and responding) to your comments&#8230;</font></p>
<p><font face="Arial" size="3">Best,<br />
Andy</font></p>
<p><a href="http://stomperblog.com/2007/12/23/the-third-gn-video-best-yet/#respond" title="Post a Comment">Post a Comment </a></p>
<div class="shr-publisher-8"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fthe-third-gn-video-best-yet%2F' data-shr_title='The+Third+GN+Video...+Best+Yet%3F'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fthe-third-gn-video-best-yet%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fthe-third-gn-video-best-yet%2F' data-shr_title='The+Third+GN+Video...+Best+Yet%3F'></a><a class='shareaholic-tweetbutton' data-shr_count='horizontal' data-shr_href='http%3A%2F%2Fwww.stompernet.com%2Fblog%2Fthe-third-gn-video-best-yet%2F' data-shr_title='The+Third+GN+Video...+Best+Yet%3F'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic --><p><a href="http://www.stompernet.com/blog">Stompernet Blog</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.stompernet.com/blog/the-third-gn-video-best-yet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

