Design Process

In every project, there are always steps to be followed from the beginning until the end. If you will decide to work with me, we will be following the Standard Design Process that I have prepared for your reference:


Before digging deeper into the design styles, site development and all the “fun” stuff, we will first understand the reason why you want a project (web or graphic design) done. This is usually done through the following modes of communication: Phone Calls, Client Meetings, Skype Calls, and E-mail. Below are the components of the Assessment Phase of the Design Process:

The Purpose – You will be asked about the purpose of your project. Why do you want it done?

Goals and Objectives – This will serve as the basis for your project components. What techniques to use to adhere to you or your company’s goals and objectives? How will we create a way to translate your goals and objectives through design?

Ideal Audience – Knowing the ideal types of people in your industry will help you understand better who your potential clients, buyers, readers, or consumers are. Who are the “expected” visitors of your site? Who will receive your business cards? Who will be interested in your product or services?

Content – The meat of the project. Contents play very important roles in both the web and graphic design industry. Without them, you could not build a comprehensive, easily understandable design. The content or core of your project will answer the following questions: What will my audience benefit from me or my company? Where should I place these information? Until when will my content be relevant?


After gathering all of the needed information that pertains to your project, the next step is careful planning. This phase requires the participation of both parties. More emphasis will be given to “brainstorming” and “conceptualization” because your inputs are extremely important in order for your design to be executed hassle-free.

Definition of Roles – During this phase, we will be discussing and agreeing on the payment terms, project time-frame, copyrights, privacy policies, and other significant points.

Site Flowchart – This is a guide in which we will be following, revising, and checking to make sure that all the information (texts, images, videos) are included in the skeletal framework. This will consist of lists, lines, and legends that form the very basic structure (mainly contents) for the design.

Temporary Access – In order for me to work on a project, I may need to have some temporary access to your servers: FTP host, username and password; control panel log-in information; database configuration; and any languages or frameworks needed.

Design Elements Planning – We will be working together hands-on with the elements needed: images, stock photos, headline text style, colors, textures, features, effects, buttons, etc. which all depends on your project preference.

Mock-ups – These are pieces of your project that has been carefully plotted out in an image file for you to view, correct, and review. Mock-ups are usually done to convey the collective ideas of the client and the designer in a file. This will be the “static” and “non-functional” look of the site. One important phase before the actual coding for it serves as a visual basis of the design.

Review and Approval – You will be entitled to participate in the whole planning process. Reviewing the design output or mock-ups will solely depend on you before giving a “go” signal (approval) for coding.


Now that you have done a lot of work in the Planning phase, it’s time for the magic to happen. It is in this phase that the static image mock-ups will be transformed into a fully functional website. The Implementation Phase contains three sub-categories: Pre-launch, Launch, and Post Launch.


Development Framework – It is essential for us to have our frameworks already running during this phase so that we could anticipate early warning signs of system failure. Doing this will ensure a smooth installation, and migration process.

Coding – Much of the bulk will be here. Coding, Commenting, Programming, Organizing your site to add functionality to the design made in the Planning Phase.

Features Testing – Apart from the coding work, special site features will be tested in this stage to make sure of the processes it will perform.

Content Management – This is where the texts and images will go. We will both be working in this stage to achieve the following objectives: 1) To add the essential contents of the site and 2) To teach you how to manage your site after everything is done.

Verification of Links – Navigation and Hyperlinks will be checked and double checked to have a problem-free, no-broken-links site.


Corrections and Polishing – In this stage, we will be working together in making corrections, typographical errors, paragraphing, spaces, line-heights, site functions. Everything will be addressed on launch. Minor tweaks.

Live Server Transfer – From the planning to the implementation to the actual transfer of materials to your host and domain name. After successfully moving all the necessary files and templates, the site will be live.

Final Testing – Everything will be double checked, codes will be validated once more, bugs will be fixed.

Cross Browser Checking – Site will then be checked, double checked, and triple checked for browser compatibility, corrected, and thoroughly reviewed.


Finalization of Project – This involves source file compression, packaging of used and unused materials, instructions, and further training for you. This is also the stage wherein all the roles set and the goals presented beforehand are being reviewed and met. Both parties should be satisfied.

Project Completion – Final payment will be made before files will be sent to you. Once you receive the files and data packages, project will be deemed “Closed.”


Site Maintenance will be made frequently to check for bugs within the week after launch.

Pin It on Pinterest

Share This