the process

What To Expect During Web Development

6 Project Phases

Web Development
See the timeline below for details about each step

The project management phases for end-to-end website development. I use six primary phases during the development process, since often, less is more

This graphic I’ve put together for you sums it up quite quickly, so lets jump right into it.

  • The colors represent each of the 6 phases we’ll go through.
  • The circles are a bodies of work to be completed, small = less work, large = more work.
  • The high or low position of circles symbolizes how much of those tasks typically belong to me (high) or you (low).

If you are unfamiliar with project management: often the difference between a useless website and one that really shines is the way the project was managed during development.

We will discuss this process during the Needs Assessment, and you’ll always have this page along with my project management software to help plan and track progress.

Here is the timeline, you can use the icon navigation on the right to jump from step to step.

Share

Timeline

Phase 1: Discovery

meeting
US
Initial Meeting
We will have a Q&A session to establish the scope of the project, plus discuss whatever you have in mind.
US
american-3767644_1280
US
Needs Assessment
Usually there is more than one person making the decisions, so this is where we meet with your team.

Our Goals
  • Define the Project Scope
  • Do some brainstorming
  • Get to know what your organization needs
  • Choose site colors
  • Define domain names
  • Get your feedback on new ideas
US
ME
Project Research
  • Feasibility Analysis
  • Define necessary objects, libraries, or site plugins.
  • Address goals raised in Needs Assessment
  • Define 3rd party costs
  • Define Development Time and Cost
ME
ME
Site Outline: Project Proposal
The Project Proposal is the site outline. It will define the scope of work to be done.
  • Pages to be created
  • Front page (home) features
  • The website color scheme
  • Costs by step and phase
  • 3rd party fees
  • Projected annual 3rd party fees
  • Project duration.
ME
approval-15914_640b
You
Site Outline Review: Project Proposal Approval
Once you are satisfied with the project proposal, it is time to move forward with the development of the website.

Typically, 50% of the entire project cost is required to move forward. This is used to purchase the domain name, and pay for other products the project may require. The remainder helps keep your developers bills paid until the final review, where another cost installment is scheduled.
You
ME
Site Map
This shows all of the pages to be created and their hierarchy.
ME
sitemap
US
Sitemap Review
I review the site map structure with your project managers. ​
US
ME
UX Design + Wireframes
User Experience (UX) planning happens here. I also create wireframe mockups of what each pages layout will generally be like. IE: where content will be and also the images.
ME
ads-1663031_1280
US
UX Design + Wireframes Review
We'll go over the layouts with your project managers to ensure we agree on the plan.
US

Phase 2: Content

ME
Content Outline
I create an outline of what is necessary for content, what pages need, how many characters are necessary for excerpts, and so on.​
ME
US
Content Briefing
We discuss what is necessary to move forward with the project and its content. The website starts being built once the content submission is made.
US
items on desk
YOU
Content Submission
You submit the body of content for the website, as discussed in the Content Briefing. This includes any images or other media to be provided by you.
YOU

Phase 3: Design

ME
Ui Design & Page Templates
This is where the actual websites design work begins. It is one of the largest bodies of work to be done.
ME
responsive website
US
Template Pages Ui Design Review
I meet with your project managers to review and sign off on the page templates. At this point it has grey images and Loriem Ipsum text.
US
ME
Site Artwork
Artwork for the webpage(s) is compiled from sources and custom creations.
ME
US
Site Artwork Review
We review the artwork together. Hopefully there is no need for revisions, but if there are, this is where we make them.
US
mobile-devices-2017978_1280
ME
Click Through Prototype
This is where all of the pages links are introduced so that the links function as they will when the site is launched.
ME
feedback
YOU
Prototype Approval
The Click Through Prototype is submitted for approval.
YOU

Phase 4: Development

ME
Front & Backend Coding
This is where all of the "not necessarily layout specific" coding starts taking place. The site will begin to function beyond aesthetics at this point
ME
success-2081167_1280
US
Build Review
We go over the website build so you can see how it is working. Any concerns are raised here so they can be addressed in the testing and validation phase.
US
ME
Testing & Validation
The site goes through quality assurance testing to be sure it functions properly.
ME
ME
Content Migration + Population
The body of content you have given me, plus any revisions you may have made are placed in their respective locations.
ME
ME
Cross Platform + Browser Beta Testing
Up to this point the site has only been tested with Google Chrome. I will test on Firefox in Windows and Linux, the latest Internet Explorer in Windows, and on Chrome and Samsung browsers in Android.

Any iPhone testing will need to be done by your project managers.
ME
approved
US
Final Review
The site is reviewed with your team.

This marks another scheduled cost installment. 25% of the project total is due here. The project moves forward when the installment is received.
US

Phase 5: Deployment

ME
SEO Optimization
I go through the site pages ensure the page titles and descriptions have appropriate words, meta tags are filled properly, and see that those words show up their respective pages as well.
ME
avatar-2191932_640
US
CMS Training
You are trained on how to use the Content Management System (CMS).

FYI this training can take a day or two, and longer with larger organizations.
US
ME
Analytic Tools
Tools like Google Analytics are installed. This will require a dedicated Google email address.
ME
rocket
US
SITE LAUNCH
You have been looking forward to this day for a long time. Its time for you to announce the site launch on social media and draw attention to it. I enable the site on the domain, and ensure everything is running smoothly.
US
ME
Search Engine Submission
I inform Google and BING of your sites existence on the Internet.
ME
YOU
Free Bug Tracking Period
Up until this point you have been enjoying the ticketing system available through the project management software service I provide.

Any site bug issues raised within the first 90 days will be fixed for free. After that it will be billed to your maintenance package, or by the hour.
YOU
ME
Minor Bug Fixes
I address any of the issues that are under our control. Once I am finished, or ten business days after launch (whichever is first), the final payment is due.
ME
YOU
Final Payment Due
Fifteen days after the site has been launched, it is time to pay the final installment.

If the installment has not been received within 30 days, the site will be taken back down.
YOU

Phase 6: Support

YOU
Ongoing Training Support & Consultation
Having an official website training supervisor in your organization will help save your company money.
YOU
ME
Ongoing Hosting and Maintenance Contract
30 minutes a month is allocated to checking the site monthly. I do a backup of the site and update plugins. If anything goes wrong then I revert to the save, and create a work ticket to investigate.

The basic hosting and maintenance contract only covers the 30 minutes a month plus annual domain name renewal fees. Any work outside of its scope will be billable or subject to a block of work time you have purchased at a discounted rate.
ME
US
The End
We'll get there.
US
TO TOP
Discovery
Content
Creative
Development
Launch
Support

**If you are not a local company, then I can be hired through Freelancer.com or by requesting me as a developer on Upwork.com.

+1 778 710 0725