Как составить бриф на дизайн сайта: вопросы и пример

Бриф на дизайн сайта — это краткое описание проекта, которое помогает заказчику и дизайнеру договориться о задачах, содержании и ожидаемом результате.

Для его составления не нужно разбираться в вёрстке, знать профессиональные термины или заранее придумывать каждый экран. Достаточно рассказать о бизнесе, клиентах и том, что должен делать будущий сайт.

Хороший бриф не заменяет обсуждение. Он даёт основу для вопросов, оценки объёма работы и подготовки структуры.

Чем бриф отличается от технического задания

Бриф описывает исходную ситуацию: что вы предлагаете, кому, зачем нужен сайт и какие есть пожелания.

Техническое задание подробнее фиксирует требования к реализации: страницы, функции, формы, интеграции и другие особенности проекта.

Например, в брифе можно написать: «Нужна возможность записаться на консультацию». Во время обсуждения предстоит уточнить, будет ли это простая форма заявки, переход в мессенджер или календарь со свободными датами.

Поэтому на старте можно обойтись понятным брифом, а подробные требования подготовить вместе с исполнителем.

Расскажите о бизнесе

Начните с короткого описания компании или своей практики:

• чем вы занимаетесь;
• какие услуги или товары предлагаете;
• в каких городах или странах работаете;
• как сейчас получаете обращения;
• есть ли действующий сайт.

Необязательно писать рекламный текст. На этом этапе полезнее конкретные факты.

Например: «Я частный преподаватель английского языка. Работаю онлайн со взрослыми, провожу индивидуальные занятия. Сейчас клиенты приходят по рекомендациям и из социальных сетей».

Определите задачу сайта

Опишите, что должно измениться после запуска. Сайт может помогать представить услуги, принимать заявки, показывать проекты или объяснять сложный продукт.

Если задач несколько, выделите главную.

Вместо «нужен современный сайт» можно написать: «Нужно представить три направления работы, показать примеры проектов и дать возможность отправить запрос на расчёт».

Так дизайнеру будет проще понять, какие материалы и элементы должны получить больше внимания.

Опишите аудиторию

Расскажите, кто будет пользоваться сайтом и как эти люди выбирают услугу.

Полезно ответить на вопросы:

• с какой задачей приходит клиент;
• насколько он знаком с вашим предложением;
• что сравнивает перед заказом;
• какие сомнения возникают;
• что чаще всего спрашивает.

Не нужно придумывать подробный портрет с возрастом и интересами, если эти сведения не влияют на проект. Важнее реальные потребности и вопросы посетителей.

Например, при заказе сайта клиент может хотеть понять разницу между дизайном в Figma и готовым сайтом. Если этот вопрос возникает регулярно, его стоит раскрыть в структуре.

Перечислите содержание и страницы

Укажите, какую информацию необходимо разместить:

• услуги и условия;
• цены или принципы расчёта;
• сведения о компании;
• проекты;
• отзывы;
• контакты;
• статьи;
• каталог.

Если вы пока не знаете, нужен ли лендинг или многостраничный сайт, так и напишите. Формат можно определить после оценки содержания.

Необязательно самостоятельно составлять окончательное меню. Достаточно перечислить материалы и объяснить, какие из них особенно важны.

Уточните необходимые функции

Опишите, что посетитель должен иметь возможность сделать: отправить заявку, выбрать товар, записаться, оплатить заказ или скачать документ.

Пишите обычными словами. Например: «После заполнения формы обращение должно приходить мне на почту».

Если уже используете CRM, сервис записи или другую систему, сообщите об этом. При заказе сайта под ключ такие требования влияют на оценку реализации.

Также уточните, что именно вам нужно: только дизайн, доработка существующего сайта или полный проект до запуска.

Опишите пожелания к оформлению

Расскажите, какое впечатление должен создавать сайт. Например: спокойное, деловое, выразительное или дружелюбное.

Добавьте несколько визуальных ориентиров и поясните, что нравится в каждом: шрифты, фотографии, цвета, расположение блоков или навигация.

Фраза «сделать как на этом сайте» оставляет много неопределённости. Полезнее написать: «Нравятся крупные фотографии и свободное пространство, но тёмный фон не подходит».

Если есть решения, которые вам точно не нравятся, тоже укажите их.

Укажите готовность материалов

Перечислите, что уже есть:

• логотип и фирменный стиль;
• тексты;
• фотографии;
• описания услуг;
• изображения товаров;
• отзывы;
• материалы проектов.

Отдельно отметьте, что ещё предстоит подготовить. Например: «Фотографии есть, тексты нужно отредактировать, логотип менять не планируем».

Это поможет определить зависимости и распределить задачи до начала дизайна. Подробнее о сборе материалов я рассказываю в статье «Что подготовить перед заказом дизайна сайта».

Обозначьте бюджет и сроки

Ориентир по бюджету помогает подобрать подходящий объём работы. Если точной суммы нет, можно обозначить диапазон или попросить оценить несколько вариантов.

Для сроков укажите желаемую дату и причину, если запуск связан с событием. Например, началом продаж или рекламной кампании.

Также полезно сообщить, кто согласовывает проект. Если решение принимают несколько человек, лучше заранее определить, кто собирает комментарии и передаёт итоговую обратную связь.

Пример короткого брифа на дизайн сайта

Ниже — условный пример для частного специалиста.

О проекте: я преподаватель английского языка, работаю онлайн со взрослыми.

Задача сайта: представить занятия и получать обращения на вводную встречу.

Аудитория: люди, которым нужен английский для работы или путешествий. Перед записью спрашивают о формате, программе и стоимости.

Содержание: информация обо мне, варианты занятий, порядок работы, цены, отзывы и ответы на вопросы.

Функции: форма обращения и ссылка на мессенджер.

Оформление: светлый фон, хорошо читаемый текст, собственные фотографии. Не хочется яркой анимации и большого количества декоративных элементов.

Материалы: фотографии и отзывы готовы, описания занятий есть в заметках.

Объём работы: нужен готовый сайт, а не только макеты.

Сроки и бюджет: хочу обсудить стоимость и возможную дату запуска после согласования структуры.

Такого описания достаточно, чтобы начать предметный разговор.

Как я использую бриф в работе

На старте я уточняю задачу, знакомлюсь с материалами и задаю вопросы по содержанию. Затем предлагаю структуру и обсуждаю, какие страницы или блоки нужны.

После согласования структуры перехожу к визуальной концепции и макетам. Если нужен сайт под ключ, вместе с программистом оцениваем функции и реализацию.

Это помогает принимать решения последовательно: сначала определить, что нужно посетителю, затем — как это показать и реализовать.

Какие ошибки мешают составить полезный бриф

Общие пожелания без пояснений. «Красиво и современно» лучше дополнить примерами и задачами.

Противоречивые ориентиры. Если нравятся разные стили, выделите конкретные элементы, которые хотите обсудить.

Необозначенные функции. Запись, оплата и интеграции стоит упомянуть до оценки проекта.

Неясная готовность контента. Важно понимать, какие материалы можно использовать сразу, а какие ещё нужно создать.

Попытка решить всё самостоятельно. Необязательно заранее выбирать каждый блок и техническое решение. В брифе можно оставить вопросы для обсуждения.

Частые вопросы

Можно ли заказать дизайн без заполненного брифа?

Да. Информацию можно собрать в разговоре или переписке, а затем зафиксировать основные договорённости.

Насколько подробным должен быть бриф?

Настолько, чтобы объяснить проект и ограничения. Для небольшого сайта достаточно коротких ответов на основные вопросы.

Что делать, если я не знаю, какие страницы нужны?

Опишите услуги, материалы и задачи клиентов. На этой основе можно предложить структуру.

Можно ли менять бриф в процессе?

Да, но существенные изменения могут повлиять на объём работы, стоимость и сроки. Новые требования лучше обсуждать до их реализации.

Нужно ли использовать профессиональные термины?

Нет. Понятное описание своими словами полезнее сложных формулировок, смысл которых остаётся неясным.