Webpage design full project of project management

Contents
1. Project Management Proposal
2. Business Case
3. Project charter
4. Work breakdown structure
5. Project Status Report
6. Work Breakdown Structure & Schedules
7. Work Breakdown Structure & Budget

©Md. Asif Sultanul Arefeen
American International University-Bangladesh

WEB Design Project Proposal
I. Short description about our project

Develop an Internet Site for the City online Shopping Mall. Create a Customer interactive
web page design. Develop a consistent theme with the city logo, headings, and buttons.
Provide a product list and their prices which is displayed on the Internet. Provide an
"Interactive Form" where people can leave messages and receive replies.

II. Budget


Total estimate cost of this project is $ 10000.

III. Time estimate


Estimate time limit is 6 months.

IV. Site Name Registration
A. Registering the Domain Name

We recommends reserving the top level domain name "cityshopping.org" which is available
at this time. The often used "ci.city.ca.us" can be pointed in to the main site so users familiar
with this name can still find the site. Having the name of the city, with an .org extension is
good situation and should be reserved immediately. This is a similar web presence we
established for the city of New York.
B. Email Addressing

Top level domain names allows you to use your domain name in your email. In this case it
may be administration@cityshopping.org. Domain level email addressing gives a consistent
professional look in the Internet community.

V. Webcam Site Design
A. Site Design

The site will contain the information from the existing site as well as additional information
from the city. In the case of Cypress we divided the site along city departments. Internet
sites for cities are an excellent opportunity to provide often requested information on the
web. Typically a city web site will be divided approximately six major sections with 8 to 10
pages per section.
B. Design Methodology

It is essential to establish a polished and professional look. Mills Group Multimedia will
establish a temporary area, out of view from the general public, to post design concepts for

client approval. We will begin by creating three versions of the site main page. Upon
approval of the strongest concept we will develop a consistent look for section headings,
logo, footers and buttons.
C. Site Content

With an approved consistent look established the next step is to add content to the site.
Generally clients will gather existing materials (pamphlets, forms, papers, photographs) and
send them to us. We take the materials and ready them for the site. The content is then
parsed out into individual web pages and assembled in a hierarchy which is easy to
understand and to navigate. Site content is added to pages which have a consistent theme
and look in terms of headers, footers and accent graphics like buttons and bullets.
D. Developing the Site

Upon name registration we will establish the site. Generally we will put up an "under
construction" page which announces the site will be coming soon. Then we begin to post
the site pages behind the scenes so only we and our client can see the pages. This allows the
client to see the progress as we build the site. Together we review the site on the phone
during the building process. When the site is complete we remove the "under construction"
page and insert the site main page in its place and the site becomes open to the public.
Throughout the process the client is involved in the design process.
E. User Accounts

We will provide our each of the customer a user accounts where they will keep their
shopping history. The user of the site will open their account by email and social media also.

F. Interactive Form

Internet technology allows for communication forums. We will provide an interactive form
(often called a guest book) which allows for an open exchange of information between the
city and its citizens. The interactive form will act as an on line meeting area to develop a
sense of community using Internet communication.
City shopping website retested user will be able to make comment with a username and
password for the interactive form. City shopping website user will also be able to access the
form and add, delete, and modify messages.

VI. Web Site Hosting
A. Internet Software

We own co-located servers that resides at Mexico. We maintain a small group of selected
clients on our server. Owning our server allows us to offer high end software systems on the
web. Features such as on line calendars require significant server side programming and
knowledge.

B. Benefits of Hosting

Web hosting clients take advantage of a range of Internet technologies not available
through other hosting services. We are Internet programming specialists. The systems
require server side programming. Because we own the platform we routinely deploy these
systems for our hosting clients.

VII. Compensation and Terms (Site Design)
A. Compensation

We agree to design and install the web site and administrative functions described above
for the fee of $10000 inclusive of the following:
1. All Design and Layout described above
2. All Programming described above
3. Installation of web pages and programs on target web server.
4. Marketing the Site with Search Engine Listing
B. Terms

1. Deposit - 50% prior to starting work
2. Progress Payment - 20% upon site completion and buy off
3. Final Payment - 30% thirty days after site completion

VIII. Compensation and Terms (Hosting)
A. Hosting Compensation

1. Site Name Registration and Set Up: 2 day (one time)
2. Internet Corporate Web Hosting: 1 month
3. Pointer for second domain name: 2 month
B. Hosting Terms

1. Payable 6 months in advance by check, or
2. Payable monthly by credit card


Business Case
September 29, 2013
1.0 Introduction/ Background

City online Shopping Mall is a new concept of online shopping store in Mexico. It is a
new business and run by two owners. The main concept of this business is give a new
experience in online shopping that fulfill your demand in a real cost. This online business
need a new site for their customer which is more attractive and easy to use. The design is
include with an “Interactive Form” that help to connect the customer with the website
admin. The form will use for customer feedback purpose.
2.0 Business objective

City online Shopping Mall business objective is increase the profit and make the business
in number one position in Mexico and also make a top class online store. Their goals is
continuing growth of the business and make it internationally.
3.0 Current Situation and Problems/ Opportunity Statement

City online Shopping Mall is a new business. There is also more five companies is
available in the Mexico market. So the completion is hard. But City’s main competitor
will be in the Mexico’s third biggest online shopping website buynsell.com. All the
current shopping website is now use oldest version web security HTML. But we will Use
HTML5. That is more secured and more customer attractive. In the world market
“amazon.com”, “ebay.com” use HTML5 and they are successfully run their business.
Day by day Mexican customer is dependent on the online shopping because of its save
their time. So it is easy to realize that the day is come it’s demand will increase.

4.0 Critical Assumptions and Constraints

This project need a customer attractive, easy to maintain, easy to shopping and easy to
updatable webpage template. The template will work in flash and HTML5 language. The
template will also increase the level of online shopping experience. The Web design is
make simple but unique. The design will also help to increase the SEO. The Webpage
make satisfied our sponsor as well as their customer.
5.0 Analysis of Options and Recommendation

We will recommendation some options that will increase the attractiveness of this project.
That is:
I.
II.

The website design is include the SEO then the project is fully pleased by its
maker.
If the project is introduced in the global then the design might be more attractive.

III.

If the time of the project is one year then it might be made more creative.

6.0 Preliminary Project Requirements
The main requirements of this project include the following:






Need to make a plan for design, time, money and quality ensure management.
We need an e-marketing template for Web page design.
Need a critical analysis for sponsor demand.
Make sure the design is approved by the sponsor.
Make a team for the project.

7.0 Budget Estimate and Financial Analysis

Our Total Budget for the project is $10000. The preliminary estimate of costs for the
entire projects is $5000. Half of the Costs is for Web Template buy and registration of the
website. Another Half of the Costs is for Web Hosting and Web place buy. We will use
our Rest of the money is for SEO purpose. We Use 2000 dollar for increase the rank of
website. 500 dollar for Facebook marketing. 1000 dollar for submit the website in Search
engine like Google, yahoo, Bing etc. And another 1500 dollar will be used for testing
purpose.

8.0 Schedule Estimate

Our total time for this project is six months. Project will be started from 1st January and it
will be completed in 30th June. We work 1 st month for selecting the Template and then
within 10 days we completed our registration process. Then we work for design and
modification and it will continue one month. Then we will submit our website in the
search engines. Then we will tasted our website as a pilot case in 3 months. That time we
monitoring our website to identify our design errors.
9.0 Potential Risks

There are several risks involved with this projects. The foremost risk is complete the
project in the limited budget and duration time schedule. The design will not accepted by
the sponsor and their customers. Misunderstanding between the sponsor and the designer
because of poor communication.


PROJECT CHARTER
1. General Information
Date:

01-10-2013

Project Title:

Website Design Project

Project Sponsor:

Karl Louis Armstrong

Start / Finish Date:

01-11-2013

Budget Allocation:

The developers of the project has allocated $1000 for this project.
Approximately half of the costs will be for design materials, whereas the other
half will be for developed the design purpose.

31-04-2014

2. Stakeholders
SL

ID

Name

Project Manager:


Business Leader:

Atique Ullah

Technical Leader:

Md. Asif Sultanul Arefeen

Key Team Member:

Muhammad Ziaul Kader

Key Team Member:

Miss Susmita

3. Project / Service Description
* Project Objectives / Business Justification Describe the product or service that this project will produce (e.g., “This
project will manage relocation to a new headquarters location for ABC Corporation.”) Measurable business outcomes of the
project. Business Objectives typically deal with cost, time, and quality (e.g., reduce the cost of delivery of this service by 30%).
Describe the business problem or need being addressed (e.g., “ABC Corporations is currently at risk for interruption of essential
services due to lack of space in its current location”).

Develop a new site for the new online Shopping business. The business is totally doing i
n online by using the website. So this website is the main way to do the business. Their a
ll success is depend on this website. They need a customer’s friendly design. That is ea
sy to use and secured filling to use the website. The website design must be simple but
unique. The design will be also help to increase the business.
* Project Deliverables List the high-level project, sub-products or project phases whose satisfactory delivery mark
completion of the project (e.g., site selection, vendor selection, installation of office equipment and furniture, opening session).

We are designing the small elements of the website like buttons, plugin, Interactive Form a
nd the front flash menu.
* Project Exclusion (Will Not be Include) (Example: Phase 1 of the Headquarters Relocation project will not
include the planned employee fitness center.)

In the project will not be included coding of the website development languages and the SEO.


3. Project / Service Description
* Project Milestones Proposed start and end dates for Project Phases (e.g., Inception, Planning, Design,
Development, Testing, and Rollout) and other major milestones.

1. Selecting the Template for the design.
2. Selecting the way of the design.
3. Estimate the cost of the project
4. Estimate the time of the project
5. Divided the works between team members.
* Project Approaches Describe primary plans briefly on the following (Will the project have formal written plans – i.e.,
Project Schedule, Budget, and Resource? How will project issues be dealt with? List any scheduled project team
meetings, planned status reports)

We have to complite the project within six months. Time is short but enough if we do all the work
perfectly and timely. Our budget for this project is $1000. We will develop a design template in Adobe
Phothoshop and Illustrator then we make a unique but a simple design. We will also adjust our flash
button, plugin and other templet elements. Then we are write our content in the website. After that we run
our design as pailot case and mesurement our quility with beanch marking way. If we will setisfied then
monitoring the process. If it is error free then we submit our project to the project sponser. He will be
justified our design. If any chage or modification is needed then we will do this. After that if he is said
“ok” then our project phase is completed, but the project is not fully completed, because it is not running
in the real business. If the design is perfect for the real business then the project is completed.

* Assumption & Constraints List any conditions that may limit the project team’s options with respect to resources,
personnel, or schedule (e.g., predetermined budget or project end date, limit on number of staff that may be assigned to
the project). Include both internal risks and external risks. (e.g., Internal Risk – Move In date may be in jeopardy if
decisions about office furniture are not made on time. External Risk – Office Furniture vendor has a poor track record of
on-time delivery).

There is saveral risk involve to this project. The devided the risk in two kinds. One is internal and another
is external.
Internal Risk1. Conflict between project manager, technical advisor and the designer
2. Lack of knowledge about the programming language.
3. If the time is not maintain then cost of budget will increase.
External Risk1. The Design might not be unique due to lack of knowledge
2. Design element like plugin, button, flash etc might not be avabile in the internet
3. Internet connect might be problem due to slow speed.

* Project Success Criteria Define what must be done in order for this project to be considered a success by its
stakeholders.

We will use latest type of design element, flash and plugin. We also use google customized search engine
that will help to the user of this website.It is also considered a success by its stakeholders. Our design will
also help to make the SEO incress. So it is also a sucees by its stakeholders.


4. Sign-off
Name
Project Sponsor:

Pater Louis Armstrong

Project Manager

Date(dd-mon-yy)


Co-Sponsor

Signature


5. Comments (Handwritten or typed comments from above stakeholders, if applicable)
“If the contact menu is more upgradable and include the social media box the it look
more attractive”--- Karl Louis Armstrong, project manager and Sponsor


PROJECT WORK BREAKDOWN STRUCTURE
Date:
Project Title:
Project Sponsor:
Start / Finish Date:
Budget Allocation:

1-10-2013
website design project
1-11-2013
31-4-2014
The developers of the project has allocated $10000 for this project. Approximately half of
the costs will be for design materials, whereas the
other half will
be for developed the design purpose.

2. Project Deliverable:
S/L

Deliverable Name

1.0

Buttons

2.0

Plugin

3.0

Interactive formant the front flash menu

3. Work Breakdown Structure
Deliverable Name
S/L

WBS Element Name
.1

Initiating
1.1 Prepare stakeholder analysis
1.2 Create project charter
1.3 Prepare business case
1.4 Prepare preliminary scope statement


.2

Planning

2.1 Project integration management
2.1.1
2.1.2

Create team contract

Develop project management plan

2.2 Project time management

2.3 project cost management
2.3.1 web template buy and registration of the website
2.3.2 web hosting and web place buy
2.3.3 SEO purpose
2.3.4 Facebook marketing
2.3.5 Submit the website in search engine
2.4 project communication management
2.5 project risk management
2.5.1 Time
2.5.2 Budget
2.5.3 Communication
2.5.4 Technical problem
2.5.5 Lack knowledge about programming language
.3

Executing

3.1 create design

3.1.1
3.1.2
3.1.3
3.1.4

Design creation
Color matching
Web widgets matching
Web buttons creation

3.2 Implementation
3.2.1 Design and coding match
3.2.2 Adding button and widgets in the main design


.4

Monitoring and controlling
4.1
4.2
4.3
4.4
4.5

.5

Time

Cost
Design
SEO
Size of fonts

Closing
5.1 Finalize the design
5.2 Make a simple closing of the project

5. Comments (Handwritten or typed comments from above stakeholders, if applicable)
“It is pretty cool and handsome work break down structure”
- Karl Louis Armstrong, Project Sponsor.


Project Status Report
Date:

01/11/2013

Project Title:

website design project

Project Manager:


Reporting Period:

2 Month

2. Summary
Overall Status:
Green 1

Yellow 2

Red 3

(Controlled)

(Caution)

(Critical)

Budget:

[ ]

[ √]

[ ]

Schedule:

[ ]

[ ]

[√]

Scope:

[√ ]

[ ]

[ ]

Quality:

[ √]

[ ]

[ ]

1 Project
2

Reason for Deviation

Due to some unavoidable situation we need more time to complete
our project.

is within budget, scope and on schedule.

Project has deviated slightly from the plan but should recover

3

Project has fallen significantly behind schedule, is forecast to be significantly over budget, and/or has taken on tasks
that are out of scope.

3. Scheduled Milestones / Deliverables
List any Project Milestones that are late as well as Milestones due in the next 4 to 6 weeks.

Milestone

Approved
Schedule

Actual
Completion

Current
Forecast

Status
(%)

Facebook marketing

5 Day

15/11/13

20/11/13

O%

Submit the website in search engine

2 Day

21/11/13

23/11/13

0%


8 Days

24/11/13

1/1/14

60%

Adding button and widgets in the main design

4 Days

02/01/14

05/01/14

20%

SEO

5 Days

05/01/14

09/01/14

50%


2 Days

10/01/14

12/01/14

50%

2 Days

13/01/14

15/01/14

80%

Lack knowledge about programming language


4. Accomplishments / Plans
.1 Accomplishments during this Reporting Period (Should relate to milestones):











Create project charter
Prepare business case
Prepare preliminary scope statement
project integration management
create team contract
develop project management plan
project time management
project cost management
web template buy and registration of the website
web hosting and web place buy

.2 Plans during the next Reporting Period (Should relate to milestones):












web hosting and web place buy
SEO purpose
Facebook marketing
Submit the website in search engine
project communication management
project risk management
Time
Budget
Communication
Technical problem
Lack knowledge about programming language

.3 What went well during this Reporting Period (Should relate to milestones):









create design
Design creation
Color matching
Implementation
Design and coding match
Adding button and widgets in the main design

.4 What did not go well during this Reporting Period (Should relate to milestones):


4. Accomplishments / Plans






Time
Cost
Design
SEO
Size of fonts

5. Controls
.1 Issue Status (Issues requiring resolution by Project Team or Executive Committee):

This is the landing status for new issues. Issues stay in this status until they are assigned,
acknowledged, confirmed or resolved. The next status can be "acknowledged", "confirmed",
"assigned" or "resolved"

.2 Recommendation (Recommendation on corrective actions executed or planned to resolve plan project issues
incurred and risk identified and project changes from baseline which would require approval by the Project Sponsor and
possibly the Executive Committee):

This status is used by the development team to reflect their agreement to the suggested feature
request. Or to agree with what the project is suggesting in an issue project, although they didn't
yet attempt to reproduce what the project is referring to. The next status is typically "assigned"
or "confirmed"

.3 Project Change (Changes raised for consideration that change the approved project baselines. Would require
approval by the Project Sponsor and possibly the Executive Committee):

This status is used to reflect that the issue has been resolved. An issue can be resolved with one
of many resolutions (customizable). For example, an issue can be resolved as "fixed",
"duplicate", "won't fix", "no change required", etc.

.4 Comments

This status reflects that the issue is completely closed and no further actions are required on it. It
also typically hides the issue from the View Issues page. Some teams use "closed" to reflect
sign-off by the reporter and others use it to reflect the fact that the fix has been released to
customers


Webpage design full project of project management

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Webpage design full project of project management

Similar to Webpage design full project of project management (20)

Recently uploaded

Recently uploaded (20)

Webpage design full project of project management