Subscribe via RSS

Landing Page Design Tips

There are a few very helpful landing page design tips that people can take advantage of when they decide they need specific pages to attract customers to different kinds of products on their Web site. If your site offers more than on kind of service or product, it may be a good idea for you to create different pages there serve different purposes.

For example, if you sell different kinds of auto parts, it might be a good idea for you to advertise for those different parts separately online, and if you do, it’d be a good idea to have those different advertisements go to different landing pages. Below of a few suggestions on how to do landing pages correctly. If a landing page is done right, it can increase your sales significantly.

  1. Know your desired user by defining you landing page purpose
    If you sell cheese and crackers then your landing page purpose is to sell cheese and crackers to hungry, cheese-and-cracker-loving people. If you sell cell phones along with cheese and crackers, then you have two landing page purposes and need two landing pages. Don’t make your landing page a one-size-fits-all for everything you offer. People are going to your site for a purpose. Know what that purpose is a use it to your advantage.
  2. Simple Design
    With any Web design these days, going crazy with graphics, flashing text or anything that will distract your user from the intended purpose is a bad thing. Subtlety is key in your overall design. Make it very simple for your customers to find what they want and purchase it, no one is going to be amazed by flashing images, unless that happens to be what you’re selling.
  3. Focus on Purpose/Interest and the Call to Action (conversion)
    These go hand in hand, and they are what should stand out since the site is ultimately built for a specific type of user with a specific interest and a specific purpose.
  4. Simplify your forms
    There is no reason to make your forms anything more than they have to be. If you Web site urges people to sign up through some kind of form, make it easy for them. Make the forms in logical place, and only have users fill in the information that is necessary.
  5. Testimonials - depending on the landing page
    Depending on the kind of product or service you’re providing, testimonials can be an excellent thing to include on a landing page. Testimonials can provide credibility and trust to your business, which will make potential customers more likely to buy from you.

Check out the video below if you need some more convincing on why landing pages are a good thing to focus on when creating a successful online business.

Is Horizontal Scrolling Ever a Good Idea?

The average Web site on the Internet doesn’t scroll horizontally, it has vertical scrolling. That means when there is more content on a Web page than there is displayed in your Web browser, the site will scroll down to show you the rest of the content. Web sites don’t have to have a vertical scroll, but it has become the norm.

Another option you have when creating a site is to have it scroll horizontally. This means the site will scroll right to left, instead of up and down. There are some designers who are using the side-scrolling option and it just doesn’t work, but there are also those who are able to use this design method properly. What it really comes down to is whether or not the site you’re working on is compatible with a horizontal scroll.

Not all businesses can benefit from a side-scrolling Web sites. If your Web site doesn’t naturally work with the design, a horizontal scroll is just going to confuse people. One thing that comes with vertical scrolling being the norm is that it’s what most people expect when they are introduced to a new site. If you decide to make your site scroll sideways, make sure there’s good reason for it.

Horizontal scrolling can work for photography sites, Web design and other not-so-business-like sites. If you’re site is supposed to be fun and encourage people to play around with it, then this kind of scrolling can work for you. In general however, a Web site should be easy to use, and horizontal scroll makes it more difficult. If you’re interested in this kind of scrolling, check out some inspirational horizontal scrolling Web sites.

If you decide to go the horizontal scrolling route, make sure to take into consideration that not everyone has the same resolution on their monitor. If you don’t take this into account, it’s much easier to forget to make sure everything is included on the screen that you  want there. People with lower resolutions will end up needing to scroll down as well as sideways if you aren’t careful.

Web Design for Successful Ecommerce

After you learn the basics of how to design and code a Web site, there is still the matter of figuring out how best to design it for your specific purpose. What you think looks good, may not look good to everyone else, especially if you’re trying to get them to buy something from you.There are certain ways for you to improve the functionality of your ecommerce site in order to potentially improve your sales.

Building a successful ecommerce site requires more than just a good looking design. You have to make things easy for your customers. Never sacrifice ease of use to make things look better. The first thing you need to do is make sure things are easy to buy. Make your products visible and give people all the information they need to know before buying. Make sure not to include any excess information they could get lost in, and make sure to limit the amount of clicks in takes to get through the buying process. All the customer really needs to know is what they are buying, if it’s the right product for them, and how much it costs.

Also make sure to create several paths that customers can take to get to the purchase page. Using more than one path allows customers to find products in more than one way. If you have a directory, search and featured sections, then customers have multiple ways to find what they’re looking for. Combine that with a simple check out process, and it makes things a lot smoother.

Make sure the “buy” buttons are big enough for people to easily see, and don’t clutter up your Web sites with a bunch of unnecessary material. There are a lot of tips to turn browsers into buyers, but as long as you use some common sense and think like a buyer, you should be able to create something that will work. Focus on usability more than design aesthetics, and make sure it’s easy for people to buy what you’re selling. If they’ve found your site, you probably don’t need a whole lot of convincing, but give them enough information to feel comfortable with buying from your site.

The video below suggests six pages that ever ecommerse site should have. Those pages should be enough information for average buyers. Including more information than what is necessary could clutter your Web site up too much. Keeping things clean and simple is probably the best way to go for most sites.

Stealing Web Design

Stealing is something very common in Web design. People are always being inspired by the clever things they see on Web sites, and then going and trying to reproduce a form of them on their own site. Although a lot of this is just a evolution of Web deign, there is definitely a line that shouldn’t be crossed.

A designer should never steal another site’s complete design or concept. While little things throughout the site might inspire similar functions you want to produce, make sure to implement a good chunk of your own creativity as well. It’s okay to be inspired, but that’s as far as it should go. Never steal someone else’s code, or mirror their design. An article from SitePoint describes this rule of stealing in simple terms: it’s okay to steal the inspiration, but not the outcome.

If you find yourself in a situation where you feel someone has been “inspired” by your Web site a little too much, there are actions you can take to try and take back what’s yours. It’s good to be a little forgiving, after all, imitation is the greatest form of flattery. But if the offending site is obviously ripping off what you worked so hard for, it’s time to do something about it.

A great article was published on Freelance Switch concerning what to do if someone steals you work, and it’s a good place to start when trying to build up defenses around your content.

The first suggestion in the article can seem a little amateurish, but that means it may be effective against those amateur thieves who are looking for good content to steal. At the end of everything you create and own online, you can put a phrase that lets everyone know that your content has copyrights, and that it isn’t okay to steal the content without your permission.

If you need tog o further than a simple warning on your Web sites, you can always send a cease and desist request, or contact a lawyer if you want things to get messy. Make sure to examine what the damages are that were caused by the infringement, and if they are small, then it might be best just to let some stuff slide.

Here’s what not to do when being “inspired”:

Entirely Original

Common Mistakes in Basic Web Design

When you begin designing Web sites, there are a lot of ways to go wrong in what you’re trying to accomplish. The following is a list of what not do, and how to do things correctly.


Over Complicated Design Schemes/Layouts

Keep designs basic, putting in more than the eye can handle will cause visitors to leave your site. Before you start coding your site, reevaluate your layout - even if you have to go back and start from wireframe.


Not Sizing and Saving Images/Graphics for Best Use

Make sure to pay attention to image sizes,  prevent aliasing when saving and decrease load time.  If images are larger than they need to be, it will take longer to load them, even if they don’t appear as big on the Web page.


Using Tables Instead of Divs

While tables serve their purpose in a Web site (tabular data) they should not be used for your layout or navigation. Your code will get unnecessarily bloated in a hurry if you use tables where they don’t belong, which makes it overly difficult for anyone coming after you to edit or make updates to the site.


Not Keeping Consistent Design on Every Page

This is a classic sign of a complete novice. Your Web site is the online face of your company, band or whatever you may be promoting or using the site for. Let’s say a visitor finds your site through a Google search and the first page they are taken to is the “About Us” page. It has a nice blue header, white background and black text - not the best but clean and professional. The visitor likes what they read so they click to the “Home Page” and all of a sudden they’re on what appears to be a completely different site. Now there is an orange header, black backroung and white text. The visitor will quickly be wondering to themselves if they’re even still on the same site.


Let’s Find the Navigation

This also falls under “not keeping consistent design on every page”. If your navigation is horizontally placed just under your header on one page and vertically placed in the left column on the next, visitors are forced to play “find the navigation” on every new page, and that game sucks. Also make sure that all of your links work before you publish your site, article or update.


Not Checking in All Browsers

Designers need to make sure their design works on all of the major Web browsers. Fortunately, there’s only one Web site you need to go to to make sure that your design work. It’s called BrowserShots. Use it.