Graphic Arts, Web Design

Web Design – A Beginning Outline

Web Design PrototypeSo, your client wants a new web design – he’s given you the task of creating everything for him, and you’re starting from complete and total scratch. The client has no previous content, you need to create everything for him. Where do you even start?

1.) Set Goals – your first job is to set goals for the web design project. Understand your client’s needs, and create a list of goals that need to be achieved. Is the client selling products or providing a service? What is his demographic? What is the goal of the new web designl?

2.) Gather Information – after you set your goals, you need to gather as much information about your client’s company that will help you architecture the site. If he has copy, images, video, graphics, grab and work with it. If he doesn’t have anything, you need to provide your own resources. Be sure to include the cost of you time to be able to create these resources and, if needed, you can outsource them.

3.) Architect The Web Design- what does this particularly mean? Simple – putting all the information on the table and start organizing it. How many pages will the site need? How will the navigation be laid out? What is his marketing system like? Make sure you get all this mapped out. Plan, plan, plan – it will save you time and frustration in the future.

4.) Wireframe the Web Design – the fun part, finally. Start working on wireframing the web design using templates to make sure everything is organized and measured correctly. Block out places where content will be. Ensure that the client knows this is a wireframe, tell them what the purpose is, and get their okay on it before moving to the prototype. If the client is being unreasonable, ensure them that this is not the final design – and that the focus is on the presentation of where content will be, and that color, typography and graphics will come after… It is a skeleton – a base work. The client needs to know and understand this.

5.) Prototype the Web Design – Now comes the prototyping stage. This is where you splash some color, work with typography, and add in the graphics such as logo work and any frizzy little elements the client requests. Keep this in the design software, print out pages if applicable, and show it to your client. Sometimes presenting a prototype on paper is better than on screen, as they can easily highlight and write changes they want.

6.) Finalize the Web Design Layout – talk with your client, make sure he is happy with everything – and you’re ready to push it through to building.

7.) Build the Website – Now that you’ve done all the work, you can easily build the website using HTML, CSS, and JavaScript.

Comments are closed.