<?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>Scott Design</title>
	<atom:link href="http://blog.hotdesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.hotdesign.com</link>
	<description>The creative agency for technology companies</description>
	<lastBuildDate>Wed, 16 May 2012 14:06:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Case Study: Adobe Edge Microsite</title>
		<link>http://blog.hotdesign.com/2012/05/case-study-adobe-edge-microsite/</link>
		<comments>http://blog.hotdesign.com/2012/05/case-study-adobe-edge-microsite/#comments</comments>
		<pubDate>Fri, 11 May 2012 23:14:50 +0000</pubDate>
		<dc:creator>Scott Design</dc:creator>
				<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[B2B marketing]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4660</guid>
		<description><![CDATA[Scott Design designed and developed a microsite to promote Adobe Edge to web professionals. The site presents a unique, compelling look and a showcase of samples that inspire and educate site visitors about Edge, an innovative web design application.]]></description>
			<content:encoded><![CDATA[<h3><a href="http://blog.hotdesign.com/wp-content/uploads/adobe-edge-home.png"><img class="alignnone  wp-image-4663" title="adobe-edge-home" src="http://blog.hotdesign.com/wp-content/uploads/adobe-edge-home-600x499.png" alt="" width="451" height="375" /></a></h3>
<h3>Our clients’ challenge:</h3>
<p>Adobe Systems wanted to develop a microsite that would fully introduce a new web application, <a title="Adobe Edge Preview" href="http://edge.adobe.com/index.html" target="_blank">Adobe Edge</a>, to web designers. Adobe sought a user-friendly, intuitive website that introduces the product, shows samples of what designers can create with Edge, and leads them to download a beta version of the software.</p>
<h3>The Scott Design solution:</h3>
<p>Scott Design designed and developed a clean and simple microsite to clearly present Adobe Edge to web professionals. The site presents a unique, compelling look and showcases samples that inspire and educate site visitors about Edge. Clearly presented information and a prominent download button lead visitors through all the information they need to decide to become part of the preview program.</p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/adobe-edge-showcase.png"><img class="alignnone  wp-image-4662" title="adobe-edge-showcase" src="http://blog.hotdesign.com/wp-content/uploads/adobe-edge-showcase-600x499.png" alt="" width="450" height="374" /></a></p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/adobe-edge-about.png"><img class="alignnone  wp-image-4664" title="adobe-edge-about" src="http://blog.hotdesign.com/wp-content/uploads/adobe-edge-about-600x499.png" alt="" width="450" height="374" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2012/05/case-study-adobe-edge-microsite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Awards for Amazon.com App</title>
		<link>http://blog.hotdesign.com/2012/05/2-more-awards-for-amazon-com-app/</link>
		<comments>http://blog.hotdesign.com/2012/05/2-more-awards-for-amazon-com-app/#comments</comments>
		<pubDate>Wed, 02 May 2012 18:05:32 +0000</pubDate>
		<dc:creator>Scott Design</dc:creator>
				<category><![CDATA[Awards]]></category>
		<category><![CDATA[B2C Marketing]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[online advertising]]></category>
		<category><![CDATA[online application]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4625</guid>
		<description><![CDATA[Scott Design received two more awards for its work on the online Adobe/Amazon.com Product Selector — an Outstanding Achievement Award in the Computer Software category of the Interactive Media Awards and a Silver Award in the Online Advertising category of the Horizon Interactive Awards.]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.hotdesign.com/wp-content/uploads/ima-and-horizon-awards.jpg"><img class="alignnone  wp-image-4637" title="ima-and-horizon-awards" src="http://blog.hotdesign.com/wp-content/uploads/ima-and-horizon-awards.jpg" alt="" width="242" height="83" /></a></p>
<p>Scott Design received two more awards for its work on the online <a title="Adobe Amazon Product Selector" href="http://productselector.adobe.com/">Adobe/Amazon.com Product Selector</a> — an Outstanding Achievement Award in the Computer Software category of the Interactive Media Awards and a Silver Award in the Online Advertising category of the Horizon Interactive Awards. This interactive banner ad previously won a Gold Davey Award, a Silver W3 Award, and a Summit Emerging Media Leader Award.</p>
<p>The Interactive Media Awards recognize the highest standards of excellence in website design and development and honor individuals and organizations for their outstanding achievement. Created by the Interactive Media Council (IMC) — a nonprofit organization of leading web designers, developers, programmers, advertisers, and other web-related professionals — the competition is designed to elevate the standards of excellence on the Internet and offer winners a boost in marketing and exposure.</p>
<p>The Horizon Interactive Awards highlight the “best of the best” in interactive media production. The international competition saw more than 1,000 entries from more than 20 countries around world and nearly all 50 states. An international panel of judges, consisting of industry professionals with diverse backgrounds, as well as an end user panel, evaluated many different and diverse categories ranging from online advertising to mobile applications.</p>
<p>The <a title="Adobe Amazon Product Selector" href="http://productselector.adobe.com/" target="_blank">Adobe/Amazon.com Product Selector</a> is an online application on Amazon.com that removes the guesswork for Adobe customers selecting products to buy. <a title="Adobe Amazon Product Selector" href="http://productselector.adobe.com/" target="_blank"><img class="alignright" style="padding: 10px;" title="selected-product" src="http://blog.hotdesign.com/wp-content/uploads/selected-product.jpg" alt="" width="286" height="163" /></a>Instead of a static banner ad, the selector is an interactive application powered by Adobe ColdFusion and AJAX technology with a back-end database that recommends products and brings the user right to the Amazon.com purchasing page to shorten the sales cycle.</p>
<p>Mike Sauce, Founder of the Horizon Interactive Awards, said: “The competition was fierce among many of the top entries in all of the categories and there were so many outstanding projects this year. Each year, I am truly amazed at the talent, creativity, artistry, and technical expertise that is on display in our International competition. It is simply fascinating to see how the internet and other creative media are influencing people’s lives from all corners of the Globe. All of this year’s winners should be proud to be among the best of the best from around the world!”<br />
<img title="More..." src="http://blog.hotdesign.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<p>For the latest information on recent awards, visit the <a title="Scott Design Awards" href="http://blog.hotdesign.com/design-awards/" target="_self">Design Awards</a> page.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2012/05/2-more-awards-for-amazon-com-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What&#8217;s your favorite color?</title>
		<link>http://blog.hotdesign.com/2012/02/whats-your-favorite-color/</link>
		<comments>http://blog.hotdesign.com/2012/02/whats-your-favorite-color/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 19:18:15 +0000</pubDate>
		<dc:creator>Kirsti Scott</dc:creator>
				<category><![CDATA[Marketing]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4499</guid>
		<description><![CDATA[In just three months, survey respondents weighed in on their favorite and least favorite colors. They also have been telling us where they are from, their age, and their gender. Early on, favorites emerged, and they have held true as the responses roll in.]]></description>
			<content:encoded><![CDATA[<p>That&#8217;s the question <a title="What's your favorite color?" href="http://www.surveymonkey.com/s/colorprefs" target="_blank">we asked</a> &#8230; and more than 1,100 people from 70 countries have answered! Since November 2011, survey respondents have weighed in on their favorite and least favorite colors. They also have been telling us where they are from, their age, and their gender. Early on, favorites emerged, and they have held true as the responses roll in.</p>
<h3>Male Color Preferences by Age</h3>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/males-by-age.gif"><img class="alignnone  wp-image-4578" title="males-by-age" src="http://blog.hotdesign.com/wp-content/uploads/males-by-age.gif" alt="" width="550" height="410" /></a></p>
<p style="text-align: center;">(There is currently a tie between blue and green as favorite color for males 25-35)</p>
<h3>Female Color Preferences by Age</h3>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/females-by-age.gif"><img class="alignnone  wp-image-4580" title="females-by-age" src="http://blog.hotdesign.com/wp-content/uploads/females-by-age.gif" alt="" width="550" height="409" /></a></p>
<h3><span id="more-4499"></span></h3>
<h3>Preferences by Gender</h3>
<h3><a href="http://blog.hotdesign.com/wp-content/uploads/gender-preferences1.gif"><img class="alignnone  wp-image-4581" title="gender-preferences" src="http://blog.hotdesign.com/wp-content/uploads/gender-preferences1.gif" alt="" width="550" height="271" /></a></h3>
<h3>Respondents</h3>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/respondents2.gif"><img class="alignnone  wp-image-4582" title="respondents" src="http://blog.hotdesign.com/wp-content/uploads/respondents2.gif" alt="" width="550" height="355" /></a></p>
<h3>The written responses on sites where we posted the link have been all across the board:</h3>
<ul>
<li><strong>Decisive:</strong> &#8220;Green!&#8221; and &#8220;Always red&#8221; and &#8220;REDDDDDDD!!!!!&#8221;</li>
<li><strong>Descriptive:</strong> &#8220;Warm Red or Fiery Red!&#8221; and &#8220;Skyblue&#8221;</li>
<li><strong>Specific:</strong> &#8220;100C 100Y 10M 30K&#8221; and &#8220;I think I would have to go for British racing green (Pantone 5535)&#8221; and &#8220;Blue, RGB: 102.204.255, HEX: 66ccff&#8221; and &#8220;Blue: not a power blue and not a real dark blue, more like somewhere around PMS 285 blue&#8221; and a personal favorite: &#8220;1 micrometer (wave length) or maybe 10 micrometers&#8221;</li>
<li><strong>Silly:</strong> &#8220;Plaid&#8221; and &#8220;Iridescent&#8221; and &#8220;They still don&#8217;t let you pick &#8216;clear.&#8217; Oh well&#8230;.&#8221;</li>
<li><strong>Angry:</strong> &#8220;This is not a scientific study&#8221; and &#8220;I like different colors for different things. This poll is junk.&#8221;</li>
<li><strong>Entertaining:</strong> &#8220;Blue &#8230; not into that purple crap&#8221; and &#8220;Blue NO RED Auuuuuuuuuuuggghhhh&#8230;&#8221; (<a title="Monty Python Holy Grail" href="http://www.youtube.com/watch?v=pWS8Mg-JWSg" target="_blank">Monty Python &#8220;3 Questions&#8221;</a>)</li>
</ul>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/comments.jpg"><img class="alignnone  wp-image-4612" title="comments" src="http://blog.hotdesign.com/wp-content/uploads/comments.jpg" alt="" width="549" height="132" /></a></p>
<h3><strong>A sampling of FAQs:</strong></h3>
<p><strong>Did you know you forgot pink?</strong><br />
Yes, and people wanted to vote for it for most AND least favorite. If we created a new survey, it would definitely be there. (Plus, isn&#8217;t it just technically a shade of red?)</p>
<p><strong>Don&#8217;t people like different colors for different things?</strong><br />
Of course. We actually talk about just that in &#8220;<a title="Selecting colors for your design" href="http://blog.hotdesign.com/2011/11/selecting-colors-for-websites/">Selecting colors for design projects</a>.&#8221; But, judging by the number of people who were willing to pick just one, we bet that most people do have one they generally like more than others.</p>
<p><strong>Don&#8217;t you think it would be better to be more specific on where people are from, for example, eastern U.S., southern U.S., etc.?</strong><br />
No way! In fact, we wish we had just made it a question of which continent you were from so we had more data from each place. There were so few from each country other than the U.S. that we&#8217;re not even going to analyze the differences based on culture. If we get more answers from other countries, we&#8217;ll share that information.</p>
<p><strong>Why do older people like red so much?</strong><br />
As our eyes age, we sometimes lose the ability to distinguish between blues and yellows. The color that stands out the most is red, so that may be why we are more drawn to it as we age. Or maybe it was just a cool color when they were growing up in the first half of the 20th century!</p>
<p><strong>Can I see the raw data?</strong><br />
You bet! Just drop us a request using the form on the right and we&#8217;ll send you the data so you can sort and analyze to your heart&#8217;s content.</p>
<p><strong>This poll isn&#8217;t very scientific, is it?</strong><br />
I&#8217;m a designer, not a scientist! But it still is interesting to see the differences emerge in the responses we&#8217;ve received so far.</p>
<p><strong>Can I still vote?</strong><br />
YES! In fact, we&#8217;d love to have you post a link to http://www.surveymonkey.com/s/colorprefs so everyone you know can participate. The more responses we get from around the world, the more we can learn about color preferences. <a title="Color Preferences Poll" href="http://www.surveymonkey.com/s/colorprefs" target="_blank">Take the one-minute poll</a>, and after you vote, you can see how your answers compare with the latest worldwide results.</p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/color-preferences-infographic.jpg"><img class="alignnone  wp-image-4594" title="color-preferences-infographic" src="http://blog.hotdesign.com/wp-content/uploads/color-preferences-infographic.gif" alt="" width="50" height="188" /></a><a title="What's your favorite color infographic" href="http://blog.hotdesign.com/wp-content/uploads/color-preferences-infographic1.pdf" target="_blank">Download the full infographic (PDF 171K)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2012/02/whats-your-favorite-color/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Case Study: AceReader</title>
		<link>http://blog.hotdesign.com/2012/02/case-study-acereader/</link>
		<comments>http://blog.hotdesign.com/2012/02/case-study-acereader/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 16:18:39 +0000</pubDate>
		<dc:creator>Scott Design</dc:creator>
				<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[online application]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=3971</guid>
		<description><![CDATA[Scott Design created an online application that is almost identical to the desktop version of popular educational reading software.]]></description>
			<content:encoded><![CDATA[<h3><a href="http://blog.hotdesign.com/wp-content/uploads/ace-reader-screen-1-sml.jpg"><img class="alignnone size-full wp-image-3978" title="ace-reader-screen-1-sml" src="http://blog.hotdesign.com/wp-content/uploads/ace-reader-screen-1-sml.jpg" alt="" width="400" height="304" /></a></h3>
<h3>Our client’s challenge:</h3>
<p>StepWare, which offers a line of desktop computer software that helps people of all ages become better readers, wanted to create a web version of AceReader, its premier product. The online version would provide a subscription-based service to schools and allow educators and students to use the software at any computer in the school&#8217;s computer lab.</p>
<h3>The Scott Design solution:</h3>
<p><span id="more-3971"></span>Scott Design created an online application that is almost identical to the desktop version of AceReader. The web version even uses configuration files and settings from the desktop version. Teachers can monitor students&#8217; progress by viewing speed and comprehension graphs from any computer on the network.</p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/ace-reader-screen-2-sml.jpg"><img class="alignnone size-full wp-image-3979" title="ace-reader-screen-2-sml" src="http://blog.hotdesign.com/wp-content/uploads/ace-reader-screen-2-sml.jpg" alt="" width="400" height="304" /></a></p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/ace-reader-screen-3-sml.jpg"><img class="alignnone size-full wp-image-3980" title="ace-reader-screen-3-sml" src="http://blog.hotdesign.com/wp-content/uploads/ace-reader-screen-3-sml.jpg" alt="" width="400" height="304" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2012/02/case-study-acereader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scott Design Takes International Emerging Media Award</title>
		<link>http://blog.hotdesign.com/2012/01/scott-design-takes-international-emerging-media-award/</link>
		<comments>http://blog.hotdesign.com/2012/01/scott-design-takes-international-emerging-media-award/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 16:25:37 +0000</pubDate>
		<dc:creator>Scott Design</dc:creator>
				<category><![CDATA[Awards]]></category>
		<category><![CDATA[B2C Marketing]]></category>
		<category><![CDATA[online advertising]]></category>
		<category><![CDATA[online application]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4464</guid>
		<description><![CDATA[Scott Design was named a Leader Award winner in the 2011 Summit Emerging Media Awards competition for its work on the online Adobe/Amazon.com Product Selector.]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.hotdesign.com/wp-content/uploads/2009/12/EMA_Trophy.jpg"><img class="alignleft" title="EMA_Trophy" src="http://blog.hotdesign.com/wp-content/uploads/2009/12/EMA_Trophy.jpg" alt="EMA_Trophy" width="115" height="173" /></a>Scott Design was named a Leader Award winner in the 2011 Summit Emerging Media Awards competition for its work on the online <a title="Adobe Amazon Product Selector" href="http://productselector.adobe.com/">Adobe/Amazon.com Product Selector</a>.</p>
<p>The Summit EMA competition is based on the foundation that advertising is consistently at the forefront of the technological evolution of communication. It was created to identify the world&#8217;s marketing communication pioneers &#8211; those pushing the bounds of the communication badlands.</p>
<p>The <a title="Adobe Amazon Product Selector" href="http://productselector.adobe.com/" target="_blank">Adobe/Amazon.com Product Selector</a> is an online application on Amazon.com that removes the guesswork for Adobe customers selecting products to buy. <a title="Adobe Amazon Product Selector" href="http://productselector.adobe.com/" target="_blank"><img class="alignright size-full wp-image-3469" title="selected-product" src="http://blog.hotdesign.com/wp-content/uploads/selected-product.jpg" alt="" width="286" height="163" /></a>Instead of a static banner ad, the selector is an interactive application powered by Adobe ColdFusion and AJAX technology with a back-end database that recommends products and brings the user right to the Amazon.com purchasing page to shorten the sales cycle.</p>
<p>“Those involved in today’s emerging media technologies are the leaders who are establishing tomorrow’s avenues of advertising communications.” Said Jocelyn Luciano, Executive Director for the Summit International Awards (SIA). “Most communication professionals recognize that established avenues of communication can be reliable and safe. However, audiences are becoming increasingly fragmented and difficult to engage, inform, and affect.  Developing, applying, and combining emerging media with creative messaging and market awareness is challenging.  Achieving this synthesis is what makes earning a Summit EMA a significant achievement.”</p>
<p><span id="more-4464"></span></p>
<p>Since 1994, the Summit International Awards (SIA) organization has been dedicated to furthering excellence in the communications industry. It administers three distinguished award competitions throughout the year with the goal of raising the awareness of companies and individuals who have the creative and marketing talent to go beyond the ordinary.</p>
<p>This SIA organization stands apart by offering a true competitive environment where entries are judged alongside those of their peers, and makes its competitions affordable and accessible to the industry by offering multiple entry discounts, streamlined internet submissions, and a friendly, knowledgeable customer service staff. Companies and individuals from more than 50 countries and across five continents participate in its awards programs and choose to invest their promotional dollars for the opportunity to be recognized as an SIA winner. The SIA organization conducts three awards competitions each year: Summit Creative Awards, Summit Emerging Media Awards, and Summit Marketing Effectiveness Awards.</p>
<p>For the latest information on recent awards, visit the <a title="Scott Design Awards" href="http://blog.hotdesign.com/design-awards/" target="_self">Design Awards</a> page.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2012/01/scott-design-takes-international-emerging-media-award/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using type on the web like an expert</title>
		<link>http://blog.hotdesign.com/2012/01/using-type-on-the-web-like-an-expert/</link>
		<comments>http://blog.hotdesign.com/2012/01/using-type-on-the-web-like-an-expert/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 23:00:53 +0000</pubDate>
		<dc:creator>Kirsti Scott</dc:creator>
				<category><![CDATA[Marketing]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4242</guid>
		<description><![CDATA[How you use type on the web is just as important as how you use it in print, but many web designers ignore even the most basic rules of typography. Here's a quick rundown on how to use type like a pro on your website.]]></description>
			<content:encoded><![CDATA[<p>How you use type on the web is just as important as how you use it in print, but many web designers ignore even the most basic rules of typography. Good typography makes your content easier to find and read. Bad typography tires your reader and can make site visitors leave your site.</p>
<p>Here&#8217;s a quick rundown on how to use type like a pro on your website.</p>
<h3>Typeface selection</h3>
<p>There are five web-safe fonts that work on most Mac and Windows browsers. Here are the reasons you might choose one over the others:</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr valign="top">
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Verdana;">Verdana</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Verdana;">Sans serif font designed to be legible even at small sizes</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Verdana;" width="265">The five boxing wizards jump quickly</td>
</tr>
<tr valign="top">
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: 'Trebuchet MS';">Trebuchet</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: 'Trebuchet MS';">Sans serif font that&#8217;s narrower than Verdana so you can fit more content in the same space, plus has a little more &#8220;personality&#8221; than Verdana thanks to is stylized letter forms</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: 'Trebuchet MS';" width="265">The five boxing wizards jump quickly</td>
</tr>
<tr valign="top">
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Arial;">Arial</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Arial;">Sans serif font designed for print but that you might use if you&#8217;re interested in matching your web fonts exactly with your print fonts</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Arial;" width="265">The five boxing wizards jump quickly</td>
</tr>
<tr valign="top">
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Georgia;">Georgia</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Georgia;">Serif font designed to be legible even at small sizes</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: Georgia;" width="265">The five boxing wizards jump quickly</td>
</tr>
<tr valign="top">
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: 'Times New Roman';">Times New Roman</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: 'Times New Roman';">Serif font designed for print but that you might use if you&#8217;re interested in matching your web fonts exactly with your print fonts</td>
<td style="padding: 5px; border-bottom: 1px solid #655; font-family: 'Times New Roman';" width="265">The five boxing wizards jump quickly</td>
</tr>
</tbody>
</table>
<h3></h3>
<h3>Alignment</h3>
<p><span id="more-4242"></span></p>
<p>The appearance of type on your web page can change depending on the device, browser, screen resolution, and personal settings. Use left alignment instead of justified text for the best readability. When the browser justifies text, it inserts space in between words that cause the reader to pause or stumble when reading. Although you might end up with a ragged right edge when using left aligned type, it is still more readable. To help reduce the ragged right edge, put spaces before and after dashes so the browser puts the words before and after the dash on two lines if needed.</p>
<h3><a href="http://blog.hotdesign.com/wp-content/uploads/alignment.gif"><img class="alignnone size-medium wp-image-4254" title="alignment" src="http://blog.hotdesign.com/wp-content/uploads/alignment-600x225.gif" alt="" width="536" height="201" /></a></h3>
<h3>Column width</h3>
<p>If your columns are too narrow, you break up your sentences into too many pieces, which slows down reading. If your columns are too wide, it is hard to move your eye from the end of a line to the beginning of the next line and you can get lost. Ideal line length for the web is approximately 12 words or 66 characters, however if a user changes the browser&#8217;s default font size, the number of words that can fit in a column changes. It&#8217;s best to use a measurement that changes depending on the font and size, such as an &#8220;em,&#8221; which is the width of a capital &#8220;M&#8221; in any given font. Setting the column width to 30 ems usually gives you the optimal column width no matter the type size.</p>
<h3>Color</h3>
<p>If you emphasize everything by using colors, you end up emphasizing nothing. Use colored type sparingly, only where it will help guide the reader, for example on subheads to help readers skim for the information they want. Don&#8217;t rely on color alone to convey information in case someone who is colorblind is looking at your site. Bold or italicize your type in addition.</p>
<h3><a href="http://blog.hotdesign.com/wp-content/uploads/color.jpg"><img class="alignnone size-medium wp-image-4255" title="color" src="http://blog.hotdesign.com/wp-content/uploads/color-600x225.jpg" alt="" width="531" height="199" /></a></h3>
<h3>Backgrounds</h3>
<p>Use enough contrast between the background color on the page and the type. Colors that are too close in darkness are hard to read. Don&#8217;t put type on complex backgrounds or images with a lot of contrast or it will be difficult to read.</p>
<h3>Smart punctuation</h3>
<p>Professional typographers always use typographically correct punctuation on the web, including &#8220;smart&#8221; quotes and apostrophes, em and en dashes, and ellipses. Don&#8217;t use inch and foot marks, hyphens, and triple periods when you can use the real punctuation.</p>
<h3>Amateur moves</h3>
<p>These are web design choices that will instantly mark you as an amateur designer:</p>
<p>- Use of non-web-safe fonts<br />
- Justified type<br />
- Columns that are too narrow or too wide<br />
- Too many colors<br />
- Background color that&#8217;s too close to the text color<br />
- Inch and foot marks, hyphens, and triple periods<br />
- Two spaces between sentences<br />
- Writing in all caps</p>
<p>Hopefully, this information has given you ideas about using type to strengthen your own website. Following basic rules of good typography can help produce professional-caliber results.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2012/01/using-type-on-the-web-like-an-expert/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Happy Holidays 2011 style!</title>
		<link>http://blog.hotdesign.com/2011/12/happy-holidays-2011-style/</link>
		<comments>http://blog.hotdesign.com/2011/12/happy-holidays-2011-style/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 19:27:37 +0000</pubDate>
		<dc:creator>Scott Design</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[augmented reality]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex application]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[online application]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4395</guid>
		<description><![CDATA[It's that time of year again when we share the free online games we create every year: the Virtual Fireplace (2005), Snowflake Designer (2006), Snowbash (2007), Special Delivery (2008), Augmented Reality Snowstorm (2009), 3D Fun (2010), and now Snow Bash!, the iPad app (2011).]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s that time of year again when we share the <a title="Holiday Fun from Scott Design" href="http://www.hotdesign.com/holiday/" target="_blank">free online games</a> we create every year: the Virtual Fireplace (2005), Snowflake Designer (2006), Snowbash (2007), Special Delivery (2008), Augmented Reality Snowstorm (2009), 3D Fun (2010), and now a new iPad app, Snow Bash! (2011).</p>
<h3>Snow Bash! <a title="Snow Bash iPad game" href="http://itunes.apple.com/us/app/snow-bash/id483935959" target="_blank">iPad</a> and <a title="Snow Bash iPhone game" href="http://itunes.apple.com/us/app/snow-bash!/id490507145" target="_blank">iPhone App</a>: Protect Ginger Hill from the Snowmen</h3>
<p><a title="Snow Bash iPad app" href="http://itunes.apple.com/us/app/snow-bash/id483935959" target="_blank"><img class="size-full wp-image-4407 alignleft" title="snowbash-itunes-icon" src="http://blog.hotdesign.com/wp-content/uploads/snowbash-itunes-icon.jpg" alt="" width="52" height="52" /></a>Enjoy the free iPad and iPhone versions of the award-winning Snowbash Flash app created by Scott Design in 2007. All the fun of the original version, plus new prizes, more animals, and icemen! Download Snow Bash! <a title="Snow Bash iPad game" href="http://itunes.apple.com/us/app/snow-bash/id483935959" target="_blank">for your iPad</a> or<a title="Snow Bash iPhone game" href="http://itunes.apple.com/us/app/snow-bash!/id490507145" target="_blank"> for your iPhone</a> from the App Store.</p>
<h3><a title="3D Holiday Images" href="http://www.hotdesign.com/3d/" target="_blank">3D Fun</a>: Put on your glasses and enjoy some holiday scenes</h3>
<p><a title="Holiday 3D images" href="http://www.hotdesign.com/3d/" target="_blank"><img class="size-full wp-image-4403 alignleft" title="3d" src="http://blog.hotdesign.com/wp-content/uploads/3d.png" alt="" width="51" height="51" /></a>Grab your stylish 3D specs and enjoy some <a title="3D holiday scenes" href="http://www.hotdesign.com/3d/" target="_blank">3D holiday images</a>. No 3D glasses? Send us an SASE and we&#8217;ll send you a pair!<em></em></p>
<h3><a title="Augmented Reality Snowstorm" href="http://www.hotdesign.com/storm/" target="_blank">Augmented Reality Snowstorm</a>: A virtual snowstorm using your webcam</h3>
<p><a title="Augmented Reality Snowstorm" href="http://www.hotdesign.com/storm/" target="_blank"><img class="alignleft" title="snowstorm_icon" src="http://blog.hotdesign.com/wp-content/uploads/2009/12/snowstorm_icon.jpg" alt="snowstorm_icon" width="50" height="50" /></a>Get into the holiday spirit with the <a title="Augmented Reality Snowstorm" href="http://www.hotdesign.com/storm/" target="_blank">Augmented Reality Snowstorm</a>, where you can put yourself or your family in a virtual snowstorm. No webcam? No worries! Just visit the <a title="Virtual Snowstorm" href="http://www.hotdesign.com/snowing/" target="_blank">virtual snowstorm</a>, instead!</p>
<h3><a title="Special Delivery" href="http://www.hotdesign.com/specialdelivery/" target="_blank"><span id="more-4395"></span>Special Delivery</a>: Create your own holiday-themed web pages</h3>
<p><a title="Special Delivery" href="http://www.hotdesign.com/specialdelivery/" target="_blank"><img class="alignleft" title="specialdelivery" src="http://blog.hotdesign.com/wp-content/uploads/2009/11/specialdelivery.gif" alt="specialdelivery" width="50" height="50" /></a>Design and share your own one-of-a-kind holiday pages in minutes with Special Delivery. You can make a holiday page, send birthday wishes, invite friends to a party, or create a page just for fun. It&#8217;s a free, easy, green alternative to traditional cards! <a title="Special Delivery" href="http://www.hotdesign.com/specialdelivery/" target="_blank">Create your holiday greetings</a>.</p>
<h3><a title="Snowbash" href="http://www.hotdesign.com/holiday/snowbash/index.html" target="_blank">Snowbash</a>: Can you stop the snowmen?</h3>
<p><a title="Snowbash" href="http://www.hotdesign.com/holiday/snowbash/index.html" target="_blank"><img class="alignleft" title="snowbash" src="http://blog.hotdesign.com/wp-content/uploads/2009/11/snowbash.gif" alt="snowbash" width="50" height="50" /></a>See how many snowmen your gingerbread man can get without harming the innocent pink bunnies in the award-winning Snowbash game. <a title="Snowbash" href="http://www.hotdesign.com/holiday/snowbash/index.html" target="_blank">Play Snowbash.</a></p>
<h3><a title="Snowflake Designer" href="http://www.hotdesign.com/holiday/snowflake/index.html" target="_blank">Snowflake Designer</a>: Design your own beautiful flakes</h3>
<p><a title="Snowflake Designer" href="http://www.hotdesign.com/holiday/snowflake/index.html" target="_blank"><img class="alignleft" title="snowflake" src="http://blog.hotdesign.com/wp-content/uploads/2009/11/snowflake.gif" alt="snowflake" width="50" height="50" /></a>Select the number of branches, the shape of the crystals and their complexity, and watch as your snowflake grows right outside your window! <a title="Snowflake Designer" href="http://www.hotdesign.com/holiday/snowflake/index.html" target="_blank">Make some snowflakes.</a></p>
<h3><a title="Virtual Fireplace" href="http://www.hotdesign.com/holiday/crackle/index.html" target="_blank">Virtual Fireplace</a>: May your days be merry and bright</h3>
<p><a title="Virtual Fireplace" href="http://www.hotdesign.com/holiday/crackle/index.html" target="_blank"><img class="alignleft" title="crackle" src="http://blog.hotdesign.com/wp-content/uploads/2009/11/crackle.gif" alt="crackle" width="50" height="50" /></a>Just because you&#8217;re stuck at your computer doesn&#8217;t mean you can&#8217;t gaze into the hypnotic flames of a crackling fireplace. Have fun decorating the mantle for the holidays, or just kick back and imagine the warmth! <a title="Virtual Fireplace" href="http://www.hotdesign.com/holiday/crackle/index.html" target="_blank">Curl up by the fireplace.</a></p>
<h3>Happy Holidays!</h3>
<p>We hope you have a lot of fun and send all our best wishes for the season and the coming year,</p>
<p>The Scott Design team</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2011/12/happy-holidays-2011-style/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4 ways to make Google love your site</title>
		<link>http://blog.hotdesign.com/2011/12/4-ways-to-make-google-love-your-site/</link>
		<comments>http://blog.hotdesign.com/2011/12/4-ways-to-make-google-love-your-site/#comments</comments>
		<pubDate>Tue, 06 Dec 2011 22:25:55 +0000</pubDate>
		<dc:creator>Kirsti Scott</dc:creator>
				<category><![CDATA[Marketing]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[search engine optimization]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4203</guid>
		<description><![CDATA[Google is pretty straightforward in its mission: To connect people searching online with the most relevant, speedily delivered, comprehensive, fresh information available. To get Google to love your site and put it at the top of the search results, you should create content that someone searching online is going to love.]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.hotdesign.com/wp-content/uploads/google-love.jpg"><img class="size-full wp-image-4206 alignright" title="google-love" src="http://blog.hotdesign.com/wp-content/uploads/google-love.jpg" alt="" width="140" height="145" /></a>Google is pretty straightforward in its mission: To connect people searching online with the most relevant, speedily delivered, comprehensive, fresh information available. To get Google to love your site and put it at the top of the search results, you should create content that someone searching online is going to love.</p>
<h3>Here are 4 ways to get the love:</h3>
<p><strong>1. Be Relevant:</strong> Someone doing a search on Google is looking for information that is trustworthy, from an expert or enthusiast who knows the topic well, and includes original content. This original reporting, original research, and original analysis are top qualities in Google&#8217;s eyes, so create the one-of-a-kind content your audience is looking for.</p>
<p><strong>2. Make It Fast:</strong> Website visitors are not a patient lot. Studies show that users are happier with faster sites and less satisfied with slow sites, so speed is now a factor in Google site ranking. Make sure your web coding is lean and mean, uses the latest web standards, and uses CSS to minimize bulked-up code.</p>
<p><span id="more-4203"></span></p>
<p><strong>3. Be Thorough:</strong> Web users want to get all the information they need in one place. Include plenty of helpful information about your subject and links between content on your site so users can find everything they need without having to search elsewhere. Be smart about your tags, meta descriptions, and site architecture, and include relevant keywords in your copy to help Google find your content and rank it higher.</p>
<p><strong>4. Keep It Fresh:</strong> Web searchers are looking for the latest information on a given topic, so Google ranks sites that have regularly updated content higher. While Google will crawl virtually every page on the web <em>eventually</em>, the more frequently your content changes, the faster Google comes back. Regularly create content with catchy headlines and cool stories covering the latest information on your specialties.</p>
<p>Remember: If Google doesn&#8217;t deliver, searchers will go elsewhere to find what they need, so it&#8217;s in Google&#8217;s best interest to deliver what searchers want: relevance, speed, comprehensiveness, and freshness. Make sure your site delivers these and Google will love your site.</p>
<h3>Resources:</h3>
<p>Learn <a title="Why SEO" href="http://blog.hotdesign.com/2008/10/seo-dont-launch-your-website-without-it/">why you shouldn&#8217;t launch your website without SEO</a> and <a title="The Art and Science of SEO" href="http://blog.hotdesign.com/2010/11/the-art-and-science-of-seo/">the art and science of SEO</a>. Catch details about getting Google to love your site in the Marketing Profs class <a title="What Marketers Should Know About Google" href="http://www.marketingprofs.com/marketing/online-seminars/409" target="_blank">What Marketers Should Know About Google</a>. And <a title="Google Webmaster Central" href="http://www.google.com/webmasters/" target="_blank">Google Webmaster Central</a> is a great place to get all the inside help you need to optimize your site and keep your loving relationship with Google going strong.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2011/12/4-ways-to-make-google-love-your-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Case Study: Adobe Elements Tours</title>
		<link>http://blog.hotdesign.com/2011/11/case-study-adobe-elements-tours/</link>
		<comments>http://blog.hotdesign.com/2011/11/case-study-adobe-elements-tours/#comments</comments>
		<pubDate>Wed, 30 Nov 2011 17:28:04 +0000</pubDate>
		<dc:creator>Scott Design</dc:creator>
				<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4365</guid>
		<description><![CDATA[Adobe wanted to promote special upgrade pricing for photo- and video-editing software products. The goals of the tours were to allow users to quickly and easily understand the value of the products, become inspired by the top features, and actively engage with the products by exploring all the features.]]></description>
			<content:encoded><![CDATA[<h3><a href="http://blog.hotdesign.com/wp-content/uploads/adobe-elements-screen-1.jpg"><img class="alignnone size-full wp-image-4371" title="adobe-elements-screen-1" src="http://blog.hotdesign.com/wp-content/uploads/adobe-elements-screen-1.jpg" alt="" width="400" height="210" /></a></h3>
<h3>Our client’s challenge:</h3>
<p>Adobe wanted to promote special upgrade pricing for photo- and video-editing software products. The goals of the &#8220;tours&#8221; were to allow users to quickly and easily understand the value of the products, become inspired by the top features, and actively engage with the products by exploring all the features.</p>
<h3><img title="More..." src="http://blog.hotdesign.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" />The Scott Design solution:</h3>
<p>Scott Design produced online Flash &#8220;tours&#8221; that display new features in action and highlight price-slashing offers right in the welcome screen of trial and full-version products. The team combined animation, compelling imagery, and streaming videos in a series of online presentations that display the software&#8217;s top features. Each of the presentations included prominent, strategically placed calls to buy the product. Scott Design also created special &#8220;Black Friday&#8221; versions of the tours to promote a limited-time upgrade offer.</p>
<p><span id="more-4365"></span></p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/adobe-elements-screen-3.jpg"><img class="alignnone size-full wp-image-4373" title="adobe-elements-screen-3" src="http://blog.hotdesign.com/wp-content/uploads/adobe-elements-screen-3.jpg" alt="" width="400" height="210" /></a></p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/adobe-elements-screen-5.jpg"><img class="alignnone size-full wp-image-4383" title="adobe-elements-screen-5" src="http://blog.hotdesign.com/wp-content/uploads/adobe-elements-screen-5.jpg" alt="" width="400" height="216" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2011/11/case-study-adobe-elements-tours/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Case Study: eBay Product Demo</title>
		<link>http://blog.hotdesign.com/2011/11/case-study-ebay-product-demo/</link>
		<comments>http://blog.hotdesign.com/2011/11/case-study-ebay-product-demo/#comments</comments>
		<pubDate>Tue, 29 Nov 2011 22:27:36 +0000</pubDate>
		<dc:creator>Scott Design</dc:creator>
				<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=4355</guid>
		<description><![CDATA[Scott Design designed and produced a series of easy-to-follow Flash demos—with corresponding PDF versions—that make it simple for anyone to add their products to the eBay online catalog. ]]></description>
			<content:encoded><![CDATA[<h3><a href="http://blog.hotdesign.com/wp-content/uploads/eBay-Demo-Screen-Shot-1.jpg"><img class="alignnone size-full wp-image-4357" title="eBay-Demo-Screen-Shot-1" src="http://blog.hotdesign.com/wp-content/uploads/eBay-Demo-Screen-Shot-1.jpg" alt="" width="400" height="276" /></a></h3>
<h3>Our client’s challenge:</h3>
<p>To show online sellers how to use a new listing process, eBay sought animated online demos that would explain the new flow. The goal was to provide mid– to high-volume sellers with clear, step-by-step instructions for using eBay tools to add and revise listings in the eBay online catalog.</p>
<h3><img title="More..." src="http://blog.hotdesign.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" />The Scott Design solution:</h3>
<p>Scott Design partnered with <a title="The HDI Group" href="http://thehdigroup.com/" target="_blank">HDI</a> to design and produce a series of easy-to-follow Flash demos—with corresponding PDF versions—that make it simple for anyone to add their products to the eBay online catalog. These step-by-step tutorials include animated screen views and narration that remove the guesswork. The end result is a fast and easy learning experience for sellers.</p>
<p><span id="more-4355"></span></p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/eBay-Demo-Screen-Shot-2.jpg"><img class="alignnone size-full wp-image-4358" title="eBay-Demo-Screen-Shot-2" src="http://blog.hotdesign.com/wp-content/uploads/eBay-Demo-Screen-Shot-2.jpg" alt="" width="400" height="275" /></a></p>
<p><a href="http://blog.hotdesign.com/wp-content/uploads/eBay-Demo-Screen-Shot-3.jpg"><img class="alignnone size-full wp-image-4359" title="eBay-Demo-Screen-Shot-3" src="http://blog.hotdesign.com/wp-content/uploads/eBay-Demo-Screen-Shot-3.jpg" alt="" width="400" height="275" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2011/11/case-study-ebay-product-demo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

