Website Development

Five Phases of Website Design And Development Process

Your vision, business, organization, company, products & services deserve the best online presence possible. We’re sticklers for details, and finishing touches. It’s about the creative experience. It’s about attention to detail. It’s about relevant and optimized content. It’s about developing a technically excellent site.

Investing in the perfect new website for your business is the best decision you can make but be sure you understand the website design and development process so that you are one step ahead and know what to expect from ADG Media.

The process is dependent on a lot of factors and can take anywhere between 4 to 12 weeks to complete, including regular communication regarding feedback and approval stages.

Here’s a step-by-step guide of the process we follow at ADG Media to help you prepare for your next website project.

Phase One: Information Gathering

  1. We provide free consultation. This provides us with a high level overview of your requirements. We meet with you to discuss your business and website requirements in detail. Each client’s site is unique, so it helps us to have a clear idea of your industry, service, product and target audience. We need to know your exact website page types, featured content and functionality. We take this opportunity to suggest the best solutions for your new Brochure or E-commerce site, to ensure that your new website works hard for you.
  2. It helps if you have visual references to websites that you like the look & feel of, even if they are unrelated to your industry or product. This helps us to get inside your head in terms of the design direction that you like (NOTE: We do not copy competitor sites).
  3. We quote according to your bespoke responsive website design and web development requirements and expectations. All our sites are custom designed and mobile-friendly and optimized for best user experience (UX Design). We do not use predefined Templates or Themes to ensure that your site doesn’t look like everyone else’s.

Phase Two: Planning & Design

  1. Once your quote is approved, we invoice the 50% web design & development deposit (We work according to a tight production schedule and can only include your design portion once the payment confirmation has been received).
  2. We start the website design process by creating a wireframe for the new site (SEO optimized content placement and Information Architecture). This is simply a guide to the suggested content structure for each page. Once the website wireframe is approved, we move onto the website design portion and start by designing 2 or 3 Homepage options with different fonts, colours, layout, etc.
  3. We send the Homepage design options to you in PDF format via email and request your feedback regarding your preferred layout option. We make the design amendments as requested and send the final Homepage design PDF via email for approval (NOTE: All approval stages are requested in writing).
  4. Once the Homepage design is approved, we then continue with the design process by fleshing out the rest of the website page types with the approved look & feel. It is important for your website text content to be optimized for Search Engine Optimization (SEO), to ensure that the text content includes the perfect keywords and key-phrases that people are searching to find your brand, service or product. Note: Our SEO guru will be able to implement crucial keyword research and strategy development (This is the largest portion of the SEO Strategy which literally impacts the entire website content Optimization process moving forward).
  5. If you do not have a Copywriter or Copy Editor, we are happy to suggest a few of the best from our list of trusted copy writing professionals.
  6. We will send the complete fleshed-out first draft website design PDF to you via email for feedback.  This helps your copywriter to work according to the approved design and allocated text spaces for each page. The updated website text content needs to include your keywords and key-phrases in a natural way that flows nicely and does not sound forced.
  7. We include one round of design changes and will implement the requested design amendments as soon as possible to expedite the process for you.

Phase Three: Web Development

  1. Once the website design stage has been approved, we will send through the 30% Front-end Development invoice (Note: We will only be able to continue with the Front-end Development stage when the payment confirmation has been received). This is where we develop the digital version of the approved PDF layout design.
  2. You will receive your Front-end development test link to view and compare according to the approved design PDF. We request your feedback and will implement any minor development amendments if necessary.
  3. A final revised Front-end development test link will be sent through for approval.
  4. Once the Front-end development test link is approved, we will continue to the back-end stage where we complete the website development process and integrate into Word Press for the user-friendly Content Management System (CMS).
  5. We include Browser & Display compatibility testing to ensure that the site is functioning and displaying correctly across all browsers and devices, ready for launch (NOTE: Testing is a crucial stage of the website development process and we need a good amount of time to ensure that everything is completed perfectly to eliminate any room for error).
  6. It is at this stage that the final approved website text content is to be supplied to us for uploading to the back-end CMS.

Phase Four: Testing and Delivery

  1. You will receive your final test link to view. We encourage you to test across all browsers and devices on your side and get back to us with detailed feedback so that we can fix any issues in advance of the website launch.
  2. Once we have final approval and you are 100% happy, We will send through the final 20% balance invoice and we can schedule the website content and database upload process to launch your new website successfully.
  3. We include CMS training in advance of your website launch to ensure that you are able to manage and update your website content with ease.

Phase Five: Website Development Maintenance

  1. We provide support and ensure proper working and maintenance of features set out in the quotation of your website project for 30 days after the ‘launch’ date. (After 30 days: All website development maintenance, support, consultation and small development work will be charged at our hourly rate).
  2. We offer domain registration and website hosting on our dedicated Canadian servers for competitive rates and professional service (24/7).

Just a few of the ADG Media web clients we have had over the years

Ashlar College
Barry Casson/Drum Boy
Brooke Miller
Call Me Sugar
Cameron Group International
Coast Moutain
Colonial Railings
Connor Financial
DIMPL
Fusion Artistry

Gustavson Capital
Innovative Ag
Its You Photography
Lekker
Luxton Rodeo/Spring Fair
Maxxam Insurance
Mint Designs
Oakville Mews
Pacific Audio Works
Paul Servos

Red Patch
Pro Tec
Shawnigan Station
Sidney Business Association
Stone Age Marble
The Clayman.com
Townside Automotive
Trevs Adventure Tours
VIKPA