Homestead Blog

A lot of you have noticed how you can modernize your site by using our rounded rectangle element. Here’s Chris, one of our graphic designers, to show you how to make rectangles with neat, rounded borders - Rochelle.

Have you ever looked at Homestead’s website and envied its rounded gray border? Well here’s a quick tip that you can use to give your site the same professional look.

Creating the pieces

The key to this technique is using two rectangle elements, one carefully layered on top of the other. Here’s how it’s done. First create a new rectangle with the rectangle tool above your page. Next, choose a rounded corner type and the color you want your border to be in the ‘Basics’ tab on the right of your screen. In this example I’ve chosen the Small Rounded option and the color gray to imitate the look of the Homestead site.

Now position and resize your rectangle to fit your needs. Once you are satisfied with your rectangle, write down its position and size information. My rectangle information looks like this:

Right-click your rectangle and select Clone.

You’ll notice that your new clone looks exactly like your original rectangle, which isn’t going to do. In the ‘Basics’ properties change your clone’s color to the color you would like your content to sit on. For our example imitating Homestead’s look, we’ll use white.

Sizing and positioning the clone to make a border

To create the border effect we will have to alter both the clone’s position and size information. First step, reset the position value: select your clone and add the thickness of the border to the left position value. In our example my rectangle’s left value is 25, and I want my border to be 1 pixel thick. 25 + 1 = 26, so I would change the left value to 26. Change the clone’s top position in the same way and you’re almost done!

You’ll notice that the clone is now too big for the effect you want. That’s easy to fix with the second step: adjusting the rectangle’s dimensions. Just take the thickness of our border, which for our example is 1, and multiply it by 2. Take that new number (2), and subtract it from both the width and height. That gives us new values for the dimensions of our clone, 748 wide and 728 high.

If you’re following along with our example your position and size values should now look like this:

That’s it! Your two nested rectangles now appear to be a single rectangle with a neat, rounded border, with everything lined up perfectly. Just drop your content right on top, and you’re done!

Brian is a user interface designer on the product team who works very closely with people we invite to our user testing sessions. Here’s the first in a series of articles he’ll be bringing you on the importance of testing your site for customer friendliness – Rochelle

How “user-friendly” is your website? This is an important question for any website owner who wants people to use his or her site. Depending on the answer, you could have a website that people bookmark and browse every day, or you could have a site that people can’t stand looking at for more than a minute.

Think of your website as a supermarket. Even though you may have the products that your customers are looking for, if they have to wade through disorganized piles of junk just to figure out where to go, chances are they’re not going stick around for very long. Similarly, if visitors don’t have a good experience while browsing your website, they won’t want to come back, much less purchase what you have to offer!

A good way to measure the user-friendliness of your website is to actually test it on users. User testing involves watching people perform common tasks on your site, such as finding information or making a purchase, and observing how they go about doing it. By watching their interactions with your site, you can discover problems with its design—problems that may not have occurred to you simply because it’s your website, so you already know how it works.

The first step toward conducting a user test is to figure out what your goals are. What is it that you want any user to be able to do and/or accomplish on your site? For example, if you sell products on your website, your goals may include things like “purchase a product” or “find shipping information.” If your website is informative, then your goals might be “find a list of your services” or “access contact information.” You should try to identify at least five to ten goals that you’d like any visitor to be able to accomplish on your website.

Once you’ve decided what yours goals for customers are, how exactly do you test the usability of your website? In our next user testing post, we’ll go over the details of how to prepare for a user test and how to conduct it. In the meantime, don’t forget to identify those goals!

Here’s Amr from our marketing group to tell you about his favorite web marketing tool - Rochelle

You’ve built a great website and registered the perfect domain. You’ve filled your online store with hot products and services, so now you can just sit back and wait for the business to roll in.

Too bad it doesn’t work that way. Setting yourself up online is only part of the process; you also have to make sure people find your perfect site when they go shopping on the Internet.

That’s why a key part of any serious web marketing strategy should be getting the search engines to work for you. One of the most effective ways to do that is by placing ads on search results pages, ads triggered by words the searcher used. When the ads are clicked, the searcher is taken directly to your site. We have a service called Homestead SearchLight™ that does just that.

It’s an efficient way to deliver targeted buyers directly to your website or online storefront. We pick “keywords” that best describe your business or products, then use them to create small ads that will be featured on major search engines, including Google™ and Yahoo®. Then, whenever a customer uses those keywords to search for something they need, your ad can appear on the results page.

How often those ads appear depend on the popularity of the keywords used - whether other businesses are using them as well. The beauty is that it doesn’t matter: you only pay for the visitors who actually click on your ad and are taken to your site.

Monthly reporting is included that can be used to optimize the results you get:

The service does the work for you, and you get the visitors your site needs.

You have a lot of competition out there vying for the same potential customers, so getting the search engines to work for you is pretty important. When a customer searches for a solution to their needs, better make sure that solution is you!

For more information on Homestead SearchLight, just visit www.homestead.com and click on the Get Traffic tab at the top of the page.

One of our designers on the product team, Jerry, has strong opinions on what constitutes good design. He gets especially energized about the use of color; here’s the first of a few posts to come on good use of color in your site design – Rochelle.

Color choice is important to consider when designing the look of your site. SiteBuilder and SiteBuilder Lite give you lots of flexibility in selecting colors. You’re not limited to the 30 standard colors in the color menu; the real power is in the last option in the menu: Custom.

When you click on Custom, you get the ‘Color Picker’, a tool you can use to select from a LOT more colors. The 30 standard colors are at the upper right of the Color Picker, but if you go ahead and use the circle and the vertical bar to the right of it, you’ll have the flexibility to choose from around 16.7 million colors!

And don’t be afraid that you’ll never be able to match a custom color again. In SiteBuilder, as you use custom colors the Color Picker will remember them and place them conveniently in a box to the lower left, so you can specifically select them again, just as you would any “standard” color.

Having millions of colors to choose from means you can find colors that are perfect for your site. However, it’s also very easy to come up with some combinations that, um, don’t work so well. Obviously, poor color choices can make a site ugly to look at, but be careful: even pleasant color schemes can be bad if they make a site hard to use.

Coming up in part 2: Color Selection

Lloyd from the Product team has an idea for you that may help your site rank higher in those all important search engine results - Rochelle.

Once you have a website with good content and design, it’s time for you to think about how to let people know about it. And in the online world, that means letting search engines know about it.

You can raise your profile with search engines in a number of ways, including submitting your site address to them, listing it in one or more online directories or having people you know create links to it. But there’s simpler way to help make your site show up in relevant search results just by making a few simple additions to your “Meta tag” field using SiteBuilder or SiteBuilder Lite.

Search engines regularly scour the net for new and updated sites, and one of the characteristics of a site they look for in their search are keywords used in the site’s “Meta tags”. Meta tags live under the surface of websites where they can’t be seen by visitors, but they assist search engines in classifying a website. And they’re very easy to add to your site.

In SiteBuilder Lite, click on the Page Info button that can be found near the top-right corner. You will find entry fields for ‘Page Title’, ‘Description’ and ‘Keywords’.

When choosing keywords and descriptions, please consider the following points:

o Think about what keywords you want associated with your site.
o Use the best keywords in your Page Title and Description.
o Place the words most associated with your site first.

In SiteBuilder, you can add or edit your Meta tags by clicking on Format from the menu, and then selecting Page Properties.

When you select Meta Tags under your Page Properties as shown below, you will find the entry fields for Description and Keywords. When you’re done, you can apply your changes to every open page in your site by clicking the Apply To All button.

Give the search engines some time to do their indexing, and you should start to see your website showing up higher in the results pages when your keywords are entered. Happy Online Marketing!

========== Important Added Information ==========

Please remember that search engines like to see Meta tags that are specific to the page on which they’re used. For that reason, the “Apply to All” feature may be most useful when you’re first setting up your site and you have key words that you’d like to apply to all the pages on it. Using it early also means there’s less of a chance that you’ll accidentally overwrite any key words already there. After you’ve used it, however, you’ll want to customize each page individually to make sure each page is described uniquely.

Kim from the product team is here to tell you about a resource that can really help you if you run an online business – Rochelle.

For those of you who have found the product blog to be helpful, you should take a look at our collection of newsletters at http://hsnewsletter.homestead.com/. We publish two different kinds of newsletters, one devoted to websites, the other to our ecommerce product Homestead Storefront™. Both focus on tips and techniques that can help our members improve the way they use our products and services. Our goal is to give you advice that can make a real difference in your online business.

Both the website and the Homestead Storefront newsletters have new issues released every quarter. We are working to make them more interactive by encouraging members to give us feedback on their own tips so we can share them with other Homestead members. So if you’re interested in learning more about how to use your site to increase business, please take a look and let us know what you think!