Input:
Interviews with the clients, Mails and supporting docs by the client, Discussions Notes, Online chat, Model sites/applications etc.,
Output:
1. Work plan,
2. Cost involved,
3. Team requirements,
4. Hardware-software requirements,
5. Supporting documents and
6. The approval.

Design:

1. Research and planning
2. Draft design
3. Design

• Requirements gathering
• Project planning

• Sketching
• Color selection
• Functional specification

• Finalizing initial homepage look and feel
• Finalizing inner page look and feel

• Modifications

1. iv. Modifications based on client’s feedback

Input: Requirement specification, Model sites/applications
Output: Site design with templates, Images and prototype.

Development (coding):
The developmental stage is the point where the web site itself is created. At this time, web developer will take all of the individual graphic elements from the prototype and use them to create the actual, functional site.
1. PSD to HTML (CSS Design)
2. Website functionalities implementation.
3. Integrate with CMS

Input: The site with PSD design and the requirement specification.
Output: Database driven functions with the site, Coding documents.

Testing:

Web based applications need intensive testing, as the applications will always function as a multi-user system with bandwidth limitations.
1. Valid CSS/ Valid HTML.
2. Browser Compatibility.
3. Spelling and grammar.
4. Functional testing.

Input: The site, Requirement specifications, supporting documents, technical specifications and technical documents.
Output: Completed application/site, testing reports, error logs, frequent interaction with the developers and designers.

Web development steps

Company  Name:

Contact name for this project:

Email:

Messanger ID:

Skype ID:

Phone:

Fax:

Hosting information:

Name of the hosting company of your site:……………………………………………………..

Contact person at the hosting company: ………………………………………………………..

Email:…………………………………………………………………………………………………..

FTP URL: ………………………………………………………………………………………..

FTP User: ………………………………………………………………………………………..

Password: ………………………………………………………………………………………..

Any Special Instruction: ………………………………………………………………………………………..

Information to help us design your site:

This is a new design or a redesign? ………………………….

What is your time frame? ………………………………………..

What is the purpose of this web site? ……………………………………………………………………………………

………………………………………………………………………………………………………………………………………………..

………………………………………………………………………………………………………………………………………………

What are your selling/promoting? ………………………………………………………………………………………………   ………………………………………………………………………………………………………………………………………………..

………………………………………………………………………………………………………………………………………………

What is/are unique about your products/services  ………………………………………………………………

……………………………………………………………………………………………………………………………………………

Who is your target audience? ( Age, Interest, Income range, occupation etc)……………………….. ……………………………………………………………………………………………………………………………………………….

Who are your competitor? ……………………………………………………………………………………………………

Why do people wants/need your Products/Services?   ………………………………………………………….

Will the site need to be updated on a regular basis? ……………………………………………………………….

Write down your keyword ( These are the word people are most likely to use in a search engine to find you.)…………………………………. ………………………………………………………………………………………. ………………………………………………………………………………………………………………………………………………

Design:

1. What  you need Static or Dynamic webpage?
2. Do you have any preferred CMS for your web development? Yes/No If yes then – Select.   A. Joomla  B. Wordpress   C. Drupal
3. Do you need any E-commerce application? Yes/No
4. Do you provide design PSD containing all pages of your site? Yes/No
5. Do you have any preferred Framework? Yes/No if yes  Select-  A. CakePHP B. Smarty
6. What Development Language you preferred most? Select A. PHP B. ASP
7. Is there any reference site? If yes please write down
   i)……………………………………………………..  ii)………………………………………………………………

Requirements:

Sitemap: Please provide detail sitemap for your website.

Design PSD: Please provide Photoshop or illustrator design for each page in site map.

Development:

1. Tableless( div base): Tableless web design (or tableless web layout) is a method of web design and development without using HTML tables for page layout control purposes. Instead of HTML tables, style sheet languages such as CSS (Cascading Style Sheets) are used to arrange elements and text on a web page. Tableless design takes more time than using table layout design.
   >>  Do you like A. Div based B. Table Based C. Any
2. SEO (Meta data): Search engine optimization (SEO) is the process of improving ranking in search engine results. For SEO Optimization programmers have to do much.
   >> Do you want to SEO optimization? A. Yes  B. No
3. Valid (X)HTML : Development using only W3C recommended html tag.
   >> Do you prefer valid xhtml?  A. I need valid xhtml   B. No choice
4. Valid CSS : Development using only W3C recommended CSS tag.
   >> Do you prefer valid CSS?  A. I need valid CSS   B. No choice
5. Browsers compatibility (Cross-browser): refers to the ability for a website, web application, HTML construct or client-side script to support all the web browsers.
   >> Do you want cross-browser compatibility? A. I need  B. No choice

Questionnaires:

1. Does the site have a 404 error page?
2. Does the site have a favicon?
3. Does the site supported for Multilanguage?
4. Does the site have a sitemap page?
5. Does the site have a contact page?
6. Does the site include detailed metadata?
7. Does the site work acceptably across modern and older browsers?
8. For large sites, Is there a search tool?

http://www.outcut.de/MooFlow/example-fullsize-viewer.html

http://demos.mootools.net/

http://sixrevisions.com/javascript/mootools_tutorials_and_example/

(1) HeadSpace (http://wordpress.org/extend/plugins/seo-slugs/)
(2) SEO Slugs (http://urbangiraffe.com/plugins/headspace2/)
(3) Twitter real time search scrolling (http://gopi.coolpage.biz/demo/2009/08/10/scroll-twitter-realtime-search/)
(4) FollowMe (http://wpburn.com/wordpress-plugins/wp-followme-plugin)
(5) SEO Friendly Images (http://www.prelovac.com/vladimir/wordpress-plugins/seo-friendly-images)
(6) Yoast Breadcrumbs (http://yoast.com/wordpress/breadcrumbs/)
(7) Meta Robots WordPress plugin (http://yoast.com/wordpress/meta-robots-wordpress-plugin/)

Permalinks: The first thing I need to change is permalink structure. This is under Settings -> Permalinks. The default permalink is ?p=<postid>, But is not good for SEO. So I prefer to use custom structure  /%category%/%postname%/

Optimize My Titles: By default, the title for your blog posts is “Blog title » Blog Archive » Rich post title”. But I find a important think i.e Search engines put more weight on the early words, so if my keywords are near the start of the page title it may rank well. Another think is that people scanning result pages see the early words first. If your keywords are at the start of my listing my page is more likely to get clicked on. I check your header.php though, and make sure that the code for wp_title(); contains two quotes, so it looks like this: wp_title(’ ‘);. This makes sure I have absolute control over the title and don’t have any annoying separator in there. The address url is editable for every individual post, pages. I edit the address url for every post and page. I put the rich keyword in the address url.

Optimize My Descriptions: Give each category a decent description, and I use HeadSpace to add that description to the meta description, by adding %%category_description%% in the Description field. After that, write a description for each post or page that I actually want to rank with.
[Auto generating descriptions is not good for SEO, most plugins pick the first sentence, which might be an introductory sentence which has hardly anything to do with the subject, or another sentence with a keyword in it, which might be completely wrong to pick as description. Thus, the only well written description is a hand written one]

Optimize the More text: One of the good featuer of HeadSpace is that I can use it to optimize the more text, I can replace the default “Read more” link with something meaningful for every post. It’s small things like that, that make my site SEO the best.
Image Optimization: Give a good name of the image files and writing good alt tags for images, it can get a bit of extra traffic from the different image search engines.
[ If I have a lot of images in my site it is time consuming to write alt tags for each and every images for this we can use a plugins name SEO Friendly Images (http://www.prelovac.com/vladimir/wordpress-plugins/seo-friendly-images) it can automatically add image's alt and title tag]

Use Twitter: Twitter is a social networking site. Almost all the “cool” people are on there, and they read their tweets more often than they read their e-mail, I use Follow me, and Twitter Updater plugins to give a test of the site browser.

Noindex: I Install my robots Meta plugin, and make sure the settings prevent indexing of all unnecessary  pages.
Speed Up Wordpress:  A very important factor in how many pages a search engine will spider on my blog each day, is how speedy your blog loads. I use WP Super Cache Plugins to speed up wordpress. It Optimize the template to do as small an amount of database calls as necessary.

Some of SEO Best practices:
Conversion optimization: It is good for SEO to have a option that people will subscribe, either by e-mail or by RSS. BIG RSS subscribe button is very important, as is offering a way to subscribe by e-mail.

Nofollowing links: This is a important step to increase your WordPress SEO is to stop linking to my login and registration pages from each and every page on my blog. The same goes for RSS feeds, subscribe by e-mail link, etc. Robots Meta has an option to nofollow all your login and registration links. You’ll probably have to go into your RSS links and nofollow those by hand.