Scribd
Upload
125 views

Website Development Process

This document outlines the typical 7-step process for developing a website: 1. Information gathering to understand goals, audience and purpose 2. Planning through site maps and wireframes 3. Design of page layouts, visuals and reviews 4. Content writing and assembly 5. Coding of pages, features and functionality 6. Testing, reviewing and launching the site 7. Ongoing maintenance through monitoring and updates

Uploaded by

bonifacio gianga jr
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
125 views

Website Development Process

This document outlines the typical 7-step process for developing a website: 1. Information gathering to understand goals, audience and purpose 2. Planning through site maps and wireframes 3. Design of page layouts, visuals and reviews 4. Content writing and assembly 5. Coding of pages, features and functionality 6. Testing, reviewing and launching the site 7. Ongoing maintenance through monitoring and updates

Uploaded by

bonifacio gianga jr
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 12

WEBSITE

DEVELOPMENT
PROCESS
MST – Web Development
Steps of web development
1. Information Gathering
2. Planning
3. Design
4. Content Writing and Assembly
5. Coding
6. Testing, Review and Launch
7. Maintenance
Sample Gantt Chart for web development
Step 1. Gathering Information

• Activity: Know the purpose, Main Goals, and Target


Audience
• Objectives:
 Get the clear understanding of your future website purposes
 Get the main goal(s) you wish to get
 Know your the target audience (age, preference, etc.)

N.B. The developer can use a website development questionnaire

• Estimated time: from 1 to 2 weeks


Step 2. Planning

• Activity: Creation of the data (sitemap and wireframe) that


allows the audience to judge how the entire site will look
like.

Sample site map

Estimated time: from 2 to 6 weeks


Site map
• Describes the relations between the main areas of your
website.
• Shows usability
• Shows the “relationship” between the different pages of a website
• Judge how easy it will be for the end-user to find the required
information or service if he starts from the main page.
• The main reason behind the sitemap creation is to build a user-
friendly and easy to navigate website.
• Allows you to understand how the inner structure of a website
looks like but doesn’t describe the user interface.
Wireframe/mock-up
• A wireframe is a visual representation of the user interface that
you’re going to create. But it doesn’t contain any design elements
such as colors, logos, etc. It only describes the elements that will
be added to the page and their location.

Sample mock-up
Step 3. Design
• Activity: Page Layouts, Review, and Approval Cycle
• Objectives:
• All the visual content, such as images, photos, and videos is
created.
• The website layout is the result of a designer’s work. It can be a
graphic sketch or an actual graphic design. The primary function of
the layout is to represent the information structure, visualize the
content, and demonstrate the basic functionality. Layouts contain
colors, logos, images and can give a general understanding of the
future product.

• Estimated time: from 4 to 12 weeks


Step 4.  Content Writing and Assembly
• Activity: Creation of catching headlines, text editing,
writing new text, compiling the existing text
• Objective:
• To provide website content ready to migrate to the site. It is better
when all website content is provided before or during website
coding.

• Estimated time: from 5 to 15 weeks


Step 5. Coding
• Activity: Create the website
• Objectives:
1. create a home page
2. Add sub-pages
3. Frameworks and CMS be implemented to make sure that the
server can handle the installation and set-up smoothly.
4. All static web page elements that were designed during the
mock-up and layout creation should be created and tested. Then,
special features and interactivity should be added. A deep
understanding of every website development technology that
you’re going to use is crucial at this phase.

• Estimated time: from 6 to 15 weeks


Step 6. Testing, Review, and Launch
• Activities
• Testing
• Link(s) should be tested to make sure that there are no broken ones
among them.
• Spell-check
• Check and re-check your website
• Upload

• Estimated time: from 2 to 4 weeks


Step 7. Maintenance

• Opinion Monitoring and Regular Updating


• What’s important to remember is that a website is more of a
service than a product. It’s not enough to “deliver” a website to a
user. You should also make sure that everything works fine, and
everybody is satisfied and always be prepared to make changes in
another case.

You might also like