What are some inexpensive, do-it-myself website options?

I just started a new business, and as much as I'd really like to have a professional website designed for it, I just don't have the budget yet. Do you have any tips to create your own website?

Although web design has become quite affordable, the cost can still be too much for a brand-new business. Thankfully, there are a lot of options available to create a great starter websites that can hold you over until you can afford to make an upgrade. Although I haven't used many of these do-it-yourself website platforms, I did a little research into some options—and tapped the minds of many of my friends and colleagues—and have outlined some solutions and suggestions.

SquareSpace

SquareSpace describes themselves as "a fully hosted, completely managed environment for creating and maintaining a beautiful website, blog, or portfolio." From doing a little digging around, they seem to offer some standard layout options, and pricing starts at about $12 per month. Learn more at squarespace.com

WordPress

More often than not, if you hire a design firm to create your site, they will probably use WordPress as the engine that drives the site, and then create a completely custom design theme that perfectly accommodates your content. You can take the first step yourself and create your own WordPress site, using a stock theme. Unless you know a pretty hefty amount of HTML, CSS and PHP you probably won't be able to customize the site to the point a web design shop would be able to, but WordPress has a lot of cool themes and plugins that could get you off on a good foot. The only downside of WordPress is that, as a novice, there are so many options (in terms of themes, plugins, etc.) that it can get a little overwhelming, so it is wise to keep it simple. WordPress offers many themes for free, which means you would simply need to purchase your own hosting (which typically runs around $10 per month) for the site. If you choose to go this route, you may with to contact your hosting provider for help installing the WordPress software on your hosting. Learn more at wordpress.org

Virb

As they put it, Virb allows you to "choose a theme, add your content, customize and launch!" They seem to offer a lot of theme options, and pricing starts at about $10 per month. Learn more at virb.com

Wix

Wix positions themselves as a very easy-to-use platform, explaining their services as "Drag & drop. No programming. Search engine friendly." They do offer a free plan, but to get the site to direct to your own domain name (which is advised in order to appear the most legitimate and professional) you would need to upgrade your plan to one of their packages that start as low as $5 per month. Learn more at wix.com

Shopify

If you need an ecommerce site, Shopify seems to be a popular way to go. Their feature set claims "easy-to-use online store builder, fully customizable store design, secure shopping cart provided, and ecommerce hosting included." Their plans are a little more expensive (as ecommerce solutions always are) and start at $29 per month. Learn more at shopify.com

Other things to consider

Once you've selected the option that feels right for your needs, there are a few items you'll want to consider when putting the site together. Taking these items into consideration will help your do-it-yourself site look as polished and professional as possible.

Think simple

With most any site option you select, you'll be able to select some sort of base design template. You'll probably have dozens of options to choose from, which will feel really, really exciting. It will be tempting to select something wild and flashy, just because you can. However, flashy templates can look a little cheesy, unprofessional, and often give themselves away as being a stock template design. Instead, select something clean and simple. You just can't go wrong with a simple design. A clean, straightforward design will blend with almost any image you wish to portray, and is likely to be taken more seriously by your customers. This recommendation also goes for your font and color selections. You don't need a bunch of fonts and dozens of colors—one or two fonts and two to three colors will do just fine. Just make sure to make selections that blend with the other fonts and colors you are using across your visual design (logo, business cards, tags, etc.) so that your business doesn't look like it has a split personality.

Consider readability

Likewise, when you are selecting your template, fonts and colors, always be checking for readability. Make sure your background colors and images don't make your text hard to read, and make sure you select colors that contrast enough that they don't blend together, or create an optical illusion. When in doubt, make sure your text is placed over a solid color that is much darker or lighter than the text color so that it is readable.

Edit, edit, edit

With setting up your own website comes the challenge of writing your own content. More often than not, people think there is no such thing as too much information. This is not the case. Most people don't want to read any more than they absolutely have to. When using a do-it-yourself site, you'll be given large areas you can fill with copy, not to mention endless amounts of pages for no additional fee. Be careful not the be charmed by these open parameters, and be sure to curate your content carefully. Don't drone on—saying the same thing over and over again—and be careful not to add more pages than are really necessary to your site. Constantly ask yourself whether you customer really wants and needs this information, or whether you're just adding it because you can.

Trending: Responsive web design

By now, you've probably heard about how mobile device usage has skyrocketed in the past couple years. With this insane growth, comes a lot more people browsing websites on the web. When most people think of the mobile web experience, they think of people frantically looking up addresses and store hours on their iPhones at stoplights. However, that's not always the case.

As phones get getting quicker and more convenient, people are actually using them more and more in place of their regular computers. If you think about it, I bet you can remember a time in the not-so-distant past when you grabbed your phone to quickly look something up online, rather than taking the time to walk over to your computer.

The current mobile experience

Up until recently, if you wanted to give your users a mobile experience, you had to build a separate mobile site. Not only can building and maintaining a separate mobile site be expensive and tough to maintain, it can also be an awkward experience, as the site is often structured differently than the "full" desktop version of the site. As mobile usage increases, people are beginning to expect richer website experiences on their mobile phones. Having to pinch and zoom sites just doesn't produce a smooth browsing experience. If we want people to take time interacting with our sites, we've gotta find a way to give them a better mobile experience.So what if you could have one site that serves up both desktop, mobile, and even tablet-optimized experiences?Now you can. Enter responsive web design.

A new and improved mobile experience

Responsive design is a relatively new type of website design that is gaining a lot of steam, and becoming very popular. In a responsive design the site layout (and even content) is designed to change based on the size of the device it is being viewed on. A responsive website uses the same code for both mobile and desktop experiences, but includes additional styling that detects browser window sizes and alters the display accordingly. In fact, you can give it a try right now by resizing our site and checking out how the content layout changes as the browser window gets smaller.Responsive design isn't the answer for every site, but for a basic informational site, it can be a great way to go. It usually costs a little extra, since there is additional design, code, styling and testing to get it right. However, a responsive site is still significantly more cost efficient than creating and maintaining two separate sites.

what does a responsive site look like?

If you want to see a responsive site in action, just resize the browser on our site! If you want to view even more responsive sites, you can check out Mediaqueri.es, a gallery showcasing dozens and dozens of responsive sites.

Trending: Simpler websites

If you haven't yet noticed this trend, keep an eye out—websites are starting to cut the fat and get much simpler. People are becoming more an more harried, and simply don't have time to wade through dozens of menu options, or pages chocked full of lengthy copy.

Users are in a hurry and don't want excess information imposed on them—they just want to access the info they need, quickly and easily. In addition to users' increasingly busy lives, there are a few other things driving this change.

Social media diffuses dependence on your website

Don't get us wrong, it is still important to have a website in order to provide a consistent, branded experience for your prospects to learn about you. However, with the rise of Facebook, Twitter, Yelp, etc. over the past years, there are a lot more ways for customers and prospects to learn about and interact with your organization. Because social media has made it so easy to get in direct contact with organizations quickly, there is not as much need to provide an over-abundance of information on your website.

Users are in a hurry and don't want excess information imposed on them—they just want to access the info they need, quickly and easily.

Mobile browsing demands refined content

There is a growing movement called "mobile first" that urges web designers and developers to use the brief, often urgent tendencies mobile web users have as a litmus test for site content. Simply put, they focus on refining site content to the most basic items needed by mobile users before choosing to add additional content. With the recent surge in responsive web design, it is now possible to create one website that works perfectly in a desktop browser and also a mobile browser. However, with this comes a need to refine content so that it is brief and to the point. Increased mobile browsing is propelling the trend of simpler websites forward, as there is simply no room for fluff when you consider mobile users' needs.

So how are organizations simplifying their sites?

There are a lot of ways to simplify your site, and different steps are appropriate for different organizations. The best way to simplify your site is to revisit the content it currently holds and really consider if it is all completely necessary, or if it can be cut. This not a time to coddle pet projects, this is a time to be ruthless. Put yourself in your user's shoes—does your user really need to real full-page bios about all of your staff, or would a paragraph do? Is your about page really offering value to your users, or could the most compelling pieces be merged with other content? Sites are also getting simpler in their physical format. People are choosing single-page sites over multi-page sites, drastically reducing menu options, ditching their drop-down navigation, using shorter bits of copy paired with meaningful graphics and many other techniques to help their users get to the point quicker.

A few examples from around the web

Tired trend: Drop-down navigation menus

There was a time when drop-down menus were rampant across the web. You've probably seen them (and cursed at 'em), however, we're coming into a time when drop-downs are beginning to fade out of popularity in favor of simpler, more user-friendly navigation and content positioning.

Although there are times when drop-down navigation can be the best way to help a user navigate a site—possibly on a large, nebulous e-commerce site—drop-down navigation is often simply used as a crutch for poorly planned content. Usually, refining and streamlining the site's content would solve the problem in a much more user-friendly way.There are a host of reasons why drop-down navigation menus are on their way out the door. Here's a few of the most prominent reasons:

Drop-downs conceal users' options

By it's very nature, a drop-down is designed to hide additional options until activated. Because things are hidden, it reduces a user's ability to be able to scan the content. Once they decide to click on a menu item, they are often surprised that it triggers a drop-down, rather than the new page they were expecting. Consequently, this can be very frustrating for a user. Imagine you're navigating a website: after having made a decision to click on a nav item, you're anxiously awaiting to find the information you are looking for on the next page. However, instead of finding the information you're searching for, you're confronted with having to make another decision when a new menu drops down. This frustration is compounded when some sites add second or even third layers of drop-downs! Research shows that users "decide first, move second," which means they make a decision, then act on it. Instantly throwing up a second decision to be made can cause users to lose confidence in their decision making, question themselves, and ultimately give up on navigating the site.

Drop-down menus are difficult to use

We've all experienced the irritation of trying to click on a drop-down menu item. Drop-down menus are often extremely sensitive to mouse-overs. This means, you've gotta be in the exact correct place to click on the menu item or else the drop-down quickly scurries away, and you're faced with having to try again. This sensitivity is easily compounded, as drop-down navigation menus are notorious for acting different in different browsers. Although every site will differ slightly between browsers, it is especially tough to get all of the states of a drop-down to match properly across all browsers. The least user-friendly part of drop-down menus are that they are not as accessible for screen readers or users who have a low level of dexterity. Considering that over 25% of internet users have some sort of disability, accessibility is a very real fact to be considered.

Drop-down menus get in the way of browsing

Because of the sensitive, skittish nature of drop-down menus they often pop out when least expected. Often users "bump" the navigation when trying to get to other content, and the drop-downs fly out unexpectedly. This interrupts their flow of navigating the site and prohibits them from achieving what they are trying to do. Additionally, when a drop-down menu expands, it covers other content and obscures it from your user's view.In addition to these larger issues, there are several other peripheral issues posed by drop-down navigation:

• Drop-down navigation is not as SEO-friendly
• Drop-down menus are cumbersome to use on mobile devices (phones, tablets, etc.)
• Drop-down menus encourage navigation creep

How to avoid drop-down menus

So now that you're sold on the perils of drop-down navigation, how do you restructure your site to avoid using them? There are two steps you can take to avoid the dreaded drop-down.The first step is to have an honest-to-goodness, come-to-Jesus conversation about your website content. Is it all absolutely necessary for your users? Or is there a bunch of fluff content included to either pacify your internal team's inability to really refine the content or give the impression that you have lots to say (if you think more content equals more credibility, think again). You need to work hard to refine your content down to only what is necessary to your users. Now that the internet has invaded every nook and cranny of our lives, user are actively looking for companies whose websites give them exactly the info they need (and nothing more) in a concise, no-nonsense way.The second step is to implement a better way of navigating deeper sets of content. This can be done by using a category landing page. A category landing page enables you to give your user more information about their options, which helps them navigate smarter and make better (read: less frustrating) decisions.

More reading on this topic

• Users decide first
• Drop-down menu disadvantages
• The problem with drop-down menus in website navigation

Alphabet desktop wallpaper

Who doesn't love looking at the beautiful shape of letters? Now you can spend your days gazing at this type-tastic alphabet desktop. Available for download as a desktop or ipad wallpaper.

Download the desktop wallpaper

Download the iPad wallpaper