TheCaroler.com - Website Design Project

Website Design No Comments

Website Design & Development Project - theCaroler.com
Project Name: TheCaroler.com
Launch Date: September 2007
Project Type: Website Design & Graphics Work 

TheCaroler.com is one of our websites.  This site is centered around a printable PDF e-Book containing over a hundred traditional Christmas carols and hymns.  Each page in the e-Book has a link to the website with a midi file and sheet music for the song. 

The design is based on a vintage postcard that was published circa 1907, which has been integrated into the site’s header banner and the cover of the e-Book. 

This site has been set up to funnel traffic to the various Christmas holiday sites developed in 2007.  As well, the e-Book is free, the visitors can give it to their friends and acquaintances and other webmasters can offer it as a free download from their own websites.  This is a viral marketing method that has proven effective for many websites, as the e-Book readers download the e-book and then refer to it year after year.

http://www.thecaroler.com

Salaries versus Freelance Rates

Website Design, Website Development No Comments

We are sometimes asked why contracting rates are higher than salaried employees.

The answer is that they just seem to be higher.

To make a real comparison, you can’t just take a salaried employees annual gross salary and divide it by the number of working hours in a year to compare it to freelance rates.  You first have to adjust the hourly rate of the salary to allow for the differences between an employee and a freelancer.

Adjusting Salaries for Additional Employee Costs:

The annual gross wages are just the base salary for an employee.  Added to this is the employer contributions for FICA and other employer contributed taxes and insurance.  You also need to figure in the costs of supplying the work space, equipment and supplies plus the management and administrative costs associated with having employees.  You can figure this at around 30%.

Adjusting Salaries for Actual Working Hours:

The number of working hours in a year is 2,080.  This is figured at 40 hours per week, 52 weeks per year.  The assumption is that the employee is working on their actual job tasks from the moment they hit the door to the moment they leave the office.  This is simply not the case.

You have to first deduct the hours for paid legal holidays, sick days and vacations. 

7 legal holidays per year
2 weeks vacation time
5 sick days

Total:  176 hours

Now you have to figure the time for lunch, breaks and good morning chit chat.  That’s at least one hour per day.  With the remaining 48 working weeks per year, that comes to 240 hours per year.

It is unreasonable to expect the employee to work all eight hours a day without doing some kind of administrative tasks.  Let’s figure at least an hour a day for answering mail, telephones, and so on.  That’s another 240 hours off the working hours per year.

With employees in the Internet technology skills area, there is inevitable downtime for researching new developments, learning new software, installations, and so on.  Figure at least a half hour per day for this over a year.  That’s another 120 hours off the working hours per year.

So really, it’s not 2,080 hours per year. 

It’s 1,304 hours per year.

The Formula for Comparison:

Take the gross annual salary and multiply it by 1.3.
Divide that figure by 1,304 hours.

That’s what that employee actually costs per hour.

Example of Salary Adjustment for Comparisons:

Let’s take a Senior Web Designer, using the job description and salary figures from Salary.com. 

Job Description: Designs and constructs web pages/sites including incorporating graphic user interface (GUI) features and other techniques. Maintains and provides ongoing design of the website, promos and ad banners, seasonal content specials and custom chat launcher design for partners. May require a bachelor’s degree in a related area and 4-6 years of experience in the field or in a related area. Familiar with a variety of the field’s concepts, practices, and procedures. Relies on experience and judgment to plan and accomplish goals. Performs a variety of complicated tasks. May lead and direct the work of others. Typically reports to a project leader or manager. A wide degree of creativity and latitude is expected. 

Median Salary for Greater Los Angeles:      $98,000
Additional Employer Costs 30%                  29,400

Adjusted Annual Salary:                           $127,400

Divided by 1,304 hours:     $98.00 per hour

Comparing Freelancers to Employees:

When you are trying to compare employees to freelancers, you always have to keep in mind that the freelancer only bills you for task related work.  You are not billed for chit chat time, coffee breaks and holidays.  You do not have to purchase or maintain their equipment or software or cover their overhead.  They pay for their own education and they do not bill you for that time.  You don’t include them in your insurance plans and you make no employer contributions. 

Most importantly, you do not have to make a committment to keep supplying a freelancer with work.  You also do not have to personally manage their activities or hire another employee to manage them.  Their work is done without supervision.  When the work is complete, they make up their bill and you pay it.  Fast, clean and simple.  You have no further obligations.

Hiring freelancers is ideal for any company that does not have ongoing design and development work.  But you will have to pay the freelancer a rate that is comparable to a salaried employee if you want the same level of quality or better.

 

Web Designers vs. Web Developers

Website Design, Website Development No Comments

The question often comes up as to what is the difference between a Web Site Designer and a Web Site Developer.  This article takes a look at some of the key differences between the two roles in website design and development.

Web Designer

A Web Designer is one that has skills and talent in the areas of Web Page Design and Layout.  The Web designer may or may not be particularly artistic in terms of creating artwork that will be displayed on the web page, but they usually have a good eye for layout and the ability to design and build attractive and functional web pages using various web creation tools and clipart libraries. If the Web Designer is not particularly artistic, but need custom or unique graphics or logos, a Graphic Artist may be called in to do the art work.

The secret that most Web designers would like you not to know is, building and designing a simple web page is not particularly difficult when using the appropriate tools. It can be like using a fancy word processor to create a newsletter. Once you are familiar with a web design tool and if you have a little creativity, you can produce your own web pages. This is evident by the number of web pages already on the internet. Basically, the tool creates the HTML code needed for each web page and the Designer provides the creativity and data input. Graphics in many cases come from clipart libraries or from a graphic artist.

Having said all this, it is important to have a good web designer that can build a page or site to fit your needs and make your site stand out. A good web designer will consider many factors in creating a web page that the novice will not.  Things like logically organizing the information on the page and the site, ease of navigation, load time over slow modems, etc. Think about the sites you may have visited that a page seemed to go on and on forever and took a long time to finish loading. You simply don’t see these problems on well designed sites.

Web Developer

A Web Developer is someone that uses programming skills and tools similar to someone that writes computer software. The Web Developer goes beyond simple web design. They actually create programming code that may run on the web server, on the client (the users browser), or both. Code running on the server is never seen by the user, but will do things like customize a page before it is sent to the user’s Web Browser by pulling information from a database or other source. A search engine is a perfect example of this. You go the search engine website, type in your search words,  code run’s on the server to search a database for sites that match the words you typed in, the code then formats a page with the appropriate information and links and sends them back to your browser. Page Counters, calculators, games, database access, login screens, interactive web sites are just a few of the examples where a web developer may be needed. In short, if you need a web page with these type of features, you need not only a Web Designer, but you also need a Web Developer. This may or may not be one person or company.


Design vs. Development    

You’ll probably find the titles “Web designer” and “Web developer” to be used interchangeably. This isn’t accurate. Designing a Web site is actually very different from developing one.

There are two major components to designing a Web site: the “front end” and the “back end.” While there can be quite a bit of crossover, for the most part design refers to the front end, development to the back end.

Front End Design

The front end is what your customers see: The “pages” that display the graphics, the images, and the text on your site.

Web designers concentrate on the front end, choosing appropriate images and fonts for the site and determining how images and text should be arranged.

A Web designer’s strength is the appreciation for aesthetics. A designer doesn’t have to be a technical whiz. But one should at least have a strong understanding of what will work visually on a computer screen, and what the technical limitations are in designing for the Web.

A good Web designer will also have experience in collaborating with a Web developer.

Back End and Development

Web developers work on the back end, making a site work. It’s not visible to visitors, but is essential to enhancing the visitor’s experience.

Back-end functions include making images change or move, allowing visitors to view different pages or enter data on themselves, or performing sales transactions.

If you’re hiring a Web developer for your Web site project, learn to speak the language. Make sure the resumes of those you are considering include the following skills:

  • HTML (for the text and layout framework of a Web page)
  • Web imaging (how to create and compress images for the Web)
  • Javascript (writing programs that run as part of Web pages to do tasks like validating form fields before submitting a form)
  • ASP (customizing a Web page for a particular user on the server before it is sent down to the user)
  • Java/C++ (writing programs that are embedded within a Web page to do things that Web pages cannot do — like playing space invaders in a Web page)

Whom to Use?

Can an individual be both a Web designer and a Web developer? You bet! There are plenty of talented individuals who are adept at both. And for the sake of convenience, not to mention your budget, you may prefer to work with these hybrids.

However, if your heart is set on a snazzy design that puts your competitors to visual shame, your best bet is to hire a separate designer with strong graphic experience.

Or say you want to include complex e-commerce transactions that require special programming skills. In this case, you may end up with a top-notch Web developer who has absolutely no interest or experience in graphic design.

What Are Your Options?

If you’ve never designed a Web site, could you be capable of handling both ends of Web design? Quite possibly!

Then again, taking on such a big undertaking could be foolhardy. It all depends on your goals.

Do it yourself.

In-house design is certainly the cheapest route. If your needs are relatively simple, some excellent software packages can guide you through the whole process.

Outsource it all.

If you want animated graphics, interactive tools, or complex e-commerce functions? You’ll need an expert in CGI scripts and important Web programming languages like PERL.

Combine the two.

Your third option is to do some of the work in-house, and contract out for the tasks your company can’t handle. Look around your company. Do any of your staff have experience with graphic design software like Adobe Photoshop or Illustrator? Maybe he or she can design the images for the site, and then use a contractor to work the images into the overall design.

Or are you a better-than-average photographer? Scan and use your own photos for your site, or use a digital camera and upload the images onto your site moments after you take them.

Keep in mind that if you’re already thin on resources, even if you have some capable people in house, it may still make sense to use contractors and save your full-timers for what they’re there for: growing the company.

But be creative. Got an intern who built her own homepage? Or one of your staff’s high-school-aged kids — you might be surprised at how capable they are of putting a page together.

And don’t forget ongoing maintenance. No matter who designs and develops your site, you can’t just put it up and leave it there. A good site creation plan should incorporate the long term.

Â