Flat 30% off for Singapore 🇸🇬

Website & app design brief generator

Answer guided questions and get a clear, professional design brief for your website, app or brand, formatted live as you type. Export it as a PDF or Markdown, or use it to get a fixed-price proposal.

  • Free, no signup
  • Runs in your browser
  • Nothing is uploaded

Step 1 of 8: Basics

Who you are and what you’re making.

Step 1 of 8
What are you making?
0/240

Next step

Want a fixed-price proposal for this brief?

Copy the brief, paste it into the brief form on my contact page, and get a scope, timeline and flat price back. No call needed to get started.

Copy brief & get a proposal

Live preview

0% complete · updates as you type

Design brief

Project overview

One sentence on what you’re making and why now.

Goals & success metrics

What should this project change for the business, and which numbers will tell you it worked?

Audience

Who is this for, what do they need, and what is getting in their way today?

Scope

The pages, screens or deliverables in scope, plus the features you can’t launch without.

Brand & style

Three to five adjectives, a few reference sites and what you like or dislike about them.

Content & assets

Tick what you already have: copy, logo, photography, brand guidelines.

Budget & timeline

A budget range and the date it needs to be live (and why that date).

Stakeholders & notes

Who gives feedback, who signs off, and anything else a designer should know.

How it works

How to use the design brief generator

  1. 01

    Work through eight short steps

    Basics, goals, audience, scope, style, assets, budget and people. Each step asks only what a designer needs to quote and start.

  2. 02

    Watch the brief write itself

    The preview formats your answers into a clean document as you type, with prompts showing what each empty section needs.

  3. 03

    Come back any time

    Everything saves in your browser automatically. Load the example to see a finished brief, or start over with one click.

  4. 04

    Export and send it

    Download a PDF or Markdown file, copy it to your clipboard, or send it to me for a fixed-price quote.

What a design brief is for

A design brief is the short document that tells a designer what you need, why, for whom, by when and for how much. Done well, it does three jobs: it gets you accurate quotes, because every designer prices the same scope; it aligns your own team before money is spent; and it gives everyone a yardstick for feedback later. “Does this help wholesale cafés book a tasting?” is a far better review question than “Do we like it?”

Most projects that go over budget or through endless revisions didn't start with a bad designer. They started with a vague brief.

The eight sections of a good brief

SectionWhat to include
OverviewCompany, project type and one sentence on what you're making and why now
Goals & metricsTwo to four business goals, each paired with a number you can track
AudienceWho they are, how they decide, and what gets in their way today
ScopePages, screens or deliverables, plus must-have features and integrations
Brand & styleAdjectives, reference sites and specific likes and dislikes
Content & assetsWhether copy, logo files, photography and brand guidelines are ready
Budget & timelineA budget range and a launch date, with the reason if it's fixed
StakeholdersWho gives feedback, who signs off, and the day-to-day contact

Write goals a designer can design for

“A modern, clean website” is a style preference, not a goal. A goal describes a change in behaviour or business results, so the designer can make trade-offs towards it. Compare:

  • Vague: refresh the site so it looks more professional.
  • Useful: get more enterprise demo requests; today most visitors leave the pricing page without acting. Measured by demo requests per month.

The second version tells the designer where to focus (pricing, trust, the demo flow) and gives you an honest way to judge the result after launch. If you're not sure what to track, start with your conversion rate on the one action that matters most.

Scope decides the price

Of everything in a brief, scope moves the quote the most. Listing the pages or screens, the features you can't launch without, and any integrations (CRM, booking, payments) lets a designer price accurately. Be honest about content too: copy that isn't written yet is the single most common reason websites launch late. Not sure which platform the scope points to? Run it through the platform picker, and for a product, the MVP timeline estimator.

References beat adjectives

“Bold” means different things to different people. Two or three reference sites, with a line on what you like about each (“the big product photography”, “how clear the pricing table is”), say more than a page of adjectives. Say what to avoid as well; dislikes narrow the direction faster than likes. If you have a style guide or existing brand identity, mention it, even if it's informal.

Who should write it

One person should own the brief, usually whoever owns the outcome, but they should gather input before writing. A twenty-minute conversation with sales or support about what customers ask, and a look at your analytics, will make the goals and audience sections far sharper than anything written alone. Then share the draft with the person who signs off, before it goes to any designer, so the brief you send is the one you'll judge the work against.

Common brief mistakes

  • Describing the solution instead of the problem.“We need a chatbot” closes doors that “customers can't find answers on mobile” leaves open.
  • No budget.It forces designers to guess, and you get quotes you can't compare.
  • Feedback by committee. Name one person who signs off. Five equal voices produce a beige compromise.
  • An unexplained deadline.“End of March for our funding round” helps a designer plan around what matters; a date with no reason is easy to miss.

What to do with your brief

Send the PDF to the designers or agencies you're considering, so every quote covers the same thing. If you'd like me to quote it, my prices are flat: $700 for a landing page, $1,999 for a complete custom website or app, or $2,500 a month as a Monthly Partner (details on the pricing page). Paste your brief into the form on my contact pageand you'll get a scope, timeline and fixed price back.

Common questions

Design brief generator: FAQ

At minimum: what the project is, the business goals and how you’ll measure them, the target audience and their problems, the pages or features in scope, style direction with reference sites, what content and assets are ready, budget, deadline, and who gives feedback and signs off. This generator walks through each of those in order.

Need it done for you?

Send me your brief and get a fixed-price proposal back fast.

More free tools

All tools →