PROPOSALS & PROJECT BRIEFS

Website design project brief template.

Plan a website design project with an editable brief covering the problem, audience, outputs, inputs, constraints and approval process.

See the completed example ↓

WHEN TO USE IT

A clearer next step.

Use this to collect requirements before requesting a quote or preparing a proposal. Identify whether this engagement includes design only or also development. A visual design handover is different from launching a working website. A brief describes what is needed; the proposal sets out how a supplier plans to deliver it.

SEE IT IN CONTEXT

A completed example.

Fictional details · illustrative amounts
Example StudioFOR EXAMPLE COMPANY
01

Background and problem

Design a five-page website that helps visitors understand the services and submit a useful enquiry.

02

Audience

Existing customers and prospective buyers who need a clear, usable experience. Replace this with the specific people the project serves.

03

Desired outcome

The agreed pages cover the approved content and have layouts for mobile and desktop.

04

Required outputs

Five responsive page designs Desktop and mobile layouts A reusable type, color and component guide A design-file handover

05

Available inputs

Approved page copy, brand assets, two competitor references and access to the current site.

06

Constraints and exclusions

Development, hosting, copywriting and ongoing content updates.

07

Timing and approvals

Week 1: page structure and wireframes Week 2: visual direction and key pages Week 3: remaining pages, review and handover One nominated project owner will consolidate feedback at each stage.

08

Open questions

Confirm the budget range, internal review availability, final delivery formats and any dependencies before commissioning the work.

GOOD TO KNOW

A few useful answers.

How do I use this template?

Download the blank Word file, replace the bracketed fields and adapt the suggested structure. Use the completed example for context. Review the content and any manually entered totals, then save your own copy or export a PDF from your editor.

Can I edit and reuse it?

Yes. Adapt it for your own work and keep a copy for future use. All document text is editable. Replace the example details and include the terms and identifiers relevant to your transaction.

Are the completed example details real?

No. Names, dates, amounts and scenarios in the completed example are illustrative. They show how to organize the document; they are not recommended fees, actual payment instructions or records of a real transaction.

Keep a good thing going.

All proposals & project briefs ↗