| |
10 Step Web Design And Development Contract Agreement
By Cosmin Ghiurau
This is not written by a professional lawyer or anyone close to one. It is written by a typically business owner of a successful web development company who has no law degree or the budget to hire a lawyer to write a web development contract. However, they are in need of a contract agreement that will assure a project will be well outlined for both the client and the developer as to what the expectations are of the entire project.
I must write a disclaimer that this proven web development agreement is purely based on experience and knowledge of the web design and development industry. Others may write these contracts and agreements differently. This article is written to help others who wish to know how to begin to write a 10 step web design and development agreement. So enough said, lets get down to the 10 steps:
1. Scope of Services:
Start off with the most important aspect of the entire project. What exactly are you as the developer going to do for the client? Present a general 3-5 sentence summary of the scope of service. Will you be responsible for the design and programming? How will the website be updated? Who will be responsible for the marketing at the end of the proejct? Who will host the website when the project is done?
2. Price and Payments
This is the area where you are upfront and state the exact price payment and terms of the payment is split up into installments. Is the project quoted at a fixed rate? Is it an hourly rate and how is this documented and tracked? Will the payments be made with a certain percentage up front as a down payment and then a monthly billing cycle, or is it a milestone related payment system?
3. Term and Termination
How long will this agreement contract be enforceable? If the client does not want to persue the project of the way through the project how can he get out? What are the penalties and timeframe they can exit the contract? This is crucial especially to web development agreements with entreprenuers and startups who many times have a great idea, some type of outline or business plan for what they wish to do, but for some reason never finish through with the project. Then as the developer you must have certain rights. Do you keep all of the code that has been developed? Can you finish it and retain intellectual property to it? Many factors can go in this area, but it protects both the client and the developer in the case a developer never is able to complete a project or continues to be
Article :: Adobe Fireworks CS5: A Rock-Solid Contender
Jim Babbage, coauthor of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321704487">Adobe Fireworks CS5 Classroom in a Book</a>, reports on some of the many changes in the newest version of Fireworks, with particular emphasis on mobile design and efficiency improvements.
Article :: The HTML Pocket Guide: Lists
HTML affords you three list types: definition list (dl), ordered list (ol), and unordered list (ul). Bruce Hyslop explains each in depth in their respective entries in this chapter.
Article :: Flexible Web Layouts with CSS3 Media Queries
Can your website handle the various screen sizes and other features of modern electronics? Chris Mills, one of the authors of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321703529">InterACT with Web Standards: A Holistic Approach to Web Design</a>, shows how to use CSS3 media queries to combine multiple CSS formatting options into a single stylesheet, optimizing your site to adapt dynamically to match any device.
Article :: Time to Learn PHP? Dreamweaver CS5 Is Here to Help You
David Powers, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321719840">Adobe Dreamweaver CS5 with PHP: Training from the Source</a>, discusses the dramatic improvements to PHP support in Dreamweaver CS5 that should appeal to designers and serious coders alike.
Article :: Working with Type in the Adobe Illustrator CS5 Perspective Grid
In print or online, readers are unimpressed by text that's just plonked down onto a graphical background. On the other hand, type with tasteful effects can make a publication or web page much more inviting. David Karlins, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321719867">Adobe Creative Suite 5 Web Premium How-Tos: Essential Techniques</a>, shows how to manipulate text in Adobe Illustrator CS5 to lend great visual perspective.
Article :: Designing CSS Page Layouts with Dreamweaver CS5
David Karlins, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321719867">Adobe Creative Suite 5 Web Premium How-Tos: Essential Techniques</a>, is enjoying the improved page layout capabilities of Dreamweaver CS5. In this tutorial, he demonstrates some of his favorite features.
Article :: InterACT with Web Standards: Positioning
Chris Mills covers positioning, one of the hardest concepts to grasp in CSS. He also sneaks in some words about z-index and media queries for an extra special crunchy treat.
Article :: InterACT with Web Standards: Learning from the Web
Much like anything, learning effectively on the Web requires a skill set that goes beyond constructing a solid keyword search in Google. Denise R. Jacobs shows you how to identify your learning style, introduces you to useful online tools, and explains the best ways to collaborate, share, and find inspiration.
Article :: The Usual Suspects: Detecting and Preventing the Most Common Culprits Behind CSS Problems
Denise R. Jacobs, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321683943">The CSS Detective Guide: Tricks for Solving Tough CSS Mysteries</a>, presents a lineup of the biggest CSS troublemakers. By arresting these problems in your code, you can create smooth layouts in which all the elements are good citizens.
Article :: Modifying Drupal Themes with Dreamweaver CS5
In this tutorial, David Karlins shows how easily you can change the look and feel of a Drupal website with the help of new features in Dreamweaver CS5.
Article :: The Case for Designing with Progressive Enhancement
Learn how to create sites that deliver the highly interactive experiences that JavaScript, advanced CSS, and Ajax afford, and at the same time ensure that the very same codebase will work everywhere.
Article :: The JavaScript Pocket Guide: Arrays
Arrays and loops have endless uses in JavaScript programming. Lenny Burdette tells you all about arrays.
Article :: Effortless Flex 4 Development: Inline Event Handling
Larry Ullman shows you how to work with inline event handling in this excerpt from his book, <a href="http://www.peachpit.com/store/product.aspx?isbn=0321705947">Effortless Flex 4 Development</a>.
Article :: Introduction to The CSS Detective Guide
Denise R. Jacobs introduces HTML best practices: document structure, good semantics, and tag structure. From there, she moves on to CSS, including rule structure, getting the styles into your documents, and commenting.
Article :: The CSS Detective Guide: The Case of the Devilish Details
Help Denise R. Jacobs solve the mystery of CSS code gone wrong in this case study from her book, <a href="http://www.peachpit.com/store/product.aspx?isbn=0321683943">The CSS Detective Guide: Tricks for solving tough CSS mysteries</a>.
Article :: Adobe® ColdFusion® 9 Web Application Construction Kit, Volume 1: Introducing ColdFusion Builder
One of the most exciting and eagerly anticipated additions in Adobe® ColdFusion® 9 is the ColdFusion® Builder™, a new development environment designed specifically for us ColdFusion developers. Ben Forta describes the relationship between ColdFusion Builder and Eclipse and helps you get started with ColdFusion Builder.
Article :: Adobe Flex 4: Training from the Source, Volume 1 - Using Simple Controls
An important part of any application is the user interface, and Adobe Flex contains elements such as buttons, text fields, and radio buttons that make building interfaces easier. This lesson shows you how to add user interface elements to enable the customer to find more details about the grocery items and begin the checkout process.
Article :: Adobe® Flash® Catalyst™ CS5 - A Smart Choice for Web Designers
Using Flash Catalyst, designers can publish working Flex applications without writing a single line of code. Scott Tapley takes a look at ten features and benefits that make Adobe Flash Catalyst CS5 a smart choice for anyone who produces interactive content for the web or desktop.
Article :: Effortless Flex 4 Development: Fundamental Concepts of Event Management
In order for applications to be truly a user experience (which is to say, interactive), you need to know how to manage events. Larry Ullman shows you how event management works in Flex 4.
Article :: Adobe® Dreamweaver® CS5 Classroom in a Book: Creating Style Sheets for Other Media Types
By creating and attaching style sheets optimized for other media, the specific browsing application can select the appropriate style sheet and formatting for its own needs. In this exercise, you?ll convert a CSS screen-media file to one optimized for print.
Article :: Adobe® Dreamweaver® CS5 for Windows and Macintosh: Visual QuickStart Guide - Working with Local and Remote Sites
Adobe® Dreamweaver® CS5 has all the tools you?ll need to create your web site, work with its files and folders, and then transfer it to the Web server. Tom Negrino and Dori Smith explain local and remote sites and how to create the local site.
Article :: Adobe® Fireworks® CS5 Classroom in a Book: Using the Compound Shape Tool
The Compound Shape tool lets you temporarily group multiple vector shapes together as you draw them, making it easy to move the objects at the same time, yet also allowing for quick and easy editing of any shape within the compound group. This excerpt from <em>Adobe® Fireworks® CS5 Classroom in a Book</em> shows you how to use the Compound Shape tool.
Article :: Adobe® Flash® Catalyst™ CS5 Classroom in a Book: Preparing a Design Document
The way you approach the design and organization of your artwork has a significant impact on the structure of the project in Flash Catalyst and the underlying code. This excerpt from <em>Adobe® Flash® Catalyst™ CS5 Classroom in a Book</em> will help protect the integrity of your design and minimize re-working or re-structuring assets after bringing them into Flash Catalyst.
Article :: Adobe® Flash® Professional CS5 Classroom in a Book: Creating Symbols
In this lesson, you will select the different parts of the imported Illustrator graphic, and then convert the various pieces to symbols.
Article :: Adobe® Illustrator® CS5 Classroom in a Book: Editing the Perspective Grid
This excerpt from <em>Adobe® Illustrator® CS5 Classroom in a Book</em> shows you how to edit the Perspective Grid.
late on deliverables and the client wishes to terminate the relationship.
4. Ownership of Intellectual Property
One aspect that needs to be addressed is who will retain the intellectual property to the project? Typically the client retains all intellectual property. This area highlights all of the intellectual property covered such as the source code, all digital files, documentation, etc. Intellectual property is very important to any and all web design and development projects.
5. Confidential Information
Many clients wish to keep all information that is exchanged within a project to the developer as highly confidential and cannot be disclosed whatsoever. This must be addressed in any agreement as to the extent that information can be disclosed. Can the developer mention that they are working for the client during the course of the project to other prospects or potential clients? Many developers use their portfolio of clients as sales tools for other clients. This area must represent exactly what is disclosed and for how long. What period of time is the information kept confidential and so on.
6. Warranty and Disclaimer
Having a warranty on the work that is developed is standard in most web projects. Typically a 30-90 day warranty is given on all work to be functional and bug free. Now this is the area that small details such as the client having access to the server and by mistake entering the files and making changes on mistake that affect the functionality within the terms. Think of the label on products that you purchase such as furniture and mattresses. It says that the warranty is void if you tear the label off. This is what you can address in this area. You will provide warranty on certain terms and conditions with specific disclaimers as well.
7. Limitation of Liability
This is the area in which the developer discloses that they are not liable for any losses of money for the developer or other economic losses directly or indirectly associated with the development of the website. Some less experiences clients will turn around to the developer as the source of their website not succeeding online. Avoid issues in the future if something does not succeed that the client thought would, especially things that the developer cannot control once the website is launched. Also, during the project itself, if for whatever reason there is a financial loss, it protects you as a developer.
8. Relation of Parties
Make sure that the client and developer understand what their relationship is. Is the relationship a development partnership? Is it strictly a work-for-hire type relationship? Is it a client and vendor relationship. This is the area where this needs to be highlighted to make sure the business relationship is understood.
9. Employee Solicitation / Hiring
Many developers never think twice about this, but there have been cases where clients have lured employees or freelancers of the developer during or after the project was completed. Of course this has huge negative aspects associated to it if this happens. That is why this area is also extremely crucial to lay out the fact that the client can not solicite the developers employees in any way when it comes to potential hiring or additional perks. Specify a certain amount of time for this as well. Typically this time from is between 2-5 years.
10. Entire Agreement
This is the ending of the document that basically should say that the entire document and its attributes fall under the entire contract and that nothing will supersede it. Also, this is the area the will have the client and developers key representative who will sign it, date it, and post their roles within the company. Make sure that any and all modifications after signature are signed with initials of both parties next to the change.
These 10 steps to writing a successful web design and development contract and agreement will give a peace of mind to both the client and developer and will pave the way to a trusting business relationship.
Some clients may be surprised when presented with what could be a 2-4 page document to read and sign. Dont be afraid to walk them through each point and reaffirm the fact that such a document is needed to protect them as a client and you as a developer in any unwanted circumstances, at the same time highlights exactly what everyones obligations are. With that said, there should be no issues and the client should be willing to sign the document. Of course if they are not willing to sign the document perhaps it is a financial loss to you as the developer but in the long run it will avoid headaches and even more substancial financial losses.
Good luck on writing your first web design and development agreement. As all things the more you practice writing these the easier they become.
Cosmin Ghiurau is the founder and president of Jumpeye Creative Media, Inc. a highly talented web development firm that specializes in L.A.M.P. Architecture development and Rich Media Flash Actionscript Programming. Visit his website for more articles, news, and insight: www.jumpeye.com |
|
