Work Breakdown Structure

1. Gather Requirements

1.1 Technical specifications

1.1.1 Expected bandwidth

1.1.2 User registration

1.1.3 Restricted areas

1.2 User requirements

1.2.1 Menu navigation

1.2.2 Interactive modules

1.2.3 Static pages

1.2.4 Flash elements

1.3 Reporting requirements

1.3.1 Bandwidth & usage

1.3.2 Page views

1.3.3 Session length

2. Establish Design

2.1. Design elements

2.1.1 Banner

2.1.2 Footer

2.1.3 Logo

2.1.4 Color scheme

2.1.5 Font usage

2.2 Overall layout

2.2.1 Column setup

2.2.2 Optional modules

2.2.3 Navigation layout

2.3 Content elements

2.3.1 About page

2.3.2 Contact page

2.3.3 Services page

2.3.4 FAQ page

2.3.5 Photo Gallery

3. Select Technical Framework

3.1 Evaluate options against requirements

3.2 Evaluate cost and time to develop

3.3 Make decision

4. Implement Technical Framework

4.1 Build or acquire back end

4.2 Build or acquire front end (user interface)

4.3 Integrate back end and front end

5. Create Content

5.1 Create content summary

5.2 Establish content details

5.3 Assign content creation

5.4 Create detailed content

6. Load Content

7. Test Site

7.1 Navigation

7.2 Interactive elements

7.2.1 Contact form

7.2.2 User registration

7.3 Browser compatibility

8. Roll Out Site

8.1 Establish target date

8.2 Create communication plan

8.3 Make site live

You could then create a WBS diagram manually or using software that will do so automatically. Depending on the audience, you may want to have both outline and diagram versions available.

If you are developing a site for a client, or hiring someone to do your site for your business, you should also consider accounting for the work required to develop and approve a contract and to obtain final approval for the completed site.

Image from System Engineering Fundamentals via Wikipedia