Phase One: Initial Contact
Phase One typically begins with one of the two parties initiating contact and expressing interest. Normally clients will contact Metagrind via our Contact Us page. After some high level requirements have been established we continue to the requirements gathering phase.
Phase Two: Requirements Gathering
Clients receive a free initial consultation when beginning the project.
The second step is to gather information and requirements for the project. Prefreablly we would like to meet in person for the initial meeting but we also understand that this is not always possible and will arrange a meeting through other means (skpe, phone, etc…).
At Metagrind, we offer a lot of web solutions be it Website Design, Website Redesign, Search Engine Optimization, or Social Integration and Marketing. Depending on your needs, we evaluate the purpose of the project, the goals to be accomplished, the target audience, and the content.
After our first consultation and any further preliminary requirements gathering (phone calls and emails), Metagrind develops a project proposal which will include an initial quote, a timeline and budget, and a proposed contract. Once an agreement on the proposal has been reached we continue to the next phase of the project.
Phase Three: Planning
Using the information gathered from phase two, it is time to put together a plan for your web site. This is the point where a wireframe is developed.
A wireframe is a visual guide that represents the skeletal framework of a website. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together. The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, it focuses on “what a screen does, not what it looks like.”
Typically the wireframe will consist of basic mockups made either through simple sketches or through a graphics editor. After all revisions of the wireframe are completed and approved we contine to the next phase of the process.
Phase Four: Design
Target audience is one of the key factors taken into consideration. A site aimed at teenagers, for example, will look much different than one meant for a financial institution. As part of the design phase, it is also important to incorporate elements such as the company logo or colors to help strengthen the identity of your company on the web site.
First we’ll create one or more mockup designs for your web site. This is typically an rough draft of what the final design will look like. This stage of the process gives you the opportunity to express your likes and dislikes on the site design.
In this phase, communication is crucial to ensure that the final web site will match your needs and taste. It is important to work closely, exchanging ideas, until we arrive at a final design for your web site.
Phase Five: Development
The developmental stage is the point where the web site itself is created. At this time, we take all of the individual graphic elements from the mockups and use them to create an actual, functional site.
This is typically done by first developing the home page, followed by a ‘shell’ for the interior pages. The shell serves as a template for the content pages of your site, as it contains the main navigational structure for the web site. Once the shell has been created, we will take your content and distribute it throughout the site, in the appropriate areas.
Elements such as interactive contact forms, jquery animation or ecommerce shopping carts are implemented and made functional during this phase, as well.
This entire time, we’ll make your in-progress web site available to you for viewing, so that you can suggest any additional changes or corrections you would like to have done. After the development phase is completed and approved we continue to the testing and delivery phase.
Phase Six: Testing and Delivery
At this point, we’ll attend to the final details and test your web site. We’ll test things such as the complete functionality of forms or other scripts, as well last testing for last minute compatibility issues (viewing differences between different web browsers), ensuring that your web site is optimized to be viewed properly in the most recent browser versions.
As part of testing, we check to be sure that all of the code written for your web site validates. Valid code means that your site meets the current web development standards – this is helpful when checking for issues such as cross-browser compatibility.
Once approved, it is time to deliver the site. Depending on your needs and requirements this may differ for each our clients. Some clients have there own hosting plan and some prefer Metagrind take care of the hosting and domain name registration. If hosting through Metagrind then all of the contents of the site will be handled by Metagrind. If you already have a hosting plan then Metagrind will need access to the server to upload the files as well as make necessary changes.
This marks the official launch of your site, as it is now viewable to the public.