Search
Related Links

 

 

Informative Articles

Attract Buyers to Your Web Sitewith Power Words
Article Title: Attract Buyers to Your Web Sitewith Power Words Author Name: Leva Duell Copyright: © 2003 Email: webmaster@profitablewebstrategies.com URL: http://www.profitablewebstrategies.com/power.htm Word Count: 503 words Category: Internet...
Bad Web Design: ActiveX
ActiveX uses an interesting method for enforcing security ... it doesn't. Well, that's not exactly true. What happens is when a web page requests an ActiveX control the browser determines if that control is already loaded onto your system. If it is...
"Get It All" with Good Web Content
No matr how goud th infomation... why wood you tak content like this seriusly? No mater how good the infomation, if is riddiled with typos its asta lavista baby. You lose. Typos, misspellings, hideous grammar, exclamation overkill and run-on...
How To Choose A Website Designer
Now that you have decided that it is time to create a website for your business there are many questions you must answer. One of the most important questions is "Who should create my website?" I like to use the analogy of playing music; in as...
Web Site Design - Focus, Focus, Focus
When creating a web site design, it is easy to fall into the trap of trying to be all things to all people. In reality, the key to a good web site design is focus, focus, focus. We Don't Need No Stink'n Distractions It happens ever few weeks or...
 
Steps of a Project for a Freelance Web Builder

Submitted by http://www.allfreelancework.com/ - Freelance Jobs

As a new freelancer, there is nothing scarier then starting your first project. This article will take a closer look at the steps you should follow when in charge of a project. Hopefully, if you are aware of what the process should be, you won't be as concerned about getting things right. Since I am assuming that this is your first client, return business is essential to growing your business. Follow the below steps from start to finish and you should have a happy client and a check in your hands.

1. TRACK TIME

It is important to track your time when you are working on a project. Start logging time as soon as you start to give your attention to a project. Place a time log into a new docket and write onto this log start and finish times along with other detailed information every time you work on this project.

Take a look at a good time log at Figure I.

FIGURE I.
==================================
DATE
==================================
TASK /
ACTIVITY
==================================
COMMENTS
==================================
========START===FINISH===TOTAL TIME

For several reasons, it is important to use the time log accurately. First and foremost, your client might expect you to break down your hours for him so they are aware of where their money is going. Secondly, in order to increase your productivity, examining where your time is being spent is essential. After freelancing for a while you will be able to figure out how much to bid on projects easily from experience.

2. OPEN UP A DOCKET

A docket is a huge envelope or sleeve to keep all papers together. Nothing looks worse than going to a meeting with a client and forgetting essential paperwork. In order to escape this possibility, I suggest using a docket for each individual project.

I recommend using a black marker to distinguish this project from other projects. I have always named my project's computer files and dockets by the company's name and then follow this with consecutive numbers. So for example, XYZCompany001 would be XYZ Company's first project.

3. NEW CUSTOMER?

If this client is working with you for the first time you should start an information sheet on him or her. You might not think that this is important, but if this client ends up being a dead beat, you will be glad to have his or her address and phone number. After you have completed this form, place it in your docket.

4. SCHEDULE STAGES OF A JOB

Start every job with a piece of paper. List steps that need to be involved in order finish production. Otherwise, you might get stuck with having to go backwards three steps in order to go forwards again. Sometimes stages of a project will need to be reworked because you didn't take the time to write down your game plan. Try not to let this happen to you.

5. CONTRACT

Protect yourself against problem clients by writing a contract. Make sure to have your client sign and send back the contract before starting the project. You can find generic contracts for your business on the Internet. Here are some places to find contracts to customize for your own business:

Manage Jobs Software
Digital Contracts Online
Smart Agreements
Contract Swipe File
Law.net
Legal Documents Online
Sample Freelance Contract

6. ORGANIZE YOUR THOUGHTS

A great way to begin your project is to plan out how the web site is going to be organized. A mind map is one way to do this. You can do this by taking a blank piece of paper and placing your pen onto the middle of your page. Write down a word or two that matches the subject of your previous notes. Branch out with lines to related topics. Take a look at Figure II as an example.

FIGURE II.

Your mind map is now similar to a Flow Chart. Make sure that all navigational routes have been mapped out. If possible, have someone else take a look at your Flow Chart to see if you have missed anything.

7. STORYBOARDING

Storyboarding is a device used to layout the design and navigation of a site. It could simply be a rough sketch on a scrap of paper. However, I always send out a storyboard to a client before starting to actually layout the site. I recommend laying out rough sketches in Illustrator or Freehand. Use your mind map or Flow Chart to help guide you through this process. Ask your client to sign off on the bottom of this Flow Chart.

8. THINK ART

One of the most engaging attractions of a good web site is its graphics. Listen carefully to your client carefully in order to find out what he wants. If the client can't explain what he is visualizing, help out with a few questions. The following five questions can be used.

1. What sites are visually appealing to you?
2. On a scale of 1 to 10, how important is a fast-loading site to you?
3. What colors are you partial to?
4. Do you already have existing collateral (brochures, catalogs, etc.)? If so, what flexibility do I have with your fonts, logo, and colors?
5. Do you have any art that we need in order to complete this project?

If you are having a hard time finding your creative self, I suggest taking a look at CoolHomePages.com to get a few ideas to build on.

Once you have an idea of what your client is expecting you are ready to storyboard the site.

9. PHOTOSHOP

Now that your client has signed off on your storyboard it is time to start the design process. Finally! Follow these steps to ease the design process.

1. Take a screen shot of your browser.
2. Bring this image into Photoshop and save file.
3. Layout all design elements into layers for home page of site first.
4. Design at least three different design variations.
4. Go to your local service bureau to print out 2 copies of each design, one for you and one for the client. Remember to charge the client for printouts with 5% - 10% markup. Place one of each printout copy into the project's docket, this is your copy.
5. Go to a business supply store, like Staples, and buy black board, a portfolio case big enough to hold several black boards, Utility knife, Exacto knife, spray adhesive, labels, and a straight ruler.
5. Use an Exacto knife and straight ruler to cut off excess paper of Client's printout copy.
6. Measure width and length of the printout.
7. Cut black board to be about 4 inches taller and wider than the printout is.
6. Spray the back of the printout lightly with spray adhesive. After spraying the back of the printout, put one corner down about 2 inches from the top and 2 inches from the left of the black board. Then pull printout taut from the bottom right as you slowly press down the paper from the upper left. This will keep bubbling from happening. There should now be 2 inches of blackboard framing each side of the printout.
7.


Place a label on the back of black board with copyright information, your logo, and a place for client to sign off.

If your client is local, setup an appointment in order to show him the mockups. If you have a long distance relationship, I suggest using Fed Ex to ship the mockups to your client. Ask your client to sign off on the back of the mockup that he likes. However, if the client doesn't like any of your layouts, which happens to the best of us, you are back to the drawing board.

Once you get a layout that your client likes, you should rename your Photoshop file to reflect this and move the 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 the unused mockup copies out of the project's docket and leave behind the 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 the 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 the images that you will use in the 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 the amount of colors in an image to a minimum.
4. Aliased images are smaller.
5. The more compression you apply to a jpeg - the smaller the 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 the client can test.

12. TESTING PHASE

Before you send the prototype to your client, test out the usability of the 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 the 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 the site, upload the site to the 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 the client test out the 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 the client makes. Make sure to have the client sign off on the prototype in order to make the site live.

13. MAKE IT LIVE

Once the testing phase is complete, it is time to make the site live. Cross your fingers and hope for the 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 the project it is time to fulfill your administrative duties. It is time now to review your time sheet. Add up all of the columns to calculate total hours spent on the project. Break this number into how many hours were spent on each phase of the project.

Make a copy of the time sheet for the client and create an invoice to reflect your agreed upon hourly fee. Always reference the 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 the 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 the project
8. Add on expenses (Printing expenses - remember to add 10% - 15% markup)

Staple the purchase order to the invoice. Make sure that your invoice is neat and professional and then send it out to the client.

15. ARCHIVE THE PROJECT

Now that you are finished, you can use the docket to archive this project. Remember the 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 the docket is there. Place all corresponding files on a Zip or Jazz disk and then place it in the project's docket. All administrative documents, such as invoices and POs, should be placed in the docket. Also, any printouts, emails, or notes that correspond to this project also belong in the 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

About the Author

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.
<===============================================>

 

Web Development
This web summarizes the complete life cycle methodology for web development: planning, analysis, design, implementation, promotion, and innovation.
www.december.com
 
Web Development
Professional Web site design, graphic design, and Internet development services.
webdevelopment.com
 
Web Developer's Virtual Library: Web Development Tutorials and ...
News, tutorials, and reference material focusing on technical web development topics.
www.wdvl.com
 
Open Source Web Development Tutorials - Dev Shed
Open Source web development tutorials, forums, and tools. Topics covered include PHP, Apache, mySQL, Zope, Roxen, Jserv, Zend, XML, DHTML, and Javascript.
www.devshed.com
 
WebDeveloper.com
Hello all, I am new to web development. I have an understanding of website development, but no scripting experience. I have heard of JavaScript, PHP, ...
www.webdeveloper.com
 
LevelTen Web Design | Professional Website, Flash & Graphic ...
Offers logos, web sites, multimedia presentations, and custom media. Quote form. Based in Dallas, Texas. [Requires Flash]
www.leveltendesign.com
 
Web development - Wikipedia, the free encyclopedia
For larger businesses and organizations, Web development teams can consist of ... Since the mid-1990's, Web development has been one of the fastest growing ...
en.wikipedia.org
 
Web Design - HTML XML - Web Development - Web Site Design
Web Design and HTML are all about creating a great Web site. Use Web development and Web site design to build Web sites that customers return to over and ...
webdesign.about.com
 
Agile Web Development with Rails—Second Edition
Dave Thomas, Mike Clark, David Heinemeier Hansson, Leon Breedt, Thomas Fuchs, Andrea Schwarz; Pragmatic Bookshelf, 2006, ISBN 0977616630.
www.pragmaticprogrammer.com
 
CYGAD's WebDevelopment - Welcome to CYGAD’s WebDevelopment! - The ...
CYGAD's WebDevelopment - The finest Resources for WEB-Design, WEB-Master and WEB-Developer!
www.webdev.cygad.net
 
Web Development Bookmarklets
Includes tools for viewing and testing CSS styles, viewing scripts and variables, and showing the structure of a document.
www.squarefree.com
 
SGI - Freeware - Web Development
Links to freeware web development tools, browsers, software, etc.
www.sgi.com
 
Webmonkey: The Web Developer's Resource
Resources for web site developers including how-to guides, code libararies, server technologies and authoring resources.
www.webmonkey.com
 
Web Development Tools - Web Developer's Journal
Tips on Web page design and development, HTML, graphics, scripting, favicon, development tools, Java, sql basics, building web sites, and much more for ...
www.webdevelopersjournal.com
 
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO ...
Web Developer's Handbook is a list of essential web-sites, which make the life of web developers easier. Compiled and updated by Vitaly Friedman.
www.alvit.de
 
Ceonex Web Development & Web Design - Full Service Digital ...
Web design, web development, online branding, application development and other full service business solutions focused on prospect conversion and customer ...
www.ceonex.com
 
Cayenne Web Development - web design agency, Oxfordshire, UK
Specialist web design agency based nr Banbury, Oxfordshire, offering a complete website design and development service.
www.cayenne.co.uk
 
Web development mistakes | 456 Berea Street
When I visit a website, especially if it’s the site of a competitor or a prospective client, I like viewing…
www.456bereastreet.com
 
Web development mistakes | 456 Berea Street
Articles and news on web standards, accessibility, usability, and other things related to web development and web design.
www.456bereastreet.com
 
Anil Dash: Web Development Trends for 2006
Here, then, is a random assortment of new web development trends to be ready ... Web Development trends 2006: Überblogger Anil Dash maakte (een paar weken ...
www.dashes.com
 
 

 
Content Menu
  • 10 helpful tips to follow when switching web hosts

  • 10 shocking secrets nobody will ever tell you about having a successful business web site

  • 10 things you should be monitoring on your website

  • 10 tips for better web site usability and profits

  • 12 essential web site design tips

  • 12 tips for creating an artist website that sells

  • 13 ways to destroy your website

  • 15 website elements that attract visitors

  • about web applications

  • adding flash 4 to your website

  • add graphics to your website without losing your mind

  • aesthetics and web marketing

  • are web graphics stealing your money

  • asp web hosting

  • attract buyers to your web sitewith power words

  • a custom icon for your web site

  • a webmasters toolkit and tricks

  • a website design checklist

  • a web site to have or have not

  • bad web design activex

  • basics of web design principles

  • beginner guide to web hosting

  • beyond web usability web credibility

  • bring to life your ideal web pages

  • building an effective furniture sales web site

  • building a successful web site what not to do

  • building the website of your dreams not your nightmares

  • building websites using web templates

  • building web sites using web templates

  • building your own web site here are two critical points to consider

  • business benefits of the web standards

  • business web site content strategy

  • buyer beware web hosting registration and site building

  • buyer beware web hosting registration and site building all in one package nightmares

  • can they use your website in a tv broadcast about scams

  • can your web site win the tour de france

  • cheap website design dangers of cheap web design for your business

  • cheap web design

  • checklist for a successful web site design

  • choosing the right website designer

  • choosing the right web site designer

  • choosing your web design

  • cookies how to improve your website and learn from your visitors

  • create and deploy a website from start to finish

  • creating your first web site part 2

  • creating your own website for free

  • creative offline website marketing techniques

  • custom web site design strategies

  • designing a successful web site

  • designing professional web pages

  • designing your web site for all browsers

  • determine your popularity on the web

  • developing and optimizing your website let flash help you

  • developing an effective physical therapy web site

  • developing your website 10 tips for getting started

  • developing your winning web site strategy

  • dirty web promotion tricks 1 legitimate and malicious javascripts

  • do not drop your web site off the search engine cliff

  • do you really need a website

  • do you really need a web site

  • easy steps to website development and promotion

  • ecommerce web design solutions

  • effective web design

  • eliciting constructive website feedback

  • empower web clients increase your profits

  • find a hidden fortune in your website stats

  • first rate tools for your web authoring

  • five core elements to a successful website

  • five pieces of information you must include on your website to generate sales

  • flash deadly sins that can kill your web business

  • focus your web site or get out of business

  • forums should you have them on your website

  • four easy steps to establishing a website

  • free website templates top 10 things you need to know

  • getting professional website a cheap and easy way

  • getting your own web site quickly and cheaply

  • get it all with good web content

  • get your web site noticed

  • good web design the importance of navigation

  • good web design what is it

  • graphics for the web gif format

  • graphics for the web plug ins

  • hiring a custom website designer

  • how a custom designed website can help your business

  • how do we know when its time to redesign our web site

  • how much does a website cost

  • how not to be ripped off by your website designer

  • how to build a website

  • how to build your own website more steps

  • how to choose a website designer

  • how to choose a website design company

  • how to choose a web site designer

  • how to create a professional website in less than a week

  • how to create a website in less than a week

  • how to design and setup a website

  • how to find good web hosting

  • how to get more hits on your website

  • how to hire the right web design firm

  • how to keep your visitors 10 times longer on your web site

  • how to make your website a big hit

  • how to prepare images for your web site part 1

  • how to prepare your project before you order website design

  • how to save money on a website

  • how to set up a professional website on your own using web templates

  • how to set up your own website

  • how to shop for a web design firm

  • how web design can affect search engine rankings

  • html tips easy ways to make your website sizzle

  • if its done its done for make your website part of your business before you build

  • if you build it they will come not without web marketing

  • increase sales with easy to read web pages

  • increase the efficiency of your web design business

  • independent consultants take over web design

  • index

  • initial factors of web page construction

  • interactive content blogs forums and feedback what does your web site need

  • in search of webhosting first understand the industry

  • is there benefit to green in web design

  • is your site too slow why image optimization is critical when you create a web site

  • is your website legal

  • is your web site ready for its visitors

  • is your web site unfriendly parts 5 6 of 9

  • is your web site unfriendly part 2 of 9

  • learn from the masters of web design

  • make your artists website sell

  • make your website scream with excitement with java

  • make your web site super sticky

  • making better web graphics that grab your attention and load fast

  • making the business case for web standards

  • manchester united top of the web accessibility league

  • maximising web site viewability browsers

  • maximising web site viewability resolution

  • microsoft and webmasters

  • mini site or content based web site

  • mobile accessibility your website in the year 2005

  • my mother never had a website

  • my top ten list of extremely annoying web page design elements

  • new customizable javascript menu for web applications

  • new support for website and graphic design firms

  • now you have a web site have you ever heard of accessibility

  • optimal website design

  • optimized web page template

  • optimizing a website with flash

  • overview of web content management systems

  • part ii planning a website

  • pegasus infocorp pvt ltd offshore professional website design and software services provider based in india

  • pitfalls of web redesign

  • planning a web site

  • planning a winning website

  • plan your web site for profits

  • printing your website the right way

  • quality web site language

  • quick web site start up and promotion guide

  • rotator

  • search engine optimization and web site usability

  • sell your freelance web services to businesses that dont have a web site

  • should i make my own web site

  • should you bother learning html to build webpages

  • simple steps to finding a web designer

  • simplify your web site for clarity and ease of use

  • spice up your web site with javascript

  • starting your own website c cheryl a crossan 2002

  • steps of a project for a freelance web builder

  • switching web host

  • tapping into the visual stimulus of your web site visitors

  • templates website templates free website template newwebimage com

  • ten basic steps for building a web site that works

  • testing your web application a quick 10 step guide

  • the 4 deadly sins of business web design

  • the 8 most important website design principles

  • the core elements of a successful website

  • the critical importance of good web graphics to internet marketing profits

  • the future of web design what is dotnetnukee

  • the ideal web design firm

  • the importance of web standards

  • the need to have website design services

  • the newbies guide to small business web design

  • the new fa‡ade of web designs

  • the pros and cons of using templates for your business website

  • the straight truth about web site building tools

  • the topic of your website

  • the top 5 roadblocks to web accessibility

  • the top seven strategies for website success

  • the web site is not the end all of internet marketing strategy

  • this is why your website isnt making you any money

  • tips for choosing a web developer

  • top 10 ways for web designers to find new clients

  • top 10 ways websites makes me suffer

  • top mistakes first time web developers often make

  • top ten fonts for website design

  • top ten things to ask yourself about your website

  • translate your web site and expand your market

  • translating your web

  • user friendly website hints tips

  • user lab to host west midlands web accessibility workshop

  • use cgi to automate your web site

  • victoryvisions the php mysql company complete website development company

  • want a sticky website that sells forget content

  • weave your own web

  • webjunxsion is foraging its way through the muddle

  • webpage tips

  • website accessibility

  • website accessibility explained what you can do

  • website designing web site design new jersey newwebimage com

  • website design info part 1

  • website design info part 2

  • website design strategies for internet marketer

  • website design website development flash design services

  • website development become your own expert

  • website maintenance what does it take to manage your website

  • website template usage beyond what you already know

  • web accessibility and your business

  • web accessibility making your pages friendly to people with disabilities

  • web accessibility myths

  • web accessibility the basics

  • web analytics getting it right

  • web content case study

  • web content how much should i pay

  • web designers beware

  • web design 7 key things to avoid

  • web design for the no talent artist

  • web design integrating e commerce

  • web hosting shared or dedicated which should you choose

  • web hosting to switch or to stay

  • web page real estate 101

  • web site designing pillars part2

  • web site design focus focus focus

  • web site design things you should avoid

  • web site monitoring is a global necessity

  • web site must haves

  • web site optimization how to optimize pdf files for web sites

  • web site optimization how to speed up your web site by minimizing your gif and png image bit depth

  • web site start up and promotion guide for professionals

  • web source web design tips

  • web source web design tips adding an image background to your tables

  • web source web design tips cascading style sheets

  • web source web design tips close a window with a button or link

  • web source web design tips creating an automatic drop down navigation menu

  • web source web design tips decreasing a websites load time

  • web source web design tips dont forget your meta tags

  • web source web design tips highlighting free for all links

  • web source web design tips how to make your background image stationary

  • web source web design tips open a new window with a button or link

  • web source web design tips open a web page in a new window

  • web source web design tips open a window on page load

  • web source web design tips reload a window with a button or link

  • web source web design tips selecting the perfect background for your website

  • web source web design tips using an image to create a line

  • web source web design tips using meta tags for search engine indexing

  • web source web design tips using meta tags to prevent browser cache

  • web source web design tips using meta tags to prevent search engine indexing

  • web source web design tips using meta tags to redirect

  • web standards part 1 what are web standards

  • whats really going on with your web site

  • what color is your website

  • what to avoid to make your website design effective

  • why a css website layout will make you money

  • why dot coms fail a webmasters perspective

  • why hire a professional to design your web site

  • why not to use web design templates

  • why resources added to a web site increase revenue

  • why use a web design template

  • why your business needs a website

  • why you need a web site

  • writing benefit driven web copy 4 steps to more sales

  • writing for the web four steps you cant ignore

  • www hosting web development empathise and create not bad p websites

  • your web site do it yourself or get serious

  • you too can have an amazing website