<?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>StudioKraft Creative Web Services, LLC &#187; Web Design</title>
	<atom:link href="http://www.studiokraft.com/blog/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.studiokraft.com/blog</link>
	<description>White Label Web Programming and Development Service</description>
	<lastBuildDate>Mon, 16 Aug 2010 21:50:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>The Top 5 Critical Things To Know About E-Commerce Web Sites</title>
		<link>http://www.studiokraft.com/blog/2010/07/the-top-5-critical-things-to-know-about-e-commerce-web-sites/</link>
		<comments>http://www.studiokraft.com/blog/2010/07/the-top-5-critical-things-to-know-about-e-commerce-web-sites/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 17:06:05 +0000</pubDate>
		<dc:creator>StudioKraft</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web programming]]></category>

		<guid isPermaLink="false">http://www.studiokraft.com/blog/?p=69</guid>
		<description><![CDATA[It is the dream of many to have their own little shop, a place where they can either sell the products that they are interested in, or selling products that they themselves have made. In the past, unless you were able to secure a bank loan or a gift from a rich relative in order to rent retail space, you needed to find a table at a Flea Market or an affordable space on a side street in order to hang up your sign and offer your wares.  With the advent of the World Wide Web, all manner of possibility opened up to everyone.]]></description>
			<content:encoded><![CDATA[<p>It is the dream of many to have their own little shop, a place where they can either sell the products that they are interested in, or selling products that they themselves have made.  In the past, unless you were able to secure a bank loan or a gift from a rich relative in order to rent retail space, you needed to find a table at a Flea Market or an affordable space on a side street in order to hang up your sign and offer your wares.</p>
<p><a href="http://www.studiokraft.com/blog/wp-content/uploads/2010/07/1279664_sale_webbutton.jpg"><img src="http://www.studiokraft.com/blog/wp-content/uploads/2010/07/1279664_sale_webbutton.jpg" alt="" title="1279664_sale_webbutton" width="150" height="150" class="alignleft size-full wp-image-70" /></a>With the advent of the World Wide Web, all manner of possibility opened up to everyone.  The environment may have changed, but also, much has remained the same.  The Main Street addresses have given way to the easy-to-remember and short domain names.  The Flea Market tables are now Ebay or Etsy stores.  The difference is in the potential – there is now the opportunity to reach far more people with your product offerings than ever before.</p>
<p>Therefore, it is crucial that you take these 5 things into consideration – whether you already have an e-commerce web site, or are looking to start one.</p>
<h4>5. <em>Keep Your Image Consistent</em></h4>
<p>Your image, often referred to as your “brand”, needs to remain consistent across all of your interactions with potential and current customers.  It starts with your logo, which should be professional in its appearance, and simple to reproduce in both black and white and color.  Your logo is then used on your business cards, in your e-mail signature, in your advertising, and of course, on your web site.</p>
<p>In the same way that your logo should remain consistent, your e-commerce web site should as well.  A color scheme should be chosen and used throughout the site.  The color scheme and design of the web site should be compatible with the products that you are selling.  The store should have an easy-to-understand structure that remains consistent and is easy to navigate.  Don’t project one image on the home page of your store only to redirect the customer to another “shopping cart” web site that does not look anything like your home page, this serves only to confuse your potential customer.</p>
<h4>4. <em>Provide Offline Communication Options</em></h4>
<p>While e-commerce stores offer many options for contacting the store owner, such as e-mail addresses, contact forms, and support tickets, you should never underestimate the value of being able to speak one-on-one with your customers.  Providing a toll-free number for Customer Service on your web site shows your commitment to customer satisfaction, while providing a local number as well has its own benefits, which we will discuss in a later blog post.  The ability to speak directly over the phone to a “live person” helps build trust and rapport which will only help your e-commerce store.</p>
<h4>3. <em>Use The Technology To The Benefit Of Your Customer</em></h4>
<p>When creating a new e-commerce store, it is easy to get lost in the vast possibilities that the technology offers.  You can be dazzled by many of the slick, fancy options that are available, but you should always ask yourself when considering what to include in your store – “How will this benefit my customer?”.</p>
<p>E-Commerce stores offer a wonderful tool – automation – which should be used to its fullest extent.  At the very least, your store should e-mail a copy of the order to the customer, which contains a tracking number for their order and a link to the shipping company web site where their order can be tracked.   However, this same automation can be used to send your customer a follow-up message to ask about their satisfaction in the product and the store, and provide them with a link and a phone number to contact someone if they are not satisfied.   This feature will work on its own, with no time necessary on your part, and creates a lasting impression with your customer by showing that you care for them after the sale.</p>
<h4>2. <em>The Web Site Is Your Store Front, Make Sure It Looks Great</em></h4>
<p>Many start-up e-commerce businesses worry about their costs, and rightly so.  In the attempt to lower their costs, they make the mistake of using “free” shopping cart solutions, or web stores based on templates with a very low price tag.  The old saying about being “penny wise and dollar foolish” certainly applies here.</p>
<p>Do not forget that in addition to having a great product, you need to have a great atmosphere in which to sell it.  A shoddy web site is like the man on the street selling watches out of his overcoat – it doesn’t really matter if the watches are real or not, the transaction is suspect due to the presentation.  Your e-commerce store will be asking visitors to give you their hard-earned money and personal information, and you need to project a professional image in order to win their business, or run the risk of being viewed as unworthy of their money.</p>
<h4>1. <em>Have a Simple and Secure Checkout Process</em></h4>
<p>The focal point of any e-commerce store is the checkout process.  This is where the critical exchange occurs – your customer’s money for your product.  The checkout procedure needs to be as simple and straightforward as possible, or you run the risk of losing the customer.  It is very, very easy for a customer to leave your web site so you need to make it equally easy for them to complete the checkout process.</p>
<p>While a one-page checkout solution is best, if your web site has a multiple-page checkout process, it is important to communicate to the customer how many steps there are and what step they are on currently.  This will make the checkout process less daunting to the customer if they are aware of how long it is going to take.  Do not ask the customer for more information than is absolutely necessary to complete the checkout process, which is typically payment information, billing address and shipping address.</p>
<p>Hopefully these 5 Crucial Things have helped you to understand some of the considerations when starting an e-commerce store, and will help you to be a success in your new online venture.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiokraft.com/blog/2010/07/the-top-5-critical-things-to-know-about-e-commerce-web-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Be Polite With Your Web Site</title>
		<link>http://www.studiokraft.com/blog/2006/12/be-polite-with-your-web-site/</link>
		<comments>http://www.studiokraft.com/blog/2006/12/be-polite-with-your-web-site/#comments</comments>
		<pubDate>Fri, 01 Dec 2006 20:12:58 +0000</pubDate>
		<dc:creator>StudioKraft</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://moodvees.com/blog/?p=3</guid>
		<description><![CDATA[You've done all of your marketing research, and have a solid product or service to sell online. However, unless you remember basic rules of "netiquette", the only results will be annoying your web site visitors into never returning to your site again. ]]></description>
			<content:encoded><![CDATA[<p><font size="2" /><font size="2"></p>
<p align="left">You&#8217;ve done all of your marketing research, and have a solid product or service to sell online. However, unless you remember basic rules of &#8220;netiquette&#8221;, the only results will be annoying your web site visitors into never returning to your site again.</p>
<p align="left">It is important when designing a web site to remember <em>why</em> people surf the internet &#8211; to get information. The average web surfer is looking for information, or for a particular product or service to buy, and does not care about flashy web site elements at all. The following are ten points to keep in mind when designing your web site. They are sure-fire ways to annoy anyone who visits your web site and prevent them from returning.</p>
<p><font size="+1">1) Background Music</font></p>
<p align="left">Many web site owners think that adding background music to their web site will enhance the experience of visiting their pages. While &#8220;brick and mortar&#8221; stores are known to use music as a means of setting a mood in consumers while they shop in their stores, the same is not true for internet shoppers.</p>
<p align="left">Since the advent of Windows 2000 (XP, etc.), drivers for sound cards are now what is known as &#8220;full duplex&#8221;. This means that multiple programs can access the sound card simultaneously. Many web surfers will listen to music while they surf, either by playing MP3 files, or by listening to a CD. The programs which play MP3 files and CDs allow different volume settings from other programs. This means that it is possible that the user will have the volume for the program much lower than the &#8220;master volume&#8221; setting, and when your background music kicks in, it will blare out of the speakers, or directly into the visitor&#8217;s head through their headphones. I don&#8217;t need to explain how annoying this would be to the visitor, you can imagine for yourself.</p>
<p align="left">If the business of your web site is music, it is expected that you will have some sort of background music, either on your pages or in a site intro. If you must include background music on your site, be sure to provide a visibile means of turning the music OFF, &#8216;above the fold&#8217; of your website. (meaning that the surfer does not have to scroll down on your page to find the music controls)</p>
<p><font size="+1">2) Automatic Program or Plugin Downloads</font></p>
<p align="left">One very annoying aspect of a site is for the browser to suggest that you need a certain plugin or program in order to view the site. You can&#8217;t see the information on the site that you are after, since the webmaster has used some sort of plugin that you have not installed, and your browser is prompting you to install it within a large dialog box that obscures the site.</p>
<p align="left">Remember that your web site visitors are after information, they do not care about flashy elements of a site that a plugin can provide. You should only use these programs if they are relevant to your business. For example, it is expected that realtors or rental agencies will have &#8220;3D Walkthroughs&#8221; of their properties on their web sites, and that a special plugin is required to view these features. This will not annoy the site visitor, since the walkthrough is part of the information that they came to the site to get. Do not use special features that are not integral to your business.</p>
<p><font size="+1">3) Flash Animations</font></p>
<p align="left">Most browsers now come equipped with the Flash plugin, so it is not considered out of the ordinary for a web site to use Flash in their design. However, there are web surfers who disable extra features in their browsers, such as plugins and graphics, in order to be able to surf for information more efficiently without being bogged down with the larger file downloads. For these visitors, it is important that you provide a &#8216;non-Flash&#8217; version of your web site. If you use Flash for a &#8216;site intro&#8217; (A page with a Flash Animation that introduces your site to visitors), be SURE to provide the infamous &#8216;skip intro&#8217; link. It is interesting to track clicks on the &#8216;skip intro&#8217; link &#8211; you will see how many visitors really watch your flashy site introduction, and how many skip it to get to the information that they are after.</p>
<p align="left">On sites that I design using Flash, I use a JavaScript to detect whether or not the browser of the visitor has Flash installed and enabled. If the JavaScript detects that Flash is not installed, or if JavaScript itself is not enabled, the code displays a graphical or text alternative to the Flash animation.</p>
<p><font size="+1">4) Customize Your 404 Page</font></p>
<p align="left">Nothing annoys visitors to your site more than receiving the bland 404 page that Internet Explorer or the web server generates as a default. Most visitors will not spend the time trying to correct your link, or to find the page that they were after. The polite thing to do is to make your 404 page your home page. This way, even if the surfer follows an outdated link, or if you have an incorrect link in your site design, they can find the information that they were after from your current home page.</p>
<p align="left">Your web host should be able to explain to you how to customize your 404 page. What you want to do is cause the web server to display the home page of your site as the 404 error page. You can use <a href="http://htmlbasix.com/customerrorpages.shtml">this generator</a> to create the file needed to customize the 404 (and other) pages on the popular Apache web server.</p>
<p><font size="+1">5) The Netiquette Of Frames</font></p>
<p align="left">Frames are becoming less used now that newer browsers support DHTML features and other options for static navigation are possible. However, sometimes people may visit your web site through a portal which uses frames, such as a Home Page Randomizer. For this reason, it is important that you do not include code that &#8216;breaks out&#8217; of frames without being asked. You can include a link on your site that when clicked will break your page out of a frame, but doing so automatically may cause the visitor to leave your site immediately for the next page in the Web Ring or Randomizer.</p>
<p><font size="+1">6) Fonting Your Site</font></p>
<p align="left">The latest browsers allow for the use of customized fonts that your site visitor may not have installed on their server. I have seen many sites abuse this functionality by creating their entire site content with an almost unreadable font style. As a general rule, it is good practice to always use the basic fonts for your web site content. (Arial, Helvetica, Verdana, Times New Roman, Courier) If you&#8217;d like to use fancier fonts for your site, it is best to use them only in headers, and you can create small GIF graphics for the headers instead of requiring your visitor to download a font in the background. What good is a well-written message if no one can read it?</p>
<p><font size="+1">7) Pop-Ups</font></p>
<p align="left">I equate pop-up (and pop-under) advertisements on the &#8216;net with telemarketers. Most people don&#8217;t mind receiving a telemarketing call every once in a while, since they can simply hang up on the caller and be done with it. Imagine, however, receiving a telemarketing call, and then another on call waiting, and then another on your second phone line, and then a junk fax coming through on your fax machine simultaneously!</p>
<p align="left">This is the feeling that most web surfers get when they encounter pop-up windows. One is generally overlooked, they can easily close it with one click if they are not interested, and will move on to the information that they were initially after. However, multiple pop-up windows will annoy the visitor instantly, and they will most likely leave your site for fear that every link that they click on will result in another slew of unwanted pop-up ads that they will need to close. It is certainly rude to program multiple pop-up ads in your web site, it is best to use a pop-up system that will only display one ad at a time.</p>
<p><font size="+1"> <img src='http://www.studiokraft.com/blog/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> Site Navigation</font></p>
<p align="left">Site navigation should be kept as simple as possible. Links to different levels in your site should be visible &#8216;above the fold&#8217;, enabling your visitors to get to the information that they are after quickly and easily. Java navigation menus should not be used on a serious web site, since it requires the browser to load the Java Applet before the visitor can browse your site. DHTML menus can be used, since they are usually quick to load. A good rule of thumb to remember is that flashy web design only impresses other web designers, it rarely will impress a potential customer.</p>
<p><font size="+1">9) Don&#8217;t Change The Cursor</font></p>
<p align="left">Programs such as &#8220;Comet Cursor&#8221; give web designers the ability to customize the design of the cursor while the visitor is at their web site. Since this requires a program download, it violates point #2 right away. Other scripts are available to customize the appearance of the cursor, or create &#8216;trails&#8217; or other features. Probably the most annoying of these scripts are the ones which create a detailed clock around the cursor. While this is an impressive bit of scripting, the clock usually obscures the page content that the visitor is attempting to point to with their cursor, and is counterproductive if you are trying to please your site visitors and give them the information that they visited your site for. Be polite and leave the cursor alone.</p>
<p><font size="+1">10) Place Your E-Mail Address On Every Page</font></p>
<p align="left">The best way to be polite to your site visitors is to provide an easy means for them to contact you, if they have any questions about your products or services. Many web designers are hesitant to place e-mail addresses on web pages, since it is well known that there are programs called &#8216;spiders&#8217; which go through the internet looking for e-mail addresses to add to SPAM lists.</p>
<p align="left">A little bit of clever JavaScripting can keep the e-mail address out of the reach of many web spiders. The following is a simple example:</p>
<p>  <code><br />
  &lt;script language=javascript&gt;</code><code>  &lt;!--</code><code>  var username = "username";</p>
<p>  var hostname = "domain.com";</p>
<p>  var linktext = "username" + "@" + "domain" + ".com";</p>
<p>  document.write("&lt;a href=" + "mail" + "to:" + username +</p>
<p>  "@" + hostname + "&gt;" + linktext + "&lt;/a&gt;")</p>
<p>  //--&gt;</p>
<p>  &lt;/script&gt;</p>
<p /></code></p>
<p align="left">This code will place a link on your website that visitors will see, but that the spiders will most likely skip over, since many are programmed to ignore extra code within web sites. Another method is to simply create an e-mail address specifically for the use of feedback from your website. A good choice is usually &#8220;webinfo@yourdomain.com&#8221;. You can then create a link on your site, such as:</p>
<p align="left">  <code><br />
  &lt;a href="<a href="mailto:webinfo@yourdomain.com?SUBJECT=Reply">mailto:webinfo@yourdomain.com?SUBJECT=Reply</a> From Web Site"&gt;Contact Us&lt;/A&gt;<br />
  </code></p>
<p align="left">You can then scan the Inbox of this address to find legitimate mails from visitors to your site simply by looking at the subject of the e-mail. Of course, some visitors may change the subject line of the e-mail, and it is important that you look for these as well, since nothing is more impolite than not responding to a query from your web site visitors.</p>
<p align="left">If your web host allows, you can also provide a feedback form on your web site. This will prevent the SPAM spiders from finding your e-mail address, but only if you use the type of feedback form that does not simply send an e-mail using the surfer&#8217;s e-mail program. Many people fear sending information through insecure (non-SSL) feedback forms, so using both a form and an e-mail address is usually the best practice.</p>
<p align="left">Following these ten simple pointers is a great start to insure that your site provides your visitors with the information that they are after. Always keep in mind that you are trying to sell your product or service, and not your web site. The web site is a tool to sell your product or service, and is not the reason (most likely) that people will visit it. Keeping this in mind will no doubt improve the overall effectiveness of your web site as a sales tool.</p>
<p></font></p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiokraft.com/blog/2006/12/be-polite-with-your-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

