1. Refine Produce Implement
Design and Development Stages
Refine Produce Implement

2. Project Analysis & Design Phases
Discover
Exploration
Refinement
Production
Implementation
Launch
Maintenance

3. Refinement
Polishing the navigation, layout, and flow of the selected design.
By the end of the refinement phase, you will have a highly detailed design to present to your client.

4. Interactive Prototype
Production – Developing the fully interactive prototype that embodies and represents the final design idea.
The client will have a better feel for how the finished web site will look and perform.

5. Design Guidelines Fonts Color of links Color scheme
Style guide for consistent writing (for example, do you use or )

6. Naming Conventions
Some prefer "aboutthecompany.html" vs. "about.html".
Try to avoid falling into the trap of "AboutTheCompany.html". Using key caps will only be another convention to remember.

7. Version Control
If you have 3 or more people working on the HTML of your site, you will want to have some kind of established method of version control in place to avoid writing over files or duplication of efforts.

8. Usability Testing
Make sure you have reached the goals - test to see if the web user can complete the task(s) you want them to accomplish.

9. Inverse Pyramid Writing Style
Customers want web pages to download fast, be easy to use and fast to scan.
Employ a common journalistic style called inverse-pyramid writing.

10. Headlines
Main idea
Background info
supporting details
quotes

11. Grab attention within 7 seconds!
Place the most important information above the ‘fold’ or before they need to scroll.

12. Screen Resolution Best Screen Resolution to design Websites
800x600? 1024x768? The oldest question in website design - 'What's the best monitor screen resolution to use when building your site?

13. Web Browser Compatibility
Browsrcamp - Returns a screenshot of your page as viewed with Safari.
Browsershots - Screenshot of your page in many browsers. Up to 24 hour wait.

14. Validators XHTML Validators W3C Markup Validation Service
CSS Validtators
W3C CSS Validator

15. Don’t Forget Accessibility Issues
Total Validator- test single pages of web content for quality, accessibility, and privacy issues

16. Optimization
Optimization
Web Page Analyzer

17. Go Impress Them!
You can do it!