← Back to blog UARUEN

Website Development Project brief

How to Write a Website Brief (RFP): Structure, Examples and Ready Wording

A bad brief = an inflated quote and rework. We break down how to write a technical specification for a website: goals, page structure, functionality, design, integrations, speed and SEO requirements, acceptance criteria — with a fill-in template.

How to Write a Website Brief (RFP): Structure, Examples and Ready Wording

Short answer: a brief isn’t “I want a pretty website” — it’s the document by which a studio can give an exact price and timeline, and you can accept the work. A good brief answers 8 blocks: goals and metrics, an audit of the current site, page structure, functionality, content, design expectations, integrations and technical requirements (speed, SEO, accessibility), plus acceptance criteria. Here’s how to write one yourself.

Block 1. Goals and metrics, not “pretty”

Start from the business, not pictures. Write down:

  • Why the site exists: collect leads, sell products, inform, enter a new market/language.
  • One main metric: leads/month, conversion, revenue, organic share.
  • Who the customer is and what they must do on the site (the target action).

Block 2. Audit of the current site (if any)

What to keep, fix, remove: rankings and traffic from Search Console, weak pages, speed (Lighthouse), mobile usability, what’s broken in the lead inbox. This protects against “rebuild everything from scratch” when 70% can be saved. Related — redesign without losing SEO.

Block 3. Page structure

Map the site and give each page one goal:

PageJobRequired elements
Homehook + route into a serviceoffer, benefits, cases, CTA
Service / productconvertscope, “from” prices, FAQ, form
Casesprovechallenge → solution → number
Abouttrustteam, details, certifications
Blogtrafficcategories, search, subscription
Contactleadmap, tap-to-call, messengers

Block 4. Functionality: what must work

List it item by item, not “and everything”:

  • forms (which fields, where they go, spam protection), live chat, callback;
  • cost calculator, catalogue filters/search, client dashboard;
  • multilingual and locales (languages, currencies);
  • payment and delivery (for a store);
  • admin roles and permissions — who edits what.

Block 5. Content and CMS

  • Who writes text and where photos come from — you, the studio, or copywriting in the package.
  • What you edit yourself — then you need a headless CMS: edit pages and blocks without a developer. Why it matters — in the headless vs WordPress guide and on the content platforms page.
  • Migrating old content (page count, products, articles) — on its own line.

Block 6. Design: expectations and references

  • 3–5 reference sites “like / don’t like” and why.
  • Brand: is there a guide, logo, brand colors.
  • Style: minimal/premium/dark; do you need animation and 3D (this affects price and speed — see animations that convert).
  • Design concept before code: lock that you approve it.

Block 7. Technical requirements

Block 8. Integrations (as a separate table)

SystemWhyData
CRM (HubSpot/Pipedrive/custom)no lost leadscontact, deal, source
ERPlive stock and pricescatalogue, warehouse
Telephonycall recording in the recordnumber, duration
Payment/deliveryorder intakestatus, receipt
GA4 + Search Consolemeasure resultsevents, queries

How it’s built under the hood — connecting your site to a CRM and ERP.

Block 9. Acceptance criteria and deadlines

Write directly in the brief what counts as “done”:

  • pages built to the approved design, cross-browser;
  • Lighthouse ≥ 90 on 3 key pages (attach the report);
  • forms deliver the lead to the CRM, goals fire in GA4;
  • content migrated, meta filled, sitemap returns 200;
  • the team trained to edit, access and source code handed over;
  • a bug warranty (e.g. 6–12 months).

A mini brief template (copy and fill)

1. Project: company X website. Goal: ≥ N leads/month, conversion ≥ Y%. 2. Audit: current site — rankings, speed, issues. 3. Structure: home, 4 services, cases, about, blog, contacts. 4. Functionality: forms → CRM, calculator, multilingual (EN/UK), search. 5. Content: copy by studio, photos by client, migrate 12 pages. 6. Design: references A/B/C, dark theme, GSAP animations, concept before code. 7. Technical: Lighthouse 90+, green CWV, hreflang, GA4+goals, structured data. 8. Integrations: CRM, telephony, payments. 9. Acceptance: Lighthouse report, form test, access and source handover, 12-month warranty. 10. Budget and stages: fixed quote, weekly demos.

Bottom line

A good brief translates a business goal into the language of pages, functions and acceptance criteria. Fill in the 9 blocks above — and you get an accurate quote, a predictable timeline and a site that solves the job, not just “exists”.

Get a brief and quote for your site → — in a free brief we’ll turn your goals into a spec and give a fixed price. Read next: how to choose a web studio and landing vs multi-page site.

from $1,100

Need the same solution for your business?

Bespoke design and lively animations on Astro, React, Vue and Angular: corporate sites, landing pages and promo sites impossible to mistake for templates.

  • Custom design from scratch
  • GSAP/ScrollTrigger animations
  • 90+ Lighthouse speed
Discuss a project → from $1,100
Free

Get a free website audit in 48 hours

Speed, SEO, conversion — a 12-page report with a prioritized fix plan. No obligation, no spam: we show what to improve even if you never hire us.

  • Core Web Vitals & speed
  • SEO structure & content
  • Conversion paths & UX

Avg. response time — 2 business hours.