Contracts are essential for those that work online. They help you and your client to know exactly what is expected and they keep you from guessing. They spell out the exact nature of the work, the prices, the deadlines, and the responsibilities. Without a contract there are no legal requirements for payment because there is no clear understanding of when work is complete. You, as a web designer and developer, need contracts for your daily operations.
Developing a contract can be time consuming and it is all too easy to leave out something important. Having someone else to do it for you can get expensive. Fortunately, there are many contract templates online that web designers can use for their web design projects. Unfortunately, there are so many available that searching for a good one can take about as much time as creating one. It’s not enough just to find one. You need a contract that contains all the elements you need it to have. You need one that’s been tested and tried… one that has stood the test of time.
Please note – this is provided as information only and is not to be considered as legal advice. Templates are a great place to start and should be tailored to suit your needs. Legal counsel for all of your business documents is advised.
- 1 Elements of a Good Contract
- 2 Where to Look Online for Free Templates
- 3 Tips for Using Contract Templates
- 4 Wrapping Up
Elements of a Good Contract
Many designers place templates of their contracts on their website or another site that handles documents. These templates have often been around for years and have a proven track record of success. Sometimes they are tweaked every few years. They are editable and you can get them primarily as PDF’s and Word documents.
Contracts are all over the interwebs, but they might not have the elements you need. You may need to make modifications. You can add, remove, or change the elements to match your specific requirements. For example, if you are provided textual content or photographs then you can add those elements. So what does a contract need to contain? Here is a list of some of the things to look for:
- Summary of the project
- Scope of the project
- What are both parties agreeing to do?
- What the design elements are
- What the text content will be
- Who will provide photographs and who will own the copyrights
- Who will provide browser testing on all platforms, and then make any changes needed
- Who will provide desktop browser testing and then make any changes needed
- Who will provide mobile browser testing and then make any changes needed
- Who will provide technical support and for how long, including any extra charges
- Who is responsible for changes and revisions
- Legal stuff
- Who will own any copyrights
- How payments will be handled
- How the transfer of information will be handled
- The dotted line – all of that signature and date stuff
Where to Look Online for Free Templates
There are several website that host free templates online. GitHub and Docracy are two popular sites. Others are hosted on their author’s websites. Here is a short list of some of the best free contract templates for web designers that I’ve found.
This one lets you create customized terms and conditions for different types of design projects. You can use this as a basic starting point and easily customize it for each project. You can download it as a PDF, or you can make your adjustments online. You can use this as terms and conditions and then add it to a separate proposal document.
It includes detailed information on how to use the contract. As far as design, it’s one of the better looking contracts in my opinion. It includes lots of extra information about the project planning process and putting your contract together, what information gets sent to the client, terms and conditions (including fees, responsibilities, expenses, definitions, timing, payment terms, exclusivity, confidentiality, infringement, warranty, etc.), and much more. It even includes several supplements that discusses support services, photographs, etc.
Another awesome feature is a checklist. It takes you back through each step to ensure that everything has been completed correctly.
This is one of the most comprehensive templates that I’ve seen. Of course, that could make it take longer to set up. It even includes tips on negotiating prices and deadlines, working with an attorney, and much more.
This is the 2013 update to the 2008 original. It’s a tried and true template that you can copy and paste into your own document. You just replace all the placeholders with yours and your client’s information and you’re ready to print or use as an e-document. It covers all the expected elements of a good contract. It covers an overview of the project, what you’re being hired to do, how much you will be paid, what each party is agreeing to, how changes will be handled, liabilities and legal issues, and more. It’s free and available on both GitHub and Docracy. The article on the author’s website offers lots of advice on using it.
This one goes over the business terms and legal terms in two separate sections. It covers the scope of the project, the developer’s responsibilities, the development and acceptance of the site, what happens if the site is rejected, project management, site content details, warranties, liability, intellectual property rights, and more.
To get it, simply sign up for the free newsletter. You receive a download link where you can get the template for Windows and Mac in a zipped file. It’s set up as an outline with all of the change points highlighted. You go through the document and make all of your changes. It’s 16 pages and is very detailed.
There are two Word documents in .doc format in a zipped file. One is an Authorization to Proceed that covers seven pages of detail about the project. The other an example of Terms and Conditions. It is six pages and goes into great detail about expenses and legal information including content liability, rights, etc.
Both files are very detailed and use exact numbers and names rather than just blank spaces or brackets. They make great examples of what a finished contract should look like. The article on the website explains in detail about the contents of the templates and how to use them.
The article also discusses the use of a signature app from Adobe. In our day of technology, we shouldn’t expect a client to use mail or fax in order to sign a document. I can go along with that. Anything you can do to improve the signature process and streamline it for both you and your clients the better.
This is a free Word document written several years ago, 2008, and updated in 2009. It still contains all the elements you expect to find in a web development contract. It’s seven pages and includes an acceptance section. It includes the objectives, approach, deliverables, milestones, payment info, terms and conditions, etc. It has headers and footers in color, but that’s easily changed if you want something different. It includes place holders where you can input the names and dates you need. It looks very professional and is easy to use.
This one, hosted on Docracy, is a fully customizable document that you customize online and then send to the client for signing. You can just fill in the blanks or you can customize the text. Once you like your document you can have it send to you as both a Word document and a PDF file. It includes a summary, detail of the work, legal information, copyrights, and payments. It’s one of the shorter templates and it’s easy to customize.
This one, also hosted on Docracy, is probably the shortest contract I’ve seen. Of course it can also be customized and added to online. It covers the terms of the project with very succinct descriptions of each element. You can fill in the blanks and customize the text. Once you’re done customizing the document you can have it emailed to you as a Word document and as a PDF file.
The easiest way to handle contracts is online. Contractually lets you create, negotiate, edit, e-sign and store contracts online. This greatly speeds up the process and keeps you from having to send emails back and forth. Having to pass emails back and forth and swapping different versions of the contract can add an unnecessary headache to your project. Once you have too many changes in a document it can become confusing trying to figure out which I the correct version. Even if they are numbered you might not be able to know if there is a version that is newer.
This service solves that problem by allowing both parties to collaborate on the same document in the same location. Both parties need to have access to the contract they signed. This will ensure that both parties can stay on the same page and have the same expectations. You don’t send them the document – you invite them to collaborate on the document.
It takes a contract process that looks like this:
And turns it into a process that looks like this:
The process can be as simple or as detailed as you want it to be.
Contractually is a premium service with several pricing plans. Pro is $100 per month for 5 users. It has unlimited contracts and signatures. It’s a good choice for small businesses. For medium to large businesses, there is Business. It costs $500 per month and allows for 15 users. It adds several features such as SalesForce.com connectivity, bulk contract exporting, virtual data rooms, and more. There is also an Enterprise edition for large teams that has a custom number of users. You have to call them for prices.
Tips for Using Contract Templates
Don’t be afraid to make changes. Feel free to combine contracts and customize them any way you need to in order to get something that works the best for your purposes.
Contracts are not as dated as other materials online. Articles about web design from 2009 might not be as useful as an article from 2015, but contracts usually will contain the same material because the needs of web designers and clients haven’t changed that much. If you find an older template that you like, compare it to a newer template to see if you need to add anything.
You can provide a sample contract for your potential clients by placing the document as Word or a PDF on a page that describes your project and collaboration process. This can also be used to show potential clients what it’s like to work with you.
Make sure that every element of the contract is as clear as possible. Have several different people critique it for you.
Contracts are a vital part of the web design project. They keep everyone on the same page and they help ensure you get paid for the services you provide. They are vitally important to doing business, but they can take a lot of time to create. Using a template as a starting point is a great time saver and can help ensure that both you and your clients have the information needed for a successful project.
How about you? Do you have a favorite place online to find contracts for your web design projects? Did I miss your favorite? Do you one you would like to add? I’d like to hear about it in the comments below!
Article thumbnail image by Vasya Kobelev / shutterstock.com