Webpage design full project of project management

©Md. Asif Sultanul Arefeen American International University-Bangladesh

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


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 [email protected]. 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. The website design is include the SEO then the project is fully pleased by its maker.

II. 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 1st 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 31-04-2014

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.

2. Stakeholders

SL ID Name

Project Manager: Karl Louis Armstrong

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 in online by using the website. So this website is the main way to do the business. Their all success is depend on this website. They need a customer’s friendly design. That is easy 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 and 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 Risk-

1. 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 Risk- 1. 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 Signature Date(dd-mon-yy)

Project Sponsor: Karl Louis Armstrong

Co-Sponsor Pater Louis Armstrong

Project Manager Karl Louis Armstrong

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

1. General Information Date: 1-10-2013

Project Title: website design project Project Sponsor: Karl Louis Armstrong

Start / Finish Date: 1-11-2013 31-4-2014

Budget Allocation: 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 Create team contract 2.1.2 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 Design creation 3.1.2 Color matching 3.1.3 Web widgets matching 3.1.4 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 Time 4.2 Cost 4.3 Design 4.4 SEO 4.5 Size of fonts

.5

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

1. General Information

Date: 01/11/2013

Project Title: website design project

Project Manager: Karl Louis Armstrong

Reporting Period: 2 Month

2. Summary

Overall Status:

Green 1 (Controlled)

Yellow 2 (Caution)

Red 3 (Critical)

Reason for Deviation

Budget: [ ] [ √ ] [ ]

Schedule: [ ] [ ] [ √ ] Due to some unavoidable situation we need more time to complete our project.

Scope: [ √ ] [ ] [ ]

Quality: [ √ ] [ ] [ ] 1 Project is within budget, scope and on schedule.

2 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%

Web buttons creation 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%

Web widgets matching 2 Days 10/01/14 12/01/14 50%

Lack knowledge about programming language 2 Days 13/01/14 15/01/14 80%


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 Web widgets matching Web buttons creation 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

Technology

Transcript of Webpage design full project of project management