Web Design Tips and Tricks

How to Hire The Right Web Design Firm

Get Web Design Tips and Tricks on mps-web-design.com. How to Hire The Right Web Design Firm topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

Regardless whether you manage a small business, charitable organization, or Fortune 500 company, choosing the right web design firm can quickly become a full-time research project. With thousands of design firms to choose from, what factors truly determine which design firm is best for your business?

The primary considerations for choosing a web design firm are:

* Price
* Customer service/access to support
* Credibility indicators of the design firm
* Portfolio and design experience
* Other services offered (domain renewal, hosting, SEO)
* Turnaround time

Let’s take a closer look at each consideration in detail, and explore how to identify and qualify the right design firm.

Price

Like many products and services we purchase, both personally and professionally, deciding on a web design firm can often come down to price. But the value of the services rendered is really what’s important. A $200 web site usually turns out to look, feel and perform like a $200 web site.

The price of your site’s development will depend on three factors: the features of the site, the amount of content, and the service options included with the design package, such as hosting.

Because pricing varies by firm, here are several principles to use when determining the validity and value of a web design quote:

* Does the quote state one all-inclusive price for the entire project?
* Is there a reoccurring monthly fee for hosting?
* Is the site custom-built, or is it customization of an existing template?
* Is there a separate fee for content development, such as writing sales copy?
* Is domain registration/management included in the package?
* Will the firm provide multiple design concepts, prior to actual development?

It’s important to compare quotes from at least three firms to, determine the value of the services offered. Looking for the best value is important in a competitive service market.

Customer Service

There’s nothing worse than signing with a firm that offers a great product, only to find out they are impossible to contact. Consistent, open contact with your web design firm is important for ensuring success before, during, and after your web site is developed.

Throughout the design process, you may identify text, photos, or contact information you’d like to change before the site goes live. If you have immediate questions regarding your site’s development, you’ll be glad to have immediate contact with customer support staff by e-mail, telephone, or live chat.

If you are limited to e-mail technical support, consider other firms that offer a wider range of customer service options such as telephone and live chat support. E-mail is great for convenience – when it’s convenient.

Credibility Indicators

Identifying “credibility indicators” can help ensure a firm is trustworthy, and will be around after your deposit or full payment is sent. Credibility indicators include, but are not limited to:

* Toll free telephone support
* 24 hour customer service
* Better Business Bureau affiliation
* Human e-mail address contacts
* Google PageRank of 2 or above
* Presentation of a hard-copy quote/design contract

Design Experience/Portfolio

Does the design firm have experience in working with similar types of businesses? Even if a designer doesn’t have a web site in their portfolio related to your industry, the firm you select should have a strong working knowledge of how to develop an effective site for your business type. Product and service web sites are not the same. Your designer should have a plan of action for developing a site that reaches the maximum number of prospective customers in your target market.

A few good questions to ask about a firm’s design experience include:

* Does the firm offer a number of diverse, finished web sites available for review?
* Will the firm conduct research regarding my competition?
* Will my web site highlight the features, benefits and value of my product or service?
* Has the firm outlined a plan of action for creating an effective site, start to finish?

Design experience need not always relate to the type of web sites the firm has previously developed. If you have a specific look in mind, ask the firm if achieving a similar design is possible. The ultimate goal is to know you’re going to get a tangible benefit out of your site through effective, affordable web design.

Additional Services

Many web design firms offer design, but do not provide other required services such as hosting and domain name registration. Ideally, your web design company should be a full-service firm, offering at least basic hosting, domain registration and search engine optimization services tailored to your needs. Research each firm to determine other key lines of business, so that any future expansion of your site will be seamless as your business grows.

Turnaround Time

An effective website should take 30-60 days to go live, from the start of production. Unless you’re offering hundreds of individual products or services on your web site, the entire development process, start to finish, should take no longer than 60 days. Turnaround time should include:

* Upload of your web site to the hosting provider
* Configuration of any scripts or forms on your site
* Domain propagation (accessing your web site and e-mail via yoursite.com)

Hiring the cheapest, fastest, or most elaborate web design firm does not always equate to hiring the right web design firm. A limited amount of front-end research can save time and money in the long term, and maximize the sales revenue from your web presence.

This post was originally published on May 13th, 2004. As others are writing about the topic, I thought bringing it out of the archives would be worthwhile.

A little recap

The idea of placing multiple states of buttons and other elements that are used in background images took its roots, I believe, from Pixy's Fast Rollovers. The CSS Zen Master extended this to another purpose in CSS Sprites: Image Slicing’s Kiss of Death. Didier Hilhorst came up with a nice application of this method, and I worked it backwards in Responsible CSS - Recycle your background images.

The idea behind the 'sprites' method can obviously be extended to any html element, and there are tangible benefits for doing this, just as long as the designer does his or her usual homework.

Benfits of using the 'sprites' method

What are the possible the benefits of using this method? Essentially it lies in faster download times for your web content.

Readers of Andy Kings book, Speed Up Your Site: Web Site Optimization will notice that this method reduces http requests and makes more efficient use of the data packets used to transfer files to the users computer, and that that is a good thing.

Packet size and http requests

From Web Page Design and Download Time, by Jing Zhi of Keynote Systems (seen here - pdf), cited in Andy's book:

The basic performance principle is therefore to make fewer requests and transmit fewer packets. From this principle, we can derive two basic design rules for wellperforming Web pages. First, reduce the overall size of the page, thereby reducing the number of bytes (and packets) to be transferred over the Internet. Second, limit the number of embedded objects on the page, such as images, each of which must be requested and transferred separately from server to browser.

They also found that it was the number of packets and not necessarily the overall size of the page that was important. If a packet could hold 1460 bytes (the figure given in the article) and your object was 1600 bytes, it would require two packets. They found that this object would transfer at the same speed as another object that was greater in size but still fit in two packets.

Potential payoff

The potential payoff for using this method versus individual images, then, is a faster download time due to reduced number of packets and fewer http requests.

Reducing http requests is easy. One file instead of two or three etc. is simple. But packet requests? That depends...

An example

The number of packets sent will depend on the size of the file and the users internet connection.

As an example, lets look at the fiftyfoureleven.com logo at the top of the page. When this design was first being coded, that link consisted of two 3.34kb images, one for the link state and one for the hover state. Now, by using one image that contains both states and simply bumping it back and forth depending on the hover state, that has been reduced to one 5.35 kb image. Right there is a savings of 1.33 kb. Good news.

Now, for arguments sake lets say that a packet can hold 1460 bytes (packet size for connections greater than 128kb/s = 1500 bytes -40bytes for tcp/ip headers). The two image method used 6 packets, 3 for each image (3.34/1.46, rounded up). The single image method uses 4 packets (5.34/1.46, rounded up).

Things are looking good.

How to optimize

In his alistapart article, Dave refers to the image that holds all of the sprites as his 'master image'. The key to benefitting from this method is to ensure that the file size of your master image isn't a bloated equivalent versus the sum of its pieces.

Conclusion

Great benefits can be realized when combining a master image from slices that fall well below the size of one packet, as that unused packet space goes wasted.

After doing a little more research, it seems that packet size can vary depending on the connection rate. That being said, it may be rather difficult to come up with a firm rule here. To play it smart and safe, try and:

• build master images that are smaller then the sum of their collective slices (by combining images of similar colors, for example) or
• rather than use a different distinct image for a certain element, reuse one that you already plan on using elsewhere.

This isn't exactly groundbreaking advice, however having seen the results acheived with the logo on this page, it can be seen that using the sprite method versus individual images at minimum does reduce http requests and even further it can reduce file size which in turn can reduce the number of packets sent.

More Articles: