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
