Continued from page 1
If your client is local, setup an appointment in order to show him mockups. If you have a long distance relationship, I suggest using Fed Ex to ship mockups to your client. Ask your client to sign off on back of mockup that he likes. However, if client doesn't like any of your layouts, which happens to best of us, you are back to drawing board.
Once you get a layout that your client likes, you should rename your Photoshop file to reflect this and move unused files into an "idea file". There is no reason that these unused mockups cannot be modified for your next client. Also, you should proceed to taked unused mockup copies out of project's docket and leave behind chosen mockups. I would suggest placing unused mockups in a binder for new clients to look at to see what style they like.
Now is when you will be glad that you have created your Photoshop files in layers. Duplicate already existing file and make mockup files for inside pages as well.
10. OPTIMIZE IMAGES
Now that you have all of your pages laid out in Photoshop, it is time to cut out images that you will use in web page. A good rule of thumb is not to exceed 30K per page. Otherwise, your web page will take too long to load. Here area few more tips that you should follow:
1. Illustrations should be saved as a gif. 2. Photographs should be saved as a jpeg. 3. Keep amount of colors in an image to a minimum. 4. Aliased images are smaller. 5. The more compression you apply to a jpeg - smaller image.
11. PROTOTYPE IT
Take your printed mockups and Flow Chart. Place them by your side and use them in order to layout your page. Create your pages so that they are all linked together. The following tips will help you organize your files.
1. Place all images in an images folder. 2. Place every section of your site in a separate file. 3. Structure your directories to roughly match your Flow Chart. 4. Make sure that your file names make sense (It is a good idea to have a company code in front of each file. For example, for XYZ Company's About Us page, I would use xyz_about.html.). 6. Have an archiving system in place in order to backup your files. Name your files accordingly in order to link all of your html files together in order to create a working prototype that client can test.
12. TESTING PHASE
Before you send prototype to your client, test out usability of site with friends that haven't been involved with this project. Write down all input that they can give to you - both good and bad. Also, try as many different browsers, plugins, and operating systems as visitors are likely to use. Make sure to fix any problems that you find and make a mental note for further projects on what works and what doesn't.
After internally checking site, upload site to host server to test out access speed, plugins, and configurations. When you are sure that things are in working order, it is time to let client test out prototype site. There will likely be several things that your client won't like. Listen carefully to your client and make sure to give merit to all suggestions that client makes. Make sure to have client sign off on prototype in order to make site live.
13. MAKE IT LIVE
Once testing phase is complete, it is time to make site live. Cross your fingers and hope for best. Inevitably, visitors will always find something that they aren't happy with. You should always give support to your newly launched sites for at least 2 to 4 weeks.
14. REVIEW AND INVOICE JOB
Now that you have completed project it is time to fulfill your administrative duties. It is time now to review your time sheet. Add up all of columns to calculate total hours spent on project. Break this number into how many hours were spent on each phase of project.
Make a copy of time sheet for client and create an invoice to reflect your agreed upon hourly fee. Always reference client's purchase order number on your invoice. Otherwise, many Accounts Payable departments won't pay your invoice. If your client has not given you a PO# then you should contact him to make sure that there isn't a PO# linked to this project. Include all necessary information on your invoice. I always include following:
1. Your logo, name, company name, address, and phone number 2. Client's Contact name, company name, address, and phone number 3. Purchase order date (date job was ordered) 4. Invoice date 5. Invoice number 6. Payment terms (for example, net 45 days) 7. Break down of how many hours were spent on each phase of project 8. Add on expenses (Printing expenses - remember to add 10% - 15% markup)
Staple purchase order to invoice. Make sure that your invoice is neat and professional and then send it out to client.
15. ARCHIVE THE PROJECT
Now that you are finished, you can use docket to archive this project. Remember black marker and label that previously was used to name your project's docket? You are now going to file your project by this number. In order to find this project easier, I suggest placing a filing tab on each docket. Place everything in alphanumeric order.
Make sure everything that belongs in docket is there. Place all corresponding files on a Zip or Jazz disk and then place it in project's docket. All administrative documents, such as invoices and POs, should be placed in docket. Also, any printouts, emails, or notes that correspond to this project also belong in docket.
16. EVERYTHING IS REUSABLE
You shouldn't ever reuse projects that are copyrighted by your client. However, portions of every project are reusable. For example, you wouldn't reuse a design that you specifically created for a client. But, you could reuse Photoshop paths or textures that you created.
You will find that as you complete more and more projects, each one becomes a little bit easier. As you start out in freelancing, use each project as a learning experience. Each project completed results in a more experienced and valuable freelancer. Good Luck!
Submitted by http://www.allfreelancework.com/ - Freelance Jobs
Article submitted by http://www.Allfreelancework.com - 1000s of freelance jobs, articles, and resources. Allfreelance is also host of creative portfolios. You have permission to copy this article ONLY if you include the following blurb: <===============================================> http://www.Allfreelancework.com - 1000s of freelance jobs, articles, and resources. <===============================================>