<?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>Visible Logic: Design Advances Success &#187; Web Design</title>
	<atom:link href="http://www.visiblelogic.com/blog/index.php/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.visiblelogic.com/blog</link>
	<description>Design Advances Success</description>
	<lastBuildDate>Wed, 08 Feb 2012 13:33:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Lifespan of a Web Site: How Long Until You Need to Redesign Your Web Site</title>
		<link>http://www.visiblelogic.com/blog/index.php/2012/02/lifespan-of-a-web-site-how-long-until-you-need-to-redesign-your-web-site/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2012/02/lifespan-of-a-web-site-how-long-until-you-need-to-redesign-your-web-site/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 18:33:44 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1586</guid>
		<description><![CDATA[How long will a well-designed web site last? 6 questions to ask yourself that may help you determine if it's time to redo your web site.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2012%2F02%2Flifespan-of-a-web-site-how-long-until-you-need-to-redesign-your-web-site%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2012%2F02%2Flifespan-of-a-web-site-how-long-until-you-need-to-redesign-your-web-site%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Recently I was asked to give an estimate for redesigning a web site, and the client asked an interesting question:</p>
<blockquote><p>What is the lifecycle of a web site these days? How long should a web site last before it needs to be redesigned?</p></blockquote>
<p>There is no one right answer about how long your web site will serve you. But for budgeting purposes it is helpful for small business owners to be realistic about the costs of redesigning a web site and how long until they will need to repeat the process.</p>
<h2>How long will your web site last?</h2>
<p>No, web sites don&#8217;t have expiration dates. But after a certain time, they seem to be irrelevant. They are no longer a useful tool for the business, and are no longer supporting the original goals of the web site. Without a redesign, a web site can actual begin to detract from the organization behind it.</p>
<p>There are several factors that may determine whether or not it&#8217;s time to redesign or redevelop your web site</p>
<ol>
<li><strong>Has your business grown or changed direction?</strong> When we talk about small business web site design, the driving force behind the web presence is the business itself. So, if your business has grown and is offering new products or services, or if you have streamlined operations and are not offering services you used to, your web site should reflect this change.</li>
<li><strong>Is the content, and the structure for the content still relevant?</strong> If you realize that your offerings have changed, you may be able to make the updates within the current structure and design of your web site. For example, your navigation may say &#8220;widgets&#8221; and even if you&#8217;ve changed from orange to blue widgets, it can be integrated into the web site. However, if you&#8217;ve introduced &#8220;doo-hickeys&#8221; and that cannot be added to the main navigation bar, you may be making it difficult for people to find your newest services.</li>
<li><strong>Is your message to prospects still relevant?</strong> There are many factors that determine what message resonates with your clients. It may mean working with someone with marketing experience to rework a message. Or, changing market conditions have forced you to adjust your positioning. You want to make sure that the web site design reinforces the same message as your text. If not, it&#8217;s time to update your web design.</li>
<li><strong>Are you behind or ahead of the technology curve?</strong> Web standards change fast. While you can try and anticipate trends, it&#8217;s impossible to predict the future. What was a best practice (or at least reasonable practice) a few years ago may no longer be worthwhile. An example is adding a Content Management Software (CMS) to your site. Five or ten years ago, this type of tool was beyond the budget of many small business owners, and it made better financial sense to just send updates to their web developer when necessary. Nowadays, there are <a title="3 Considerations for Choosing a Content Management System (CMS)" href="http://www.visiblelogic.com/blog/index.php/2010/10/3-considerations-for-choosing-a-content-management-system-cms/">many economical CMS platforms</a> and honestly, I can&#8217;t imagine recommending a web site without this capability built in.<strong></strong></li>
<li><strong>Was the site well designed when it was new?</strong> Like all elements of design (including things such as industrial design, fashion, etc.) there are some designs that are classic and can stand the test of time much better than others. In general, if you haven&#8217;t invested in professional web site design, the unpolished look of your site will probably start to look worse and worse as time goes on.</li>
<li><strong>What are the expectations of your clients and prospects?</strong> This is one of the biggest factors in web site design right now. Everyone is getting more and more sophisticated about web site design. While it may have been acceptable at one time, to &#8220;just have a web site,&#8221; now it needs to be more than just a poorly designed web presence. Your prospects may be looking for a professional brand identity to determine if they trust you. They may want you to offer e-commerce directly integrated into your site. They may be looking for you to be a thought leader as demonstrated by a well-written blog. If you are not stepping up and keeping your site looking fresh, relevant, well-designed and highly-functional, your competitors will fill that gap.</li>
</ol>
<p>These are six factors that may help you determine how long your web site design will last and whether it is time to start thinking about a redesign.</p>
<h2>Do I need to redesign my web site?</h2>
<p><strong>What is the bottom line? I&#8217;m seeing a lot of requests for proposals from organizations who are redesigning their web site after about three or four years.</strong></p>
<p>A site that is well designed and using some of the best practices for development will last on the longer end of that spectrum. A site that skimps on either design or technology will likely expire more quickly.</p>
<p>On a personal note, we are in the preliminary phase of redesigning our own web site. We did our last redesign in 2008.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2012/02/lifespan-of-a-web-site-how-long-until-you-need-to-redesign-your-web-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What To Do When Your New Web Site Sucks</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/08/what-to-do-when-your-new-web-site-sucks/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/08/what-to-do-when-your-new-web-site-sucks/#comments</comments>
		<pubDate>Wed, 10 Aug 2011 15:43:07 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design Basics]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web site design]]></category>
		<category><![CDATA[website redesign]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1452</guid>
		<description><![CDATA[Unfortunately, I&#8217;ve been hearing the same scenario frequently from some potential clients who are requesting estimates for web design work. We just had our web site redesigned recently, but we hate it! Can you help us redesign and redevelop it? With prospects like this, we usually set up a time to talk and walk through [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F08%2Fwhat-to-do-when-your-new-web-site-sucks%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F08%2Fwhat-to-do-when-your-new-web-site-sucks%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Unfortunately, I&#8217;ve been hearing the same scenario frequently from some potential clients who are requesting estimates for web design work.</p>
<blockquote><p>We just had our web site redesigned recently, but we hate it! Can you help us redesign and redevelop it?</p></blockquote>
<p>With prospects like this, we usually set up a time to talk and walk through their current site. We look at what they like (if anything) and what&#8217;s not working. These are some of the typical things we see:</p>
<ul>
<li><strong>The design is just not working. </strong>These issues usually come back to the basics of good design. Making the most important things most prominent. Good, readable typography. Layouts that show balance. Color palettes that work together. Not using cheesy clipart or poor photography.</li>
<li><strong>The web site is not user-friendly. </strong>Sometimes the navigation is difficult to use (example: roll-overs that are twitchy). Or, the content is not organized well so it is difficult to find. Or, the names used in the navigation are not clear what content they refer to.</li>
<li><strong>The web site is supposed to have a Content Management System (CMS) but the client can&#8217;t figure out how to use it. </strong>The problem here can be caused by poor training, or poor expectations about what and how you should be able to update content. Or it may be that the developer chose a CMS that is not very user-friendly.</li>
<li><strong>They are not seeing the results they expected. </strong>Web traffic may not be increasing, or viewers are giving them feedback that they cannot find the information they need.</li>
</ul>
<h2><strong>I have a poorly designed site, what should I do?</strong></h2>
<p>As I review the site with the prospective client, the conversation often then goes like this:</p>
<blockquote><p>&#8220;We just spent $5,000 on this site, can you use any of it? Because we can&#8217;t afford to re do it.&#8221;</p></blockquote>
<p>Unfortunately, they are often stuck because there are so many problems with their web site that we can&#8217;t really salvage much. The design is poor, so we&#8217;ll need to start over again. Which means we can&#8217;t use the HTML or CSS code as we&#8217;ll be redeveloping that in conjunction with the new design. And, they don&#8217;t like their CMS so we&#8217;ll probably be introducing a new one, which means we&#8217;ll need to move all their data to a new system.</p>
<p>Since they&#8217;re not getting the results they want, we need to look even deeper. They often need a copywriter to make the text clearer or more compelling. They may be relying on product photography that is unprofessional and needs to be re-shot. They may need to rewrite headlines and page titles to make them more SEO-friendly.</p>
<h2><strong>The harsh reality: You just wasted a whole lot of money.</strong></h2>
<p>What we are often finding is that they need a $10,000 web site solution. And they already wasted $5,000 on a version that is worthless.</p>
<p>It&#8217;s usually a case where they didn&#8217;t fully understand their own web site needs. Or, they tried to cut corners by using a web design firm that could not handle all the tasks that go into a comprehensive web site design: good design, content review, user interface creation, content management recommendations and implementation, etc.</p>
<h2><strong>What to do?</strong></h2>
<p>I wish I had better solutions to offer.</p>
<p>Sticking with the same CMS system, and receiving training on how to use it, will definitely make redesign process more cost effective. Sometimes we take that route (but it has to be a CMS platform we understand).</p>
<p>Other times, we plan a complete web site redesign and redevelopment, but we do it in a phased approach. We streamline and reduce content and functionality for the initial launch and then build it back in as the client can afford it. It is far better to have a smaller but more professional and more effective web site.</p>
<p>Sometimes we have to just put the project on hold until they can afford the whole package.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F08%2Fwhat-to-do-when-your-new-web-site-sucks%2F&amp;title=What%20To%20Do%20When%20Your%20New%20Web%20Site%20Sucks" id="wpa2a_2"><img src="http://www.visiblelogic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/08/what-to-do-when-your-new-web-site-sucks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>8 Tips for A Better Contact Us Page on Your Web Site</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/07/8-tips-for-better-a-better-contact-us-page-on-your-web-site/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/07/8-tips-for-better-a-better-contact-us-page-on-your-web-site/#comments</comments>
		<pubDate>Sat, 16 Jul 2011 23:46:56 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Design Basics]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[contact us]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web site design]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1437</guid>
		<description><![CDATA[On nearly every web site, there is the ubiquitous Contact Us button. What should you find there? Eight key elements to add to your contact us page.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F07%2F8-tips-for-better-a-better-contact-us-page-on-your-web-site%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F07%2F8-tips-for-better-a-better-contact-us-page-on-your-web-site%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>On nearly every web site, there is the ubiquitous <em>Contact Us</em> button. But what happens when you go that page? What should you include on your contact us page?</p>
<ol>
<li><strong>List a complete physical address</strong>. If you do not include a physical address people become very skeptical of you and your business. You may use a PO Box, but definitely provide a mailing address to show that you are legitimate.</li>
<li><strong>Include all the details. </strong>Your contact page is also a great way to list all of the ways to contact you. As fax numbers become less frequently used, they are not necessarily included in web site footers or business cards. But if you have a fax number, include it here because it&#8217;s where people are looking for that type of information. The same goes for Skype or any other communication medium that you use.</li>
<li><strong>Include social media links. </strong>The contact us page is a great place to list all of your social media channels in one place. You&#8217;re probably showing the icons elsewhere on your site, but this can be a place to explain how use use those channels. For example, is Twitter a good place for your clients to get a quick customer service issue resolved, or is it only live during week day hours?</li>
<li><strong>Make sure all email addresses are links. </strong>It&#8217;s a very simple thing to make an email address into a clickable link that will launch someone&#8217;s email program. Don&#8217;t make the viewer copy and paste. If you are worried about people harvesting your email address, then don&#8217;t list it at all, and use forms (see next item).</li>
<li><strong>Make sure you include a form. </strong>If you only include email  links, you are forcing someone to launch an email program to contact  you electronically. If someone is using a public computer, or prefers to  access their email using a web-based program, they are stuck. Using a form allows an email to come to you without relying on the viewer&#8217;s email client.</li>
<li><strong>Include interactive maps. </strong>If you have a retail operation or other business that has in person traffic make sure you include a map from Google or other source that people can immediately customize to get directions from where they are to your location.</li>
<li><strong>Add descriptive directions as well. </strong>If there is anything tricky about getting to your store, finding parking, etc. write down some directions that will help. This helps to humanize you and your brand. It also gets the relationship off on a good foot, rather than having potential clients show up frustrated with the trek to your location.</li>
<li><strong>Consider adding a photo. </strong>Photos of your building or sign are easily remembered and will help someone trying to find you while driving or walking in a new area. They&#8217;ll get that &#8220;aha&#8221; moment as they recognize the same thing they saw on your web site earlier.</li>
</ol>
<p>Depending on the type of business you have, you may not need all eight of these elements. Adding local information such as your address and phone number may help with search engine rankings and local search.</p>
<p>Most importantly, remember that being helpful can be an important way for your customers and prospects to begin to like and trust you. It&#8217;s an easy way to start a relationship making the right first impression.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/07/8-tips-for-better-a-better-contact-us-page-on-your-web-site/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>10 Tips To Choose and Use Photos on Your Web Site</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/07/10-tips-to-choose-and-use-photos-on-your-web-site/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/07/10-tips-to-choose-and-use-photos-on-your-web-site/#comments</comments>
		<pubDate>Thu, 14 Jul 2011 15:13:10 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Design Basics]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[royalty-free photos]]></category>
		<category><![CDATA[stock photos]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web site]]></category>
		<category><![CDATA[web site design]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1431</guid>
		<description><![CDATA[Great photography helps tell the story of your brand, but poor photos detracts from your professional image. 10 Tips for enhancing your web site with photos.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F07%2F10-tips-to-choose-and-use-photos-on-your-web-site%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F07%2F10-tips-to-choose-and-use-photos-on-your-web-site%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>A critical piece of many web designs is photography. Photographs really can be worth a thousand words because they have the power to immediately convey emotions, give a sense place, describe a feature or product in detail, illustrate a concept or set a tone. All without having to read a word.</p>
<p>Professional photography can help make your whole brand looking more  professional, while cheap, poorly shot photos can really make a bad  impression.</p>
<p>If you cannot afford custom photography, you are probably going to rely on either <a title="Royalty-Free vs. Stock Photos: Differences and Benefits" href="http://www.visiblelogic.com/blog/index.php/2010/02/royalty-free-vs-stock-photos-differences-and-benefits/">royalty-free photos</a> or the non-professional photos taken by you, your staff or your clients. Both of these options can save money, but plan to take some time to select the best images and to present them in a way that will add relevance and visual interest to your web site design.</p>
<h2><strong>Ten tips for using photography effectively on your web site.</strong></h2>
<ol>
<li><strong>Avoid cliched, overused images and ideas. </strong>Because royalty-free photos, by their nature, are not created specifically for your project or concept they tend to have very general concepts behind them: business, teamwork, global network, etc. Therefore low cost royalty free photo sites are filled with photos that are too cliched. Adding an image like that does nothing to distinguish your company, product or service from your competitors. And in many cases it really makes you look worse.</li>
<li><strong>Make sure the people look real. </strong>Photographing your own team is always a great idea if it&#8217;s possible. However, you may not have the budget for a custom shoot, or you may not have the set-up to make it ideal. But if you turn to stock and royalty free photographs to represent either your own business or your clients, make sure you are realistic. Do all or your clients look like models? Do all or your employees dress like fashionistas? Probably not. There are plenty of more &#8220;everyday&#8221; looking models that are featured in photographs.</li>
<li><strong>Beware of subjects smiling at the camera. </strong>Another way to help make things look a little more &#8220;real&#8221; is to avoid photos where the people are looking at, and smiling at, the camera. Once they start mugging for the camera, it takes away from the idea that you&#8217;ve caught them acting natural.</li>
<li><strong>Crop images to focus on what&#8217;s important. </strong>As a graphic designer and web designer, I nearly always end up cropping a photo rather than using at exactly the size and shape that it is provided. Trimming the edges (cropping) allows you to focus on the part of the photo that&#8217;s most relevant. It cuts out any distracting background images or other parts to an image. It can also create a more unique look at the subject.</li>
<li><strong>Try different shapes. </strong>Most photos come in a format that&#8217;s around 3:5. They are basically a pretty balanced rectangle. By cropping them into something different, they become more unique. You may want to try photos that are wide and panoramic, or tall and skinny, or square. You&#8217;ll need access to a photo software tool to do this.</li>
<li><strong>Make sure the photos are crisp and not fuzzy or out of focus. </strong>Many small business owners use photographs that they take with their own camera or photos supplied by clients. This is a great way to have photos that are truly unique and feature your own products, people, locations, etc. However, if the photo is blurry and not in focus to begin with, it&#8217;s just not going to work. Immediately disregard photos that are out of focus because it&#8217;s nearly impossible to fix.</li>
<li><strong>Do basic photo editing to clean up red eye and brighten if necessary. </strong>Poorly lit (dark) photos are also a problem when using non-professional images. Also, people can have red eyes. Both of these sometimes can be fixed with an editing program. Either fix them, or do not use them.</li>
<li><strong>Make sure images are scaled correctly. </strong>There is nothing sillier than looking at photo on a web site and having it look like the people are standing in front of a fun house mirror. Sometimes, when adding a photo to a design layout there may be a predetermined size and ratio that the photo must be. If it does not fit that size and shape it is either cropped or scaled to fit. If you are working within specific sizes like this, make sure you size and crop outside of your web site&#8217;s CMS for the best results.</li>
<li><strong>Keep the resolution low for faster loading. </strong>The content management system for your web site may allow you to upload a very large image file and it will scale it for you. However, the data behind that image is probably still stored with the image making it act like a very large file, even if you are seeing it small with in the web site&#8217;s design. If you are working with large images (and it can be a good practice to start with high resolution images) make sure you crop and bring the <a title="Image Resolution Explained" href="http://www.visiblelogic.com/blog/index.php/2009/06/image-resolution-explained/">resolution</a> down to avoid slow loading graphics.</li>
<li><strong>Realize you can&#8217;t fix all photos; start with high-quality images. </strong>Many people have the mistaken notion that with digital photography and <a href="http://www.photoshop.com/">Photoshop</a> you can just fix any image and make it look good. Unfortunately, it&#8217;s just not possible. For example, an image that is too dark and too out-of-focus to begin with probably cannot be salvaged because there is just not enough data there. Other times people want to photoshop out or photoshop in something in an image. While this is not impossible, you need to realize that you&#8217;re basically turning a photo editing job into an illustration job: you need to recreate whatever is missing in the photo. While something like some clouds and sky can be done easily, something complex like a hand would take some serious work.</li>
</ol>
<p>Great photography can help tell the story of your brand, but poor photography just detracts from your professional image. If you decide to use photographs on your web site, make sure they are well-lit, in focus, and cropped appropriately. Also make sure they are adding to your message, not just using cliches that add nothing to your brand&#8217;s unique story.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/07/10-tips-to-choose-and-use-photos-on-your-web-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Site Redesign: Educational Endeavors Case Study</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/06/web-site-redesign-educational-endeavors-case-study/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/06/web-site-redesign-educational-endeavors-case-study/#comments</comments>
		<pubDate>Mon, 20 Jun 2011 16:22:37 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Recent Work]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web site redesign]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress theme]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1418</guid>
		<description><![CDATA[Web site redesign case study. A good redesign includes updating the functionality and organization of information on the web site, but keeping the branding. ]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F06%2Fweb-site-redesign-educational-endeavors-case-study%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F06%2Fweb-site-redesign-educational-endeavors-case-study%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.educationalendeavors.org">Educational Endeavors</a> has been one of our favorite clients to work with, and we&#8217;ve been working with them for about five years. When Educational Endeavors first sought us out, they had a professionally designed logo, but their brand identity lacked anything else. With their <a href="http://www.visiblelogic.com/branding/ee01.cfm">print marketing and web site</a> we built a complete visual position for them that allowed them to stand apart in their field.</p>
<p>Educational Endeavors is a tutoring and educational consulting group and they compete against many national franchises. However, their personalized approach and local service appeals to many families who choose them over the other options.</p>
<div id="attachment_1423" class="wp-caption alignright" style="width: 310px"><a href="http://www.visiblelogic.com/blog/wp-content/uploads/2011/06/EE-print.jpg"><img class="size-medium wp-image-1423 " title="EE-print" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/06/EE-print-300x228.jpg" alt="Educational Endeavor's print marketing" width="300" height="228" /></a><p class="wp-caption-text">Educational Endeavor&#39;s print marketing. Like any good branding system, there should be consistency from print to web.</p></div>
<p>Our initial branding work entailed creating a series of flexible, printed marketing materials. The look of the bright color palette, horizontal bands and silhouetted photographs was also picked up on the web site design. Creating a branding system for them finally made them look professional and legitimate; you may wish to <a href="http://visiblelogic.com/services/resources.cfm">read our case study white paper on how creating a professional brand image improved their bottom line.</a></p>
<h2><strong>Changes require change</strong></h2>
<p>Just because you have a solid brand identity system, doesn&#8217;t mean you&#8217;ll never want or need to upgrade your web site. Lots has changed in both the world of web site development and also with Educational Endeavors&#8217; organization in the past 5 years and it was time to redo their web site. We took the opportunity to make changes to both the design as well as the functionality of the site. However, we made sure we kept the same brand identity, by using consistent, but not completely repetitious design elements.</p>
<h2>Goals of the web site redesign:</h2>
<ul>
<li><strong>Add a content management system. </strong>We decided to use WordPress as it&#8217;s very easy to use and the client is considering adding a blog.</li>
<li><strong>Add a slideshow on the home page</strong> to be able to showcase more programs and make the home page more engaging.</li>
<li><strong>Update and reorganize content</strong> to make it more in line with their current offerings.</li>
<li><strong>Have more information upfront, </strong>and easy-to-find, on the home page</li>
</ul>
<div id="attachment_1420" class="wp-caption aligncenter" style="width: 490px"><a href="http://www.visiblelogic.com/blog/wp-content/uploads/2011/06/EducationalEndeavors-oldhomepage.jpg"><img class="size-full wp-image-1420" title="EducationalEndeavors-oldhomepage" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/06/EducationalEndeavors-oldhomepage.jpg" alt="Old design of Educational Endeavors home page" width="480" height="424" /></a><p class="wp-caption-text">Before: Old design of Educational Endeavors home page</p></div>
<h2><strong>To help maintain the branding elements:</strong></h2>
<ul>
<li><strong> Keep the brightly colored, horizontal bands and color palette, </strong>but made the homepage&#8217;s top area more content-rich. We continued to use one color for each section as this matched up with their printed materials, and we kept the dominant corporate color green.</li>
<li><strong>Keep the typography, but make it web friendly. </strong>We used the <a title="Typekit vs. @font-face: @Font-face Offers More Choices, Better Pricing" href="http://www.visiblelogic.com/blog/index.php/2011/03/typekit-vs-font-face/">new options available through web fonts</a> to use HTML typography, rather than graphics for the top links</li>
<li><strong>Continue to use the silhouetted photographs,</strong> but redesigned how they worked within the design. We also introduced more, real candid shots on the interior pages of the site.</li>
</ul>
<div id="attachment_1421" class="wp-caption aligncenter" style="width: 490px"><a href="http://www.visiblelogic.com/blog/wp-content/uploads/2011/06/EducationalEndeavors-newhomepage.jpg"><img class="size-full wp-image-1421" title="EducationalEndeavors-newhomepage" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/06/EducationalEndeavors-newhomepage.jpg" alt="After: Educational Endeavors redesigned home page" width="480" height="377" /></a><p class="wp-caption-text">After: Educational Endeavors redesigned home page</p></div>
<p>With the new site, Educational Endeavors has control over the updates to their content. We created a custom-designed WordPress theme for them. If you&#8217;re considering adding WordPress to your web site, you may want to <a title="I Thought WordPress Was Supposed to be Easy? 5 Myths Busted" href="http://www.visiblelogic.com/blog/index.php/2011/04/wordpress-was-supposed-to-be-easy-5-myths/">read about our advice on getting a professional involved to help you get it set up.</a></p>
<p>We were especially happy to find a solution for the slideshow on the home page that uses live text. Not only is this text updateable by Educational Endeavors, it&#8217;s also SEO-friendly.</p>
<p>Everyone is happy with the fact that is more relevant content on the home page. The slideshow features their programs and offerings. There is more room for additional body copy below the slideshow. The navigation has stayed very clean and well-branded. There is a sign-up form right on the homepage to join the email list.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/06/web-site-redesign-educational-endeavors-case-study/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>I Thought WordPress Was Supposed to be Easy? 5 Myths Busted</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/04/wordpress-was-supposed-to-be-easy-5-myths/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/04/wordpress-was-supposed-to-be-easy-5-myths/#comments</comments>
		<pubDate>Thu, 28 Apr 2011 10:50:20 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress design]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1355</guid>
		<description><![CDATA[WordPress is a widely used blogging and content management system (CMS) that many people rave about because it is free and easy to use. However, there are a lot misconceptions out there about using the tool. The idea for content management systems came as a way for non-techie people to be able to update their [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F04%2Fwordpress-was-supposed-to-be-easy-5-myths%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F04%2Fwordpress-was-supposed-to-be-easy-5-myths%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>WordPress is a widely used blogging and content management system (CMS) that many people rave about because it is free and easy to use. However, there are a lot misconceptions out there about using the tool.</p>
<p>The idea for content management systems came as a way for non-techie people to be able to update their own web sites. In the past, if your web designer or developer created your site as pure HTML (or .asp or .php, etc.) you would not be able to make updates without also understanding the coding behind the pages. We&#8217;ve all heard horror stories of small business owners who need a simple update to their web site, but it takes their web developer two weeks and $100 to make the change.</p>
<p>Using a tool like WordPress empowers the business owner to make updates on their own. If they spot a typo or want to update information on the site they can do it themselves quickly and for free.</p>
<p>However, many small business owners seem to be taking this too far and try to set up their entire site themselves using WordPress. This can lead to all types of headaches, depending on the design and coding skills of the person involved.</p>
<p>Once you have a better understanding of these 5 myths about setting up, designing and using a WordPress site, you can more effectively use the tool on your own web site.</p>
<h2><strong>Myth 1: For best results, sign up for a free blog at WordPress.com</strong></h2>
<p>When I first learned about WordPress, one of the most confusing things was the difference between WordPress.com and WordPress.org If you go to <a href="http://www.wordpress.com">WordPress.com</a> you will have the option of setting up a free blog for yourself, using the domain name www.whateveryouchoose.wordpress.com This is not the ideal way for a small business to set up their blog or to use WordPress as a content management tool. It&#8217;s best to install the WordPress software directly onto your own domain name. To get that software, you can download it at <a href="http://www.wordpress.org">WordPress.org</a>, or many web hosts have self-installations available.</p>
<p>In the end, I think of WordPress.com as a tool someone might use for a personal blog, whereas WordPress.org is where a professional would go to implement WordPress on a corporate site.</p>
<h2>Myth 2: WordPress is just a blogging software</h2>
<p>WordPress started as a blogging tool, but can be an effective way to manage any type of content. We have built sites that use the WordPress software to run their <a href="http://www.newleafpm.com">whole web site</a>, and not even include a blog.</p>
<h2><strong>Myth 3: WordPress is so easy to set up and use</strong></h2>
<p>This is where I see a lot of pain and confusion. WordPress is definitely easy to use. Our clients love the administrative dashboard where they can easily add, edit, and delete content such as text, graphics, documents and videos. They can add links and add in or take away pages. The interface is friendly and fairly intuitive. With minimal training, they are able to make web updates that used to require HTML knowledge and specialty software.</p>
<p>But, we&#8217;ve done the painful part for them&#8230; we&#8217;ve designed the user side of the site (ie the design) and we&#8217;ve set up the WordPress functionality. Our clients are just using the finished product.</p>
<p>There are people selling (and giving away) themes that do much of the design work for you. And there is loads of information from WordPress and from other developers about how to set up a WordPress site. But, if you don&#8217;t know anything about coding, I don&#8217;t think you&#8217;re going to find it easy to create a custom site for yourself.</p>
<h2><strong>Myth 4: WordPress is too basic for anything complicated</strong></h2>
<p>In the scheme of things, the amount of HTML, CSS and PHP you need to learn to make WordPress work, is fairly minimal. Therefore, I get the sense that some web developers feel it&#8217;s not a &#8220;real&#8221; development tool. However, as we continue to work with it, we realize it can really do a lot. The more you know about PHP and how it works with the WordPress system, you start to build in a lot of functionality that still works off the same admin dashboard that our clients love. Here a <a href="http://www.wpbeginner.com/showcase/21-popular-brands-that-are-using-wordpress/">list</a> of some pretty robust web sites and large scale brand using WordPress to power their sites.</p>
<h2><strong>Myth 5: You can recognize a WordPress site a mile away</strong></h2>
<p>As web designers, this one always surprises me. We are building more and more sites in WordPress and we continue to follow our motto: <a title="Don’t Let Your Developer or Content Management System (CMS) Drive the Design" href="http://www.visiblelogic.com/blog/index.php/2010/10/dont-let-your-developer-or-cms-drive-the-design/">Don&#8217;t Let the CMS Drive the Design!</a> We work out an ideal design solution outside of the bounds of WordPress and then work the HTML, CSS and WordPress configuration into it. Having said that, regardless of the CMS you are using, whenever you create things like dynamic navigational menus, you need to understand enough about the development side to create things that are possible.</p>
<p>What I think people are reacting to are so many of the free themes that do tend to follow certain design trends. And, there are some themes that have been used multiple times (without much customization) that certainly are recognizable. But there really are no limitations within WordPress that should stifle anyone&#8217;s design ambitions.</p>
<p><strong>Here are a few examples from our own <a href="http://visiblelogic.com/web/index.cfm">portfolio</a> of WordPress sites.</strong></p>
<div id="attachment_1358" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.narrativepros.com"><img class="size-full wp-image-1358 " title="NarrativePros" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/04/NarrativePros1.jpg" alt="Customized WordPress design" width="500" height="636" /></a><p class="wp-caption-text">Customized WordPress Design For NarrativePros</p></div>
<p><strong>NarrativePros: </strong>This site is gritty, texturally-rich and lavishly designed. This is not out-of-the-box design or a free theme. Check out the live site: <a href="http://www.narrativepros.com">www.narrativepros.com</a></p>
<p>&nbsp;</p>
<div id="attachment_1359" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.gcechicago.com"><img class="size-full wp-image-1359" title="GCE-homepage" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/04/GCE-homepage.jpg" alt="Customized WordPress Design for Global Citizenship Experience Private School" width="500" height="425" /></a><p class="wp-caption-text">Customized WordPress Design for Global Citizenship Experience Private School</p></div>
<p><strong>Global Citizenship Experience: </strong>Following the branding established by their logo, color palette and other visual elements, we created this web site design that is custom WordPress design. Check out the live site: <a href="http://www.gcechicago.com">www.gcechicago.com</a></p>
<p>&nbsp;</p>
<div id="attachment_1360" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.claimvantage.com"><img class="size-full wp-image-1360" title="ClaimVantage-homepage" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/04/ClaimVantage-homepage.jpg" alt="Custom WordPress Design for ClaimVantage" width="500" height="487" /></a><p class="wp-caption-text">Custom WordPress Design for ClaimVantage</p></div>
<p>ClaimVantage: ClaimVantage is involved with insurance claims processing and I included this example as a contrast to Narrative Pros. This design is light, clean and corporate. See the site live at: <a href="http://www.claimvantage.com">www.claimvantage.com</a></p>
<p>&nbsp;</p>
<h2><strong>Just the facts</strong></h2>
<p>I think the main confusion with WordPress is that people think it&#8217;s sooo easy that anyone can set up a well-designed site by themselves. If you don&#8217;t have knowledge of design, CSS and PHP, you&#8217;ll likely end up with a pre-designed theme that will lack your brand&#8217;s custom identity and then you will frustrate yourself as you try to customize it.</p>
<p>If you work with the right design and development team, you&#8217;ll find that WordPress will be easy for <em>you</em> to use (as an administrator)&#8230; once it&#8217;s been set up by a pro.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F04%2Fwordpress-was-supposed-to-be-easy-5-myths%2F&amp;title=I%20Thought%20WordPress%20Was%20Supposed%20to%20be%20Easy%3F%205%20Myths%20Busted" id="wpa2a_4"><img src="http://www.visiblelogic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/04/wordpress-was-supposed-to-be-easy-5-myths/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Creating An Effective Call-To-Action in Your Web Site Design</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/03/creating-an-effective-call-to-action-in-your-web-site-design/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/03/creating-an-effective-call-to-action-in-your-web-site-design/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 11:35:18 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[call]]></category>
		<category><![CDATA[call to action]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1318</guid>
		<description><![CDATA[I read an interesting post over at the Marketing Sherpa blog which I wanted to expand upon. The article, B2B Marketing: Calls-to-action and the business buying cycle, discusses four stages of the buying cycle and how to customize a call to action around each. I wanted to give some practical and specific examples of how [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Fcreating-an-effective-call-to-action-in-your-web-site-design%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Fcreating-an-effective-call-to-action-in-your-web-site-design%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>I read an interesting post over at the <a href="http://sherpablog.marketingsherpa.com/b2b-marketing/calls-to-action-and-the-business-buying-cycle/">Marketing Sherpa blog</a> which I wanted to expand upon. The article, <a href="http://sherpablog.marketingsherpa.com/b2b-marketing/calls-to-action-and-the-business-buying-cycle/"><em>B2B Marketing: Calls-to-action and the business buying cycle</em></a>, discusses four stages of the buying cycle and how to customize a call to action around each.</p>
<p>I wanted to give some practical and specific examples of how a small business owner can improve their calls to action on their web site, and how to integrate these calls into your web site design.</p>
<h2><strong>Why do I need a call to action?</strong></h2>
<p>First of all, in case you don&#8217;t know, a call to action is a place on the web site that is asking for the viewer to do something that shows their interest in your product or service. For example, you might have blog readers subscribe to an RSS feed, or join an email list. You may have viewers <a href="http://www.visiblelogic.com/resources/White-Paper-Professional-Graphic-Design.cfm">download a whitepaper</a> or set-up a free trial of your product. It may be actually purchasing a product. Any of these are opportunities to convert web site viewers to real customers, or engaged prospects.</p>
<p>You probably have plenty of content on your web site that just requires passive interaction—your company history page or listing of calendar events. A call-to-action (CTA) requires the web visitor to do more than just read. The reason you want to have a call to action on your web pages is that it gives a chance for interested prospects to expand their connection with your organization. Without any formal CTAs in your web site design, you may still have people contacting you, but you increase the likelihood if you make it easy for them, and worthwhile to connect with you.</p>
<h2>You need different types of calls-to-action depending on your business&#8217; sales cycle</h2>
<p>While a <a title="Study Shows: People Don’t Trust Badly Designed Websites" href="http://www.visiblelogic.com/blog/index.php/2011/03/study-shows-people-dont-trust-badly-designed-websites/">professionally designed web site will help any kind of business</a>, having the right call to action helps you connect meaningfully with your prospective clients and customers.</p>
<p><a href="http://www.visiblelogic.com/blog/wp-content/uploads/2011/03/SalesCycle-CTA1.gif"><img class="aligncenter size-full wp-image-1324" title="SalesCycle-CTA" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/03/SalesCycle-CTA1.gif" alt="Call-To-Action and Length of Sales Cycle" width="478" height="247" /></a></p>
<ul>
<li><strong>Short Sales Cycle. </strong>An example of a business with a short sales cycle is office supplies. While you may do some price comparison shopping, it&#8217;s unlikely you&#8217;re going to do a ton of research before restocking your pens and notepads. Calls to action in this case need to be direct such as a discount coupon or featured product.</li>
<li><strong>Medium Sales Cycle. </strong>Many professional services companies would be considered to have medium sales cycles. This might be anywhere from 30 days to three years. They need to stay in touch with prospects and prove themselves as respected experts when their prospect is ready to buy.</li>
<li><strong>Long (and Offline) Sales Cycle. </strong>A highly technical medical device or the architectural services necessary to design a large office building is never going to be purchased based on the whim of a discount code. Sales cycles in these businesses are long and more importantly,the final sales process takes place offline. However, these businesses would still benefit from a call to &#8220;stay in touch&#8221;.</li>
</ul>
<h2><strong>Integrating your call-to-action into your web design</strong></h2>
<p>The urgency of your call-to-action (based on the shortness of your sales cycle) affects how you prompt people to act. If you look at the home page of any office supply web site, you&#8217;ll be bombarded with offers that have a limited time availability. However, having that same look on a professional services company&#8217;s web site can portray a very inappropriate feel. This is why some web sites feel <a title="Study Shows: People Don’t Trust Badly Designed Websites" href="http://www.visiblelogic.com/blog/index.php/2011/03/study-shows-people-dont-trust-badly-designed-websites/">scammy</a> and <a title="The Most Important Web Design Trend of 2011: Trust" href="http://www.visiblelogic.com/blog/index.php/2011/01/the-most-important-web-design-trend-of-2011-trust/">untrustworthy</a>—both of which can be detrimental to your organization&#8217;s reputation and brand.</p>
<p>The reason call-to-actions work is that people want to be directed to do something. Especially if they like what they see. If you are too reserved in your request for your web viewer&#8217;s contact information there&#8217;s no reason for them to share. However, if you give them a great reason to act (a pricing offer, a research paper, etc.) prospects will be eager to exchange their contact information for your offer.</p>
<p>&nbsp;</p>
<p><strong>Like what you&#8217;re reading? </strong><a href="http://feeds.visiblelogic.com/VisibleLogic">Subscribe to our RSS feed</a> or <a href="http://visiblelogic.com/about/newsletter.cfm">join our email list.</a></p>
<p>&nbsp;</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Fcreating-an-effective-call-to-action-in-your-web-site-design%2F&amp;title=Creating%20An%20Effective%20Call-To-Action%20in%20Your%20Web%20Site%20Design" id="wpa2a_6"><img src="http://www.visiblelogic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/03/creating-an-effective-call-to-action-in-your-web-site-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Typekit vs. @font-face: @Font-face Offers More Choices, Better Pricing</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/03/typekit-vs-font-face/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/03/typekit-vs-font-face/#comments</comments>
		<pubDate>Thu, 17 Mar 2011 12:08:00 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[typekit]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1297</guid>
		<description><![CDATA[A comparison and review of two new ways to add fonts to your web site design: Typekit or @font-face. @font-face has more options and better pricing.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Ftypekit-vs-font-face%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Ftypekit-vs-font-face%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>For years, any experienced web designer or developer relied on only a handful of web-safe fonts. These few typefaces were the only ones that were installed with every computer and therefore nearly universally available on any computer, any system, any browser. This meant that the majority of web site designs used: Arial, Verdana, Geneva, Georgia, etc.</p>
<p><a href="http://www.visiblelogic.com/blog/wp-content/uploads/2011/03/typechoices.gif"><img class="alignleft size-full wp-image-1307" title="typechoices" src="http://www.visiblelogic.com/blog/wp-content/uploads/2011/03/typechoices.gif" alt="" width="173" height="100" /></a>If your design demanded something more elaborate, you had to create the typographic effect as a graphic, not as real text. If you&#8217;re not sure what I&#8217;m talking about, read: <a href="http://www.visiblelogic.com/blog/index.php/2010/09/is-the-text-on-your-web-site-really-text/">Is the Text on Your Web Site Really Text?</a> When type is a graphic, and not real text, it is not readable by search engines and therefore not ideal for SEO.</p>
<p>As a web designer, you learned to work with the limitations this caused and tried to use real text whenever possible and style your HTML text using CSS tricks like background images, etc. While it worked, it meant that web design never had the same rich design qualities as print design because typographic design was never used as fully as it is in print design.</p>
<h2><strong>New options for web fonts</strong></h2>
<p>In the past few months that has been changing. Within the past year or so there are not one, but two competing ways to include many, many more fonts into your web design. This is really exciting and welcome news to <a href="http://visiblelogic.com/web/index.cfm">web site designers</a> like myself.</p>
<p>As a web design studio, we&#8217;ve been following these trends and studying both <a href="http://typekit.com/">Typekit</a> and the <a href="http://www.css3.info/preview/web-fonts-with-font-face/">@font-face</a> way of customizing the typography on the web. Both technologies are quickly adding fonts to their libraries and it&#8217;s impressive to watch.</p>
<p>However, for us, we plan to go primarily with the @font-face solution and this is why:</p>
<ol>
<li>We buy most of our fonts from <a href="http://www.myfonts.com">MyFonts.com</a> and as of this writing they now offer more than 30,000 fonts as web fonts. It&#8217;s been absolutely amazing to watch them convert their font library to the @font-face acceptable software. We already use <a href="http://www.myfonts.com">MyFonts</a> for our print fonts so it makes sense to go there first for our web fonts.</li>
<li>The one-time-fee pricing model just makes more sense for us. The Typekit model is a per-year subscription based model. So in addition to a web hosting fee a web site would need to pay a fee for the use of their fonts.</li>
</ol>
<p>Let me talk about each of these in a little more depth.</p>
<h2><strong>The ability to choosing one font for both print and web</strong></h2>
<p>As a graphic design and branding firm, we often work on branding projects that include the development of a logo and a web site. In fact, we find these two elements are the most critical pieces for an organization&#8217;s brand identity. That means that we look at building a <a href="http://www.visiblelogic.com/blog/index.php/2010/04/8-essential-elements-to-a-comprehensive-brand-identity/">branding system</a> that works in both print and web.</p>
<p>When choosing a typeface that will be the corporate font for an organization, there are several considerations. First of all, there is the look of the logo itself and the wordmark that is all or part of the logo. That typography is usually a derivative of a standard typeface. Then, when we develop business cards and letterhead materials we introduce additional type elements.</p>
<p>Depending on the client, it may be critical that they have access to these same typefaces, other times it doesn&#8217;t matter as much. If for example, we have a design that someone wants to be able to update in-house but they only use a PC, we need to find a font that is available on both Mac and PC. This is an example of how the technology of production affects our type choice. Typekit currently has about 500 fonts whereas MyFonts has 30,000.</p>
<p>The ability to also find a font that has font-face capability is just one more way to narrow our choices. But like I said, there are now thousands and thousands of choices so it&#8217;s great to feel that it will not be a severely limiting factor.</p>
<h2><strong>One-time pricing model</strong></h2>
<p>The other reason we prefer font-face to typekit is that it is a pay once pricing model. This just plain works better for us when we&#8217;re estimating and for our clients.</p>
<p>When we accept a branding project we don&#8217;t know if we&#8217;ll have to buy any fonts, and if we do, how many we&#8217;ll have to buy, or how much they&#8217;ll cost. I never want to tell a client that there will be an extra fee to create a design with a certain font. So the font costs become an expense that we pay for.</p>
<p><em>Note: If we recommend a font for a client for their own use, (ie they will use the typeface when typing their own letters on their letterhead), they will need purchase their own license and that is not included in our design fees.</em></p>
<p>MyFonts has package deals that make purchasing print and web-based editions of fonts together an economical deal. So, if I know we&#8217;ll be creating both printed stationery and a web site we&#8217;ll purchase the font for all usages together and the cost is minimal, and again it&#8217;s an expense that we do not expect our clients to reimburse us for.</p>
<p>The other reason we don&#8217;t like recurring fees for web fonts is that it&#8217;s another fee to sell to the client. When we estimate on a web design project, there is usually a discussion of web hosting. Either the client has a web host they want to continue working with (and we double check that the servers will work for our needs), or we have hosting partners who we recommend and use. These estimates provide the client with an idea of their recurring costs for the web site. If I were to add-on the cost of a web font, it&#8217;s going to be an additional fee (and a recurring one) that they weren&#8217;t expecting. I also have no control if this fee is going rise. Finally, to bill for it annually is just more trouble than it&#8217;s worth. Obviously, I have the option of purchasing the Typekit license myself and we may opt to go that route, depending on what fonts are available.</p>
<p>First of all, I&#8217;m really excited to even have two options to consider for web fonts! We may find applications for Typekit because the two competing groups do have different typefaces and foundries that they represent. But as of right now, we are using the @font-face solution in our web designs.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/03/typekit-vs-font-face/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Study Shows: People Don’t Trust Badly Designed Websites</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/03/study-shows-people-dont-trust-badly-designed-websites/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/03/study-shows-people-dont-trust-badly-designed-websites/#comments</comments>
		<pubDate>Mon, 07 Mar 2011 16:20:14 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Design Basics]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[study]]></category>
		<category><![CDATA[web site design]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1292</guid>
		<description><![CDATA[A recent study that shows 70% of consumers don't trust websites with bad designs. Your poorly designed site could be hurting your bottom line.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Fstudy-shows-people-dont-trust-badly-designed-websites%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Fstudy-shows-people-dont-trust-badly-designed-websites%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>My hunch was right when I wrote two recent blog posts about the importance of good design to an effective web site. In previous blog posts, I wrote that more and more <a href="http://www.visiblelogic.com/blog/index.php/2010/12/even-non-designers-are-learning-about-design-and-branding/">business owners and people from the general population are learning about design</a> and the expectation of a well-designed web site is increasing. I also predicted that <a href="http://www.visiblelogic.com/blog/index.php/2011/01/the-most-important-web-design-trend-of-2011-trust/">the most important web design trend of 2011 will be trust</a>, which is often directly related to the quality of the web site design.</p>
<p>Now, my instinct has been backed up by a recent <a href="http://www.realwire.com/releases/70-Per-Cent-Of-People-Dont-Trust-Badly-Designed-Websites">study</a> that shows:</p>
<blockquote><p>70% of consumers don&#8217;t trust websites with bad designs</p></blockquote>
<p>Bad design can include many things. When people think about the look of a web site or the design of the web site they may initially think about the colors, the type size, the layout, graphics, etc. But the design also means how easy it is to use. Is the content well-organized and is the navigation intuitive?</p>
<p>Chris Winstanley, Head of Marketing at <a href="http://www.basekit.com">BaseKit</a>, who created the study said:</p>
<blockquote><p>A well considered website can dramatically add value to the business,  especially if it provides customers with all the information they need  to make a purchase. The research demonstrates that an unattractive site  can detract from the effectiveness of a company and this lack of trust  can seriously hit the business’ bottom line.</p></blockquote>
<p>If your organization&#8217;s web site is making you cringe, you can bet that it&#8217;s affecting your business&#8217; success.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/03/study-shows-people-dont-trust-badly-designed-websites/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Alternatives to Blogging</title>
		<link>http://www.visiblelogic.com/blog/index.php/2011/03/alternatives-to-blogging/</link>
		<comments>http://www.visiblelogic.com/blog/index.php/2011/03/alternatives-to-blogging/#comments</comments>
		<pubDate>Wed, 02 Mar 2011 11:39:09 +0000</pubDate>
		<dc:creator>Emily Brackett</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[keywords]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[social web]]></category>

		<guid isPermaLink="false">http://www.visiblelogic.com/blog/?p=1289</guid>
		<description><![CDATA[Four alternatives to blogging for adding new, relevant, search-engine optimized content.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Falternatives-to-blogging%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visiblelogic.com%2Fblog%2Findex.php%2F2011%2F03%2Falternatives-to-blogging%2F&amp;source=visiblelogic&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>As a follow up to my last post, <a href="http://">7 Questions to Answer Before Launching Your Blog</a>, I wanted to suggest some alternatives to creating a blog as well as the pros and cons of each.</p>
<p>The reason to add a blog to a corporate web site is that it&#8217;s a perfect vehicle for adding new, relevant, search-engine optimized content. <a href="http://www.visiblelogic.com/blog/index.php/2010/11/5-reasons-blog-writing-helps-your-business-offline/">A blog can also help your business offline too</a>. But the demands of writing a blog are challenging. Also, some people may feel that the term <em>blog</em> doesn&#8217;t fit their corporate brand personality. Many bloggers write about personal views and have an opinionated style. That doesn&#8217;t have to be how your blog reads, but there are some people put off by the whole blog category.</p>
<p>Each of the options listed below are alternatives that could be easily integrated into your web site design and marketing strategy.</p>
<h2><strong>What are the alternatives to starting a blog?</strong></h2>
<p><strong>1. Create an articles or resource library on your web site. </strong>If you have meaningful content to share with your clients and prospects adding an article library to your web site can hold a lot of the same value as a blog. Generally, an article library would not have comments enabled, but otherwise a library could be developed using the same CMS to build a blog, such as WordPress. Articles are generally loaded with key words which makes them search-engine friendly, but don&#8217;t forget to announce and market new entries just as you would a blog.</p>
<p style="padding-left: 30px;"><strong>Pros: </strong>Adds keyword-rich content to your site, which Google likes. Is more formal sounding than a blog.</p>
<p style="padding-left: 30px;"><strong>Cons:</strong> Can take just as much time as a blog to write and keep current.</p>
<p><strong>2. Write case studies. </strong>Like a blog or library, a case studies section of your web site can be <a href="http://www.visiblelogic.com/blog/index.php/2010/10/3-considerations-for-choosing-a-content-management-system-cms/">created using any CMS</a>. We like to design many web sites using WordPress. Case studies allow you to &#8220;toot your own horn&#8221; a bit more than some other types of content because you generally <a href="http://www.visiblelogic.com/blog/index.php/2011/01/web-site-redesign-case-study-claimvantage-com/">feature your own work as the case study</a>. It can give a very in-depth look at the process your company uses to solve other people&#8217;s problems. It demonstrates your expertise. Like an article library, each case study is key-word rich and should be promoted via social media and news services.</p>
<p style="padding-left: 30px;"><strong>Pros: </strong>Adds keyword-rich content to your site, and allows you to promote your own work.</p>
<p style="padding-left: 30px;"><strong>Cons:</strong> Can take just as much time as a blog to write and keep current. May require gathering and organizing visuals.</p>
<p><strong>3. Add a news section to your site. </strong>A news section can be an effective catch all for posting new information about your organization. Unlike a blog, it&#8217;s perfectly OK to promote your own events, and talk about things like new clients that you&#8217;ve landed and new hires. If done correctly, you can do a mix of different content types (ie invitations, photos, summary of recent work, etc.) and still have them all work together.</p>
<p style="padding-left: 30px;"><strong>Pros: </strong>Readers have different expectations of a news section, it&#8217;s OK to have a mix of contents and to promote your own work.</p>
<p style="padding-left: 30px;"><strong>Cons:</strong> Nothing looks worse than an out-of-date News section. Make sure you have a plan to keep it updated.</p>
<p><strong>4. Use Facebook and/or Twitter. </strong>Many organizations are jumping onto Facebook and setting up <a href="http://www.facebook.com/VisibleLogic">company pages</a>. Compared to other content management systems, it&#8217;s very simple, and you probably don&#8217;t have to train anyone very much to use it. It also can be great because, depending on your client base, you may already have connections established with &#8220;friends&#8221; who may be eager to like your brand and hear your news. But, one of the biggest problems with Facebook or Twitter is that there is no formal archiving system. Because your content is not posted to your own domain, you don&#8217;t fully own it and it&#8217;s not available at your finger tips. There is no easy way to search and share links to old content.</p>
<p style="padding-left: 30px;"><strong>Pros: </strong>Easy to use. Easy to share content. Postings can be brief.</p>
<p style="padding-left: 30px;"><strong>Cons:</strong> No archiving system, you don&#8217;t truly own your content. Some business owners struggle with <a href="http://www.visiblelogic.com/blog/index.php/2009/12/personal-vs-corporate-branding-social-web-social-media-breakfast-presentation/">personal vs. corporate identities</a> and how to connect and share appropriately.</p>
<h2><strong>What about you?</strong></h2>
<p>I started writing this blog over two years ago. I&#8217;ve found it to be hard work, but very worth the effort. We use <a href="http://www.facebook.com/VisibleLogic">Facebook</a> and <a href="http://twitter.com/#!/VisibleLogic/">Twitter</a> as ways to share our blog posts with others, but we don&#8217;t use them as our primary publishing platform.</p>
<p>What are you doing? Do you blog? Are you thinking about blogging, but are considering alternatives?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visiblelogic.com/blog/index.php/2011/03/alternatives-to-blogging/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

