How to Write a Website Design Brief for Your Agency

Are you ready to commission a design company for website development? Organize the website design proposal according to brand positioning, target customers, page list, product information, functions, and approval process, and attach a directly fillable demand handover form.
Share This Article
How to Write a Website Design Brief for Your Agency
Table of Contents

one serving Website design proposal First of all, you need to answer: Who is the website for, what actions do you want visitors to complete, what pages and information are needed, and who can make the final decision. By making these inputs clear, the design team has a basis for planning structure and vision; unknown items are marked as “to be discussed.”

Write your goals first, rather than picking a template first

“Building a high-end official website” is not an executable requirement. A more useful way to write it is: “For overseas purchasing managers, introduce three types of products and allow visitors to submit customer inquiries; provide English content in the first issue.” It is also a website. Different readers, markets and main actions will affect the focus, navigation, content priority and form fields of the homepage. When starting the project, determine the initial goals first to avoid cramming all the features that may be needed in the future into the first version.

Unify project understanding with one-page overview

It is recommended to fill in the business type, main products or services, target customers, target country and language, main tasks of the website, existing website address and project contact person at the beginning of the proposal. If the team has different expectations for “customer inquiry”, “online ordering” and “appointment”, first determine a primary action and list the rest as secondary actions. Also identify content providers and approvers.

For example, a company that provides industrial parts can write: “The first English official website mainly serves North American procurement; the homepage guides you to view the product series and submit drawings for customer inquiry. The sales manager confirms the product information, and the brand person in charge approves the design.” This is a teaching example.

Submit the page list and content materials to the design company

Don’t just say “need a homepage and a few inner pages.” Start by listing the page name, target readers, page tasks, existing copy, available images, and gaps. Common projects can start from the homepage, product or service category page, product detail page, about us, cases, contact page, and then add downloads, FAQ or policy pages according to actual business. Shopify Partner store setup instructions Customer vision, product information, brand pages and pictures are also listed as matters that need to be communicated before building a store; this is a reference for e-commerce scenarios and is not a fixed number of pages for all corporate websites.

Answer at least three questions on each page

First, who will watch it; second, what should be understood after reading it; third, what to do next. What the homepage needs is business focus and credible evidence, not all the information listed side by side. The product page allows readers to identify models, uses, differences and contact paths. Navigation hierarchy should also be derived first from content relationships. Google’s documentation on e-commerce website structure Note that menus and links between pages help to understand the relationship between pages, so the page list should also indicate the category and superior-subordinate relationship.

Put the existing copy, product sheets, photos and videos into the shared folder by page, and mark it as “can be used directly/needs modification/not yet provided”. If the material belongs to the photographer, platform provider or customer, confirm the website usage permissions and display range. Images without authorization should not be included in the design draft by default. For content that has not yet been completed, you can first give the design company the key points of information and the expected submission date.

Schematic diagram of the page relationship and material preparation status of the home page, product category and product detail page
Editing instructions: page map and material status

Products, brands and functions: fill in according to business needs

Product information must be able to support the page structure

E-commerce or product-based websites usually require product name, category, main selling points, specifications, pictures and necessary variation information. If you want to sell directly, you also need to clarify your pricing, inventory, delivery, and return and exchange policies. WooCommerce Official Product Documentation It explains that basic products can start from the product name and price, and also introduces subsequent information such as pictures; it illustrates examples of platform fields, and it cannot be inferred that all websites must trade online. When there is no electronic version of the product table, first select a representative product and fill in the information completely for the design team to verify the information level of the product detail page.

Have a source file of your brand logo, standard colors, commercially available fonts or font licenses, a description of your brand, examples of tone of voice, and design references that clarify your likes and dislikes. It is best to write down specific reasons for the reference website, such as “product categories are visible at a glance” and “button copy is clear” rather than asking to copy the page. In the absence of a formal VI, indicate which colors or expressions must be retained and which can be proposed by the design team.

A schematic diagram of the product information package and brand information package that should be compiled before submission to the design company
Editor’s note: Product information package and brand information package

Functional requirements are written as visitor actions

Rewrite “requires advanced features” into testable scenarios: which customer inquiry fields are filled in by visitors, whether attachments are required, and to whom the message is sent; if there is a shopping cart, which regions, currencies and delivery methods are supported; if it is multi-lingual, who is responsible for translation and subsequent updates. Forms, online payments, memberships, and logistics inquiries are not required for every project. First, differentiate between what is necessary in the first phase, what may be added in the future, and what is clearly not required, so that the design company can come up with page and interaction plans based on the real process.

Write the approval and handover methods into the plan

Not having enough information can still slow down a project because decision-making is fragmented. Agree on a requirements person in charge to collect opinions, and a final approver to confirm key nodes; at the same time, list what participants such as product, market, and legal affairs will review respectively. The design company should receive one consolidated feedback rather than multiple conflicting revisions.

When handing over, label each piece of material with the version, person in charge, and status. List the questions that need to be asked by the design team individually, don’t fill in the blanks with guesswork. If the business goal or page scope later changes, the change, reason, and approver should be documented in the same document. Discuss this way Product information organization Or during subsequent development work, both parties can find the same basis.

Schematic diagram of the person in charge of the requirements, data status and approval handover of the website design project
Editor’s Note: Requirements Handover and Approval Records

Directly fillable website design requirement form

The following is an edited teaching template. Replace the examples with your own information; fill in “To be discussed” for items you don’t know and designate the person in charge. It is used to initiate requirements communication and does not represent the final technical solution.

Website design proposal: example of requirement input and data handover
Field Fill in examples (teaching instructions) person in charge Data status
Goals and Audiences English market purchasing manager; mainly customer inquiry Marketing manager To be confirmed
Pages and Navigation Home page, three categories of products, about us, contact Marketing manager Already have a first draft
Products and pictures Product table, main product image, specifications and usage rights product manager Partially missing
Brand materials Logo source files, color values, font licensing Brand person in charge Prepared
main action Submit customer inquiry and upload drawings; receiving email is to be determined sales manager To be discussed
Approval and feedback Market summary feedback; general manager confirms key design Project leader To be confirmed

Before handing it over to the design company, check again whether the “to be discussed” in the form has the person in charge and the date of discussion. Include links or file names for page lists, existing assets, and design references; don’t just explain them verbally in meetings. If the project involves multiple sites or languages, list what can be shared and what needs to be written separately.

Conclusión

The core of a useful website design proposal is to allow the design company to see the business goals, target customers, pages and content, necessary functions and decision-making methods. First use a one-page overview to determine the direction, and then use a demand table to mark existing information and gaps; temporarily uncertain projects will be brought to the communication meeting by the person in charge for resolution. Once you have these inputs ready, you can bring the document with you to discuss page scope and content priorities with AIRSANG without having to decide on each technology implementation for the design team first.

Creative Solutions for Global Brands

AIRSANG delivers cost-effective website design and development, brand visuals, and cross-border ecommerce solutions for brands worldwide.

WordPress Development

Shopify Development

Website UI Design

¿Listo para transformar su empresa?

Reserve una llamada para obtener más información sobre cómo nuestra agencia de marketing digital puede llevar su negocio al siguiente nivel.