Website design tools, web design cost

Website for sale!

Are you looking to expand your portfolio? Maybe you want a fresh start in a new niche? Or maybe your website isnt the type of website that generates sales … Maybe you dont even own your own website yet …
Mesure your website cost by http://bizinformation.org/us/. Very useful tool for North American web developers!

Announcing the release of Office 2010 Beta

Now is your chance to discover firsthand how the beta releases of Office 2010, SharePoint Server 2010, Project 2010, and Visio 2010 deliver collaboration and productivity enhancements to provide a superior user experience, whether it’s on a PC, a Web browser, or a Windows phone.

Download the betas today to get critical hands-on experience-and get ready to help your customers increase efficiency and streamline business processes by making the most of their existing resources. You’ll also want to provide input to help us refine the products before they’re released to manufacturing.

New features make working together easier than ever before.

. New or enhanced customizable templates, photo editing, and co-authoring capabilities in Office 2010
. Quick and easy access to resources and knowledge-in a familiar environment-with SharePoint Server 2010
. New collaboration tools in Project 2010 that provide even better visibility into projects at all levels
. Visual tools and templates, and Web-sharing capabilities in Visio 2010 that bring real-time data together from multiple sources

How Much Does a Web Page Cost?

Most clients would look at this and say, “Hey, it’s just a page! That should take about five hours to build, right?” Not even close. Here’s why. The team that builds this page is made up of the usual suspects:

  • A “Web strategist” who might be an owner-level person offering strategic guidance: $80,000 a year
  • A “senior producer” who’s the account manager: $54,000 per year
  • A “creative director” who leads the creative development: $80,000 per year
  • An “art director ” who does the heavy design lifting; $61,000 per year
  • A “Web designer” who puts the page together: $48,000 per year
  • A “Web developer” who’s really the programmer who makes the form work and integrates it with the database: $60,000 per year
  • A “copywriter” who writes the copy for the page: $65,000 per year.

Those numbers come from the AIGA, and the team seems like a reasonable mix to get the job done. The salaries seem low to me but represent median salaries across the country for these positions. Your mileage may vary.

How much do these people need to be billed out at to make a decent profit? If we assume the average reasonable billable time for people is 1,428 hours per year (the Tortorella article offers detail), agency overhead amounts to about 67 percent of salary (again, a reasonable number according to Tortorella), and a 25 percent profit is reasonable (an assumption, but a percentage many of us shoot for), then following billing rates make sense for the positions above:

  • Web strategist: $107.56 per hour
  • Senior producer: $49.85 per hour
  • Creative director: $73.85 per hour
  • Art director: $56.31 per hour
  • Web designer: $44.31 per hour
  • Web developer: $55.38 per hour
  • Copywriter: $60.00 per hour

These numbers seem conservative, but they’re what we’ve got for this exercise. We’ll assume an average hourly rate of $63.89, just to keep things simple and conservative.

Now let’s look at the tasks necessary to get this single page completed. There’s the concept phase, when the page is planned. We need account management of the project, page design, page production/layout, copywriting for the page, inquiry form production, and the programming that goes into the form. Makes sense, right?

There’s not enough space here to go into all the details of individual tasks and hours, but let’s assume these are reasonable numbers for the tasks if you include client meetings, a couple revisions, and the usual back-and-forth that always takes place:

  • 5 hours of creating the concept = $319.47
  • 5 hours of account management = $319.47
  • 6 hours of design = $383.36
  • 7 hours of production/layout = $447.26
  • 12 hours of copywriting = $766.72
  • 7.5 hours of form production = $479.20
  • 4 hours of form programming = $255.57
  • 46.5 total hours x $63.89/hour = $2,971.05

There you go. Nearly $3,000 for a page and about nine times the number of hours the client assumed when they first heard about the project. Amazing, huh? You may quibble with some assumptions, but I’ve tried to be pretty conservative. The hourly rates are probably about half of what most companies I’ve encountered actually charge. Heck, when’s the last time you ran into a creative director at a midsized to large agency who only makes $80,000? If you have, please have him contact me. I may have a job for him.

The bottom line is Web development is expensive, involves lots of people, lots of management, and lots of back-and-forth with the client. Except in the rarest of cases, none of us ever builds just pages but complicated applications and Web presences that often involve hundreds of pages, databases, multimedia, tons of content, multiple forms, and lots and lots of client meetings and approvals. Unfortunately, few of us walk our clients through really understanding the process (and the hours) that make it all happen

The next time you encounter someone with sticker shock when handing him an estimate, don’t dismiss him. Walk him through what needs to be done and see if he still thinks that page can be whipped out in a couple of hours. It’s an educational opportunity that shouldn’t be missed.

By Sean Carton

Good times with inbound links

Inbound links are links from pages on external sites linking back to your site. Inbound links can bring new users to your site, and when the links are merit-based and freely-volunteered as an editorial choice, they’re also one of the positive signals to Google about your site’s importance. Other signals include things like our analysis of your site’s content, its relevance to a geographic location, etc. As many of you know, relevant, quality inbound links your PageRank (one of many factors in our ranking algorithm). And quality links often come naturally to sites with compelling content or offering a unique service.

How do these signals factor into ranking?

Let’s say I have a site, example.com, that offers users a variety of unique website templates and design tips. One of the strongest ranking factors is my site’s content. Additionally, perhaps my site is also linked from three sources — however, one inbound link is from a spammy site. As far as Google is concerned, we want only the two quality inbound links to contribute to the PageRank signal in our ranking.

Given the user’s query, over 200 signals (including the analysis of the site’s content and inbound links as mentioned above) are applied to return the most relevant results to the user.

So how can you engage more users and potentially increase merit-based inbound links?

Many webmasters have written about their success in growing their audience. We’ve compiled several ideas and resources that can improve the web for all users.

Create unique and compelling content on your site and the web in general

  • Start a blog: make videos, do original research, and post interesting stuff on a regular basis. If you’re passionate about your site’s topic, there are lots of great avenues to engage more users.If you’re interested in blogging, see our Help Center for specific tips for bloggers.
  • Teach readers new things, uncover new news, be entertaining or insightful, show your expertise, interview different personalities in your industry and highlight their interesting side. Make your site worthwhile.
  • Participate thoughtfully in blogs and user reviews related to your topic of interest. Offer your knowledgeable perspective to the community.
  • Provide a useful product or service. If visitors to your site get value from what you provide, they’re more likely to link to you.
  • For more actionable ideas, see one of my favorite interviews with Matt Cutts for no-cost tips to help increase your traffic. It’s a great primer for webmasters. (Even before this post, I forwarded the URL to many of my friends. :)

Pursue business development opportunities

Use Webmaster Tools for “Links > Pages with external links” to learn about others interested in your site. Expand the web community by figuring out who links to you and how they’re linking. You may have new audiences or demographics you didn’t realize were interested in your niche. For instance, if the webmasters for example.com noticed external links coming from art schools, they may start to engage with the art community — receiving new feedback and promoting their site and ideas.

Of course, be responsible when pursuing possible opportunities in this space. Don’t engage in mass link-begging; no one likes form letters, and few webmasters of quality sites are likely to respond positively to such solicitations. In general, many of the business development techniques that are successful in human relationships can also be reflected online for your site.

Now that you’ve read more information about internal links, outbound links, and inbound links (today’s post :), we’ll see you in the blog comments! Thanks for joining us for links week.

How important is submitting sitemap to google?

Years ago, getting back links to a website was the most important factor in SEO, but now, that is not the only important factor. This article explains the use of sitemap in SEO as an essential factor in assisting web crawlers to navigate a website.Here are some hallmarks of a good site map, which helps visitors at finding information quickly on your web site

  • The site map should be the simplest page on your web site.
  • Do not give a fancy name to the site map link such as “Web Site Tree” – keep it as “Site map”, this way your visitors understand immediately what you mean.
  • You should always avoid “dynamic” site maps. Those in which the visitors have to “work” their way to get hold of information. Remember, the reason visitors comes to a site map page is because they are lost. To make them work again for something that you can display as a simple static link will just kill the purpose of having a site map.
  • If the site map is list of text links, be sure to use the TITLE attribute of the anchor tag and include keywords inside it.
  • It is a good idea to put a sentence describing the page contents below the link for that page on a site map.
  • A site map should not be the primary navigation on your web site it should complement it.
  • A link to the site map page is very important and all pages should carry this link. The site map link can be included with other links in the main menu on your web site or placed at a section on the web page from which is it clearly visible.
  • Other important aspects on a web site should complement site maps. For example, the link color for visited links should be different from that of non-visited links so that visitors understand which pages they have already seen and thus, save time.

Search Engine Optimization. A lot of people are clamoring to know exactly what it is. SEO is the process of enhancing the presence and visibility of a website on search engine listings. Not only is it a process, it is about the tool required to make the enhancement happen. There are two main types of search engine optimization:

  • On page Optimization
  • Off Page Optimization

When SEO was in its infancy, getting back links to a site was the most important factor. In fact, many books and articles written on the subject will still tell people that getting back links is the only proper way to optimize a website. Back links with proper anchor text, of course.

After search engine optimization has a chance to mature, SEO specialists became aware that using only back links is not at all the best way to optimize a site. In fact, if an SEO is only creating back links, the site is not getting optimized.

In On page site optimization, there are techniques and tools that are related to your own website and in OFF page optimization, there are items which are related to the other websites. In On page the old technique was Meta Tag Optimization, appropriate content, Alt tag optimization, proper navigation for the website and much more activities through which changes were made to the website, itself. In OFF page optimization, only back links were created.

Today, optimization is a little bit different. While usimg the old techniques are still appropriate, creating a Sitemapcan be added to the list. Sitemap is something that came in existence a few years ago.

A Sitemap is a graphical representation of the architecture of a website. There are two kinds of site maps. The first is used to assist visitors to a site to navigate the site and the second is done in XML. XML Sitemaps, usually called Sitemap with a capital “S”, are used by Goggle to gather information about the site.

Sitemap is especially important if your site:

  • Has dynamic content
  • Has pages with a lot of flash or AJAX
  • Is new and doesn’t have many links
  • Has a lot of archived pages that are not linked well, or not at all

The use of Sitemap becomes doubly important if the site has pages that can only be accessed through user entry. Sitemap will assist web crawlers in finding and accessing the pages.

SitemapDoc – Google Sitemap Generator and Editor
RSS Feed generator

Google Learns Flash

Since Flash was created SEO’s have had nothing but trouble with people whose sites are made purely of flash or if the site in question included a lot of flash content. The reason the trouble arises is due to Adobe Flash’s inability to be properly indexed by search engines but to the joy of web-designers this problem may be finally (or at least in part) coming to end.

Google have recently been working closely with Adobe to create a cleaner and more in-depth search algorithm that utilises Adobe’s Flash Player so that it can Index all the textual content and links in a Flash app (yes so that means flash menu’s will work! *gasps*). The immediate problems SEO’s have always had when it comes to flash menu’s in particular is that the site’s other pages don’t get indexed, since the menu doesn’t get indexed the links to the rest of the site won’t get indexed so in essence Google doesn’t know there is any more to the site than the homepage. But thanks to this advancement in the search Spiders website owners will now be able to keep their flashy shiny menu bars and boxes (although the images won’t be indexed, yet) but of course this hasn’t solved everyone’s problems. Unfortunately for people who have completely flash-driven sites you’re still unfortunately going to be kicking and screaming for website rankings, maybe not as much as you where before, but still screaming.

The main problem with completely flash driven sites is that flash is still one application, on one page, on one site; Google simply can’t determine links within a flash application. For example, if you have a flash site which has a menu with say, Home, About Us and Contact Us on it. If you click the About Us Link on the app the application will change its display to the ‘About Us’ page, you’ll also notice that the URL in your browser is still the same. This is essentially because in the eyes of the web you haven’t gone anywhere, all you’ve done is tell a program to change what it’s currently displaying.

This is what creates the problem for Google, the spider sees that page as a single entity the only difference is that Google will now read every piece of text that’s in that flash file and consider everything it finds the content of that sole page. Which means if you’ve got an enormous flash site with a lot of text then you’re going to have one seriously over-packed and unfocussed page which isn’t particularly good for SEO on it’s own unless you’re trying to rank for one of those unbearable ‘get rich quick’ schemes.

Summary, this is definitely going to make designers lives easier and ensure that people with flash navigation will actually be spidered properly which will benefit a lot of sites. I’m just hoping that these new advancements in flash-indexing continue and advise everyone to wait before going flash crazy.

(I decided to do a couple of searches for .swf files on Google and it seems to be working in a relatively ordered manner. Unfortunately people’s programs often haven’t got the best text to start off on such as ‘video title here’ and such but it’s good to see it working.)

Design It Yourself Or Hire A Pro?

Whether you should design that website yourself or hire a professional web designer depends on several very important factors. One of the most important things to consider is the level of expertise that you or your employees have in the necessary web technology needed to create an attractive, professional looking website that functions the way you want it to be. The decision whether or not to do it yourself comes down to your skill levels, the features you want or need, the image you want to project for your web site and the amount of time you have to devote to building the website. Read more

Communicating Your Needs to Your Web Designer

Communicating with a web designer can be the most difficult part of the hiring process because you and the web designer don’t speak the same language when talking about the details of a website. This article explains how to get your ideas across to the web designer you want to hire.

Ok, so you’ve decided to hire a professional web designer to build your website. You spent some time looking for the right person. Eventually you found the right web designer that you believe will design the most “remarkable”, “extraordinary” website the internet community has yet seen.

So now what? Explaining to the web designer the layout design you have in your mind can be a very frustrating process. You will find that putting the “picture” in your mind into words can be a difficult task. Actually in most cases this is the biggest hurdle between you and the final outcome. No matter how talented the web designer is, if you can not communicate with him properly, in his own professional language, he will not be able to use his talent to achieve your design.

There are two possible situations you may face:
1. You know what content you want on the website but have no clue how to present it to the user.
2. You know what content you want on the website, and you have the layout in your mind, but you don’t know how to implement it.

In both cases you will need to explain your thoughts to the web designer. Although most people who read those lines are probably thinking that being in the second situation is better then being in the first situation. However, real life experience shows the opposite to be true. Giving a web designer the complete freedom of action regarding the web design based solely on the website content is usually a smart thing to do. You will find that explaining to the web designer what the nature of your website is, whether it’s a product that you want to sell or a hobby item, is much easier then trying to explain to him the temperate of the color schema or an undefined shape that you would like to have in the website header.

Actually for both of the situations, I would suggest you use the same approach, but with a minor modification to each situation. If you know of a website that has all the features you want or need and/or a site that looks the way you want your site to look, be sure to give the site’s url to the web designer. Doing so will give him some idea of want you want. You will both be looking at the same thing but will actually look at it from a different angle. Therefore, it may be better to give him more than one website as an example. The more websites you find that can express your feelings and/or needs, the easier it will be for web designers to understand your intention without you having to use a single “technical” term. Chances are that you won’t find a single website that has all of the feature you want. After all, if such a website already exists there would be no place for your new web site to be born. Use several websites to express the different features you want. Spend as much time as necessary until you find just the right websites to provide examples of your needs. Doing research at this stage will definitely save you a lot of time later trying to point the web designer in the right direction.

Although you are the one who needs to express your self to the web designer, you must learn to listen to him as well. When he uses technical terms, ask for their meaning. Do not finish any part of the conversation unless you are absolutely sure that both sides are on the same page. Remember that when a web designer speaks about the temperature of a color, he is not talking about the next day’s forecast.

Remember, you hired a professional web designer because you want a professional looking website and you couldn’t do it yourself. So, trust the web designer’s judgment when they tell you something you want won’t work or isn’t the best way to accomplish your goals. After all, you are paying them for their expertise. Don’t try to tell them how to do their job.

It is OK to require that a web designer gets your approval each step of the way so you can tell them if one of your goals isn’t being met. Also, if you really don’t like how something looks and want it changed, tell them immediately. Don’t wait until everything is done and then decide you don’t like it.

A final word about cost

You have agreed on what needs to be done and the web designer has given you a price quote. Simple modifications and bug fixes are usually included in the price. However, other major changes or outright revisions may or may not be included. Make sure the agreement states what is included, what constitutes a revision rather than a fix, and how many changes you can make after delivery without incurring additional costs.

About the Author:
Warren Baker is an Internet business consultant for WebDesigners123.

Annoying Website Design

Have you ever considered that your website may be annoying? When it’s comes to website design, knowing what visitors hate most is a must, unless you don’t want them to visit you again. This article describes what you should exclude from your website. If you know about an annoying website, feel free to send this article to its webmaster.

A few weeks ago I received an email from a colleague asking me to check one of the website he had developed. He is a web designer and his client wanted a nice attractive flash header. The flash header was great. You can’t miss it at all. Some nice graphics elements were flying in while sound effects created just the right atmosphere. However, after starting to explore the website, the header became very annoying because every time you clicked on the website the header restarted. What was pleasant initially became very annoying very quickly, disturbing your concentration and making it difficult to read what was on the page.

He is not the first to create what I like to call – “annoying website design“. Many webmasters, especially new webmasters are totally “in love” with their ideas and tend to go overboard with their design in one way or another. It’s nice to have an attractive header, but is it really necessary to assault the visitor’s mind with it? In my opinion, absolutely not!

Webmasters sometimes forget that their website design should send a message to the visitor that should reflect the website topic and not the programmer’s skill level.

Is Your Website Design Annoying?

Well…. It’s not that hard to be annoying. However, some webmasters are much better than others at annoying their visitors. Check my top 5 list and decide for yourself whether you have been annoying your visitors.

1.Background music – Unless you are operating an online internet radio station or sell music CDs, why play a midi/wav file in the background continuously on every page?

2.Huge font size – If you are designing a website for people with a disability then you are doing the right thing, but if not then you are shouting. People don’t like it when someone shouts at them.

3.Small font size – Do you want to be heard? Keep a normal tone, don’t shout but “speak” in a reasonable volume.

4.Overlapping layers – Layers can be very useful up to the point. But not when they are being used to put an annoying message in the visitor’s face. Don’t try to force your visitor to read your messages. Try persuasion instead of brute force.

5.Popup windows – Even though popup windows are now blocked by many add on tools, webmasters keep using them. The annoying part of popups is sometimes we actually miss important information because of those anti popup tools. Haven’t you heard the old phrase “if you can’t beat him, join him”? Don’t use pop up windows. Put your important messages in a central place on your website.

Most likely each one of us has our own private top five lists. You probably have many more annoying design cases in mind. Well, you’re right, the list is much longer then that. I just wanted to describe some of the highlights in order to bring this important subject your attention.

Some of you are probably reading those lines and smiling while some others have a feeling a deja-vu. Keep in your mind that as a webmaster the last thing you want to do is put lots of effort into your website and then find out that your visitors hate it. It’s not a matter of taste, it’s more about being the same polite person we all try to be when we go to a party.

I tried to point out a few things that might be useful to some web designers and webmasters. I don’t know about you, but I’m going to send this article to my friend, hopefully he’ll send it to his client :)

About the Author:
Warren Baker is an Internet business consultant

5 Easy Ways to Improve Your Website’s Legibility

By Debbie Campbell

Websites that make their customers work to read them are not the best way to get business. Minuscule fonts, text in colors that make it hard to see against the background color, and lines that are piled on top of each other are problems, but they’re easy to correct. Let’s jump right in and look at five easy fixes:

1. Format your text using CSS.
Cascading Style Sheets (CSS) are the way to go – use one style sheet and control how text looks on your entire site. Make a change to the style sheet and your whole site is updated. It makes life a lot simpler.

2. Make the font size big enough to read.
Consider your target audience. Even if they are a group of teenage girls looking for new shoes, it’s never a good idea to use tiny type. It doesn’t have to be enormous, but up to a point, larger type is better. 12-pt Verdana is better than 8-pt Verdana.

3. Make the text contrast with its background.
The more contrast, the better. Black-on-white or white-on-black are examples of the highest contrast you can get. Use colors if you like, but if you squint at the page and your text basically vanishes, there’s not enough contrast.

4. Give the lines room to breathe.
Don’t stack lines on top of each other. Use the line-spacing directive in CSS and give it some space; I’ll often set line-spacing to 140% of the height of a typical line.

5. Break text up into chunks.
No matter how good a writer you are, people don’t want to read endless pages of text. Break it up by using headlines that reflect the subject of the paragraph(s) to follow so people can scan down to the parts that really interest them, or use bulleted lists to change the pace of the writing and slow down the scanning.

And finally (not one of the 5 Easy Ways to Improve Legibility but still quite important) check your spelling. Nothing irritates me more on a web page than spelling errors – it simply makes you look like you don’t care enough to get it right. Use that ubiquitous spellcheck tool.

Making your website’s content more legible is easy. It doesn’t take a lot of time, mainly common sense. The payoff will be text that’s more readable, customers that stick around long enough to get your message, and improved credibility with your visitors.

Copyright 2006, Debbie Campbell
http://www.pageresource.com/zine/cc_5easyways.htm