Web Development Proposal Template

[Client name]
[Project name]
[Proposal date]

[Web design company contact details]

Table of Contents

[Table of contents]

Executive Summary
[Client] is seeking to develop an online learning tool so that users can gain access to information
via the Web and sit online courses, assessing their knowledge.

This proposal is [Web design company]’s response to [Client]’s stated requirements. [Web design
company]’s response combines its demonstrated world-leading expertise in web application
development with its history of successful project delivery, to provide [Client] with a solution that
will enable this project to achieve its goals.

[Web design company] has a proven track record with large organizations, both public and
private, including [examples]. [Web design company] has already developed [project name] for
[Client] on time, and on budget.

[Web design company]’s capability is further demonstrated by [explanation of unique selling

proposition and point of difference].

[Web design company] is excited by the prospect of creating [project name] for [Client] that will
deliver quality outcomes for both customers and staff.

Thank you for the opportunity to submit this proposal.

[Name]
[Position]
[Web design company]

Solution
[Web design company] proposes the following solution to meet the requirements as they were
explained by [Client] in a meeting on [date]. This solution will allow [Client] to maintain its online
presence in-house.

1. [Web design company] will create a website containing the pages: Home, About, Services,

From The Web Design Business Kit by Peter Williams and Brendon Sinclair
© 2011 SitePoint Pty. Ltd. All rights reserved.
1
News, and Contact Us. See Appendix A for proposed wireframes for each page layout.

2. [Client] staff will log into an administration system that will allow them to update the content on
each of these pages. Staff will be able to add new admin users, alter admin user permissions,
and remove admin user accounts as required.

3. A blogging tool will be included in the site admin to allow staff to add new content (news
stories) to the News page, and publish news headlines to the Home page.

4. [Client] staff will be able to edit existing content on all pages using the admin tool. This includes
the ability to modify text and images. It does not allow staff to alter the page layouts themselves.

Assumptions
1. The solution will be developed using [technologies], as requested by [Client].
2. The solution will be developed to meet or, where possible, exceed the standards outlined in
[Client’s] Web Accessibility Policy.

Hosting
[Web design company] proposes that the solution be hosted on a dedicated server with [Web
host partner].

In a strong, ongoing partnership, [Web design company] hosts numerous client sites with [Web
host partner], who provide [list relevant features and services here].

Project Costing
Website design and development total cost: $56,000
Dedicated hosting annual cost: $1,000

For a full breakdown of these costs and their constituents, see Appendix B.

Costing Notes
• This is a fixed price quotation.
• All prices are in [currency] and do not include taxes.

About [Web Design Company]

[Web design company] is at the leading edge of web design and development. Founded in [year],
it is a privately owned company with an overwhelming passion for technology, which is reflected
in our diverse portfolio of work; for details visit [URL of portfolio].

In terms of client solutions, [Web design company] has one of the most sought-after development
teams in [Location], serving a wide variety of clients and implementing solutions with tangible
business benefits. Clients include [client list].

[Web design company] provides the full spectrum of web design and development services. What
differentiates it from its competitors is [explain point of difference].
.
Accordingly, [Web design company] can provide expertise to [Client] that no other web

From The Web Design Business Kit by Peter Williams and Brendon Sinclair
© 2011 SitePoint Pty. Ltd. All rights reserved.
2
development company can, such as [list unique benefits].

[Web design company] is committed to delivering a quality outcome for your project and
understands the particular challenges of working with organizations such as [Client].

The Team
[Ahn Li] brings over fifteen years of project management experience in the advertising and web
design fields to our clients. [Ahn] will be your immediate contact throughout the project, and will
work closely with you and the design and development team to ensure that the project is
delivered on time and on budget.

[Maria Theophanopoulos] is widely acknowledged as one of [Location]’s top internet specialists.

With over a decade’s experience in web development, [Maria] will oversee all aspects of the site’s
development, testing, and deployment.

Web designer [Detlef Schmidt] is recognized as one of the industry’s design visionaries. [Detlef]
combines expertise in user experience design with graphic and visual design skills to deliver
solutions that meet business and brand objectives.

Delivery Methodology
The [Web design company] delivery methodology is structured according to defined project
phases, and incorporates project management processes derived from the PMBoK (Project
Management Body of Knowledge).

Design Activities

1. Technical Specification
The first phase is the development of a detailed technical specification that interprets your
business and functional requirements, and creates a detailed blueprint for the application.

The methodology is derived from agile methodologies, and commences with use cases and
storyboarding in a series of collaborative workshops with your project team. Written and
diagrammatic technical specifications are drafted and submitted for your approval.

The detailed description provided in the technical specification gives your organization an
opportunity to confirm that our developers have interpreted your requirements correctly, and that
the application will be developed in a way that meets your current and future needs.

2. Static Prototype and Design Validation

The most important factor in determining the success of the application will be the experience it
delivers to users. Your corporate image depends not only on the functionality contained within the
application, but also on the ease with which users can interact with it and perform the tasks that
matter to them.

To deliver a successful application, particular attention will need to be paid to the structure of the
information to be presented, the way in which the user will navigate through the application, and
the technical scalability of the design.

From The Web Design Business Kit by Peter Williams and Brendon Sinclair
© 2011 SitePoint Pty. Ltd. All rights reserved.
3
The prototype phase allows us to visually confirm the details of the technical specification, seek
further input from the client, and test the interactive experiences. By putting this limited
application in front of stakeholders, we identify any subtle design issues and refine these prior to
development of the final application.

3. Approval Tests
As proponents of agile development methodologies, [Web design company] strongly advocate
test-driven development—that is, the creation of tests that will demonstrate conclusively that the
application, upon passing these tests, has conformed to everybody’s reasonable expectations. By
creating these tests at the outset, our developers have unambiguous outcomes to program for,
and the client and vendor are easily able to agree whether all objectives have been met.

4. Approval of Project Specification

[Web design company] will present the technical specification, the final report of the design
validation, and the Approval Tests for review and acceptance before commencing the
development of the final application.

Build Activities

1. Web Page Templates and Software Components Development

The development of the web page templates—creating custom software components that
implement the “look and feel” of the website—will be the largest part of the project. [Web design
company] identifies core components that need to be built first, and, based upon our Risk
Management Plan, build the remainder of the components/modules in the order that ensures
greatest transparency and management of risk. Ideally, programming tasks are broken down into
the smallest practical set of tasks, and each cluster of activity integrated and tested as frequently
as practical.

Automated regression and unit testing ensures the integrity, functionality, and compliance of
individual modules and the application as a whole.

[Web design company] will make sections of the website available for you to review throughout
the development process. We encourage feedback so that issues are addressed as early as
possible in the process.

2. Transfer to Hosting Environment

Our project management team identifies the appropriate time to deploy the application to the
hosting environment. This allows testing and verification of all software components in situ, and
integration of the site with host-specific monitoring tools.

Once the application is configured in the hosting environment, [Web design company] performs
final QA and compliance checks, and security audits.

When the solution has been certified through our QA process, [Web design company] will assist
your organization to formally perform User Acceptance Tests (UAT).

Test Activities

1. Developer Testing
During the development of the code base, [Web design company] uses a continuous integration
process, which involves fine-grained regression tests run on an hourly basis. These tests feed
back into the development process, ensuring components meet requirements and are defect-free.

From The Web Design Business Kit by Peter Williams and Brendon Sinclair
© 2011 SitePoint Pty. Ltd. All rights reserved.
4
Regression tests minimize the overhead of the conventional integration process, allowing
components to be developed rapidly while still meeting a very high level of quality. [Web design
company] employs this technique on all its development projects, and has a strong track record of
defect-free deployments that “just work.”

2. SitePoint QA
As [Web design company] develops each component of the website, a quality assurance process
is applied to ensure the component is fit for purpose.

Once each component has been tested, it is integrated within the overall application. At this
stage, an independent tester certifies the integrated application. In addition to checking for
compliance with client specifications, [Web design company] places particular emphasis on
verifying compliance with development standards, W3C standards, performance criteria, cross-
browser compatibility, accessibility, and usability.

3. User Acceptance Testing

[Web design company] will provide your organization with private access to the completed
application for review and approval. Once approved, the application will be ready for
implementation. At this point in the project, [Web design company] will transfer all project
materials over to ongoing support and maintenance staff.

Delivery Activities

1. Deliver Documentation and Training

Documentation is finalized subsequent to sign-off of User Acceptance Testing of the application.
[Web design company] will deliver customized documentation and provide “train the trainer”
training to your staff.

The training will focus on the practical tasks performed by your staff in the management and use
of the application. Documentation will be delivered in soft-copy form so that your organization can
make it available to staff as needed throughout the organization. All documentation is written in
plain English.

2. Quality Assurance
[Web design company] uses a combination of best practice and a standardized methodology to
deliver quality business solutions.

Every component of the [Web design company] approach to project management is designed to
ensure a quality outcome. This includes our gating process, weekly stakeholder meetings, code
control, code review, and thorough testing regimes.

Central to the process is the maintenance of open and active communications between the
development team and the client. This communication, formalized through the requirements
gathering, proposal, testing, approval, and training phases, is inherent in all aspects of a project’s
evolution, including the incremental software development process that [Web design company]
undertakes.

The success of this approach is evident in our history of delivering quality and timely outcomes
for our clients and our flagship product, the [Web design company].com website.

3. Change Management
[Web design company] employs a standard change management process to ensure that the
effects of change are always known, managed, and transparent to all parties. In the interests of

From The Web Design Business Kit by Peter Williams and Brendon Sinclair
© 2011 SitePoint Pty. Ltd. All rights reserved.
5
ensuring that projects are delivered on time and on budget, any deviation from the agreed
deliverables will trigger the change management process as follows:

• A change is identified and the [Web design company] project manager is notified.
• An impact assessment is carried out and the client is informed of the impact of the change to
the time line and budget (if any).
• If the change is approved, it is factored into the project plan and all affected parties
are notified.

From The Web Design Business Kit by Peter Williams and Brendon Sinclair
© 2011 SitePoint Pty. Ltd. All rights reserved.
6