«Делайте хорошо, а плохо не делайте»: что такое бриф и как его составить для заказчика сайта

9 июня 2023 г.
Время прочтения: 13 минут

Что такое бриф и как составить бриф для заказчика сайта

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

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

Что такое бриф и зачем он нужен

Что такое бриф

Термин «brief» переводится с английского как «резюме» или «инструкция». Это такой документ, по структуре напоминающий анкету. Он состоит из вопросов, которые помогают исполнителю погрузиться в задачу и специфику проекта, узнать о предпочтениях клиента и понять, какой результат он ожидает получить.

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

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

Бриф используют маркетологи, копирайтеры, SMM и SEO-специалисты, а также представители других digital-профессий. Например, с его составления начинается работа по созданию сайта. Сегодня мы поговорим о роли этого документа в области веб-разработки.

Основные задачи брифа

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

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

Бриф защищает обе стороны от недопонимания и недоразумений. Клиент может сразу проговорить все требования и пожелания, а исполнитель — оценить, готов ли он взяться за заказ. Если после сдачи проекта возникнут разногласия, можно будет сослаться на бриф и еще раз обсудить детали. 

С помощью брифа можно сократить количество правок, но не избавиться от них на 100%. В процессе работы все равно будут возникать корректировки. Если вы создаете сайт на конструкторе Craftum, то можете вносить изменения в его структуру и оформление в любой момент и в пару кликов.

Задачи которые решает конструктор сайтов Craftum

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

Виды брифа

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

  • В письменном виде. Достаточно отправить клиенту word-файл или ссылку на google-документ и попросить заполнить его. Заказчик сможет ответить на вопросы вдумчиво и неспеша, выбрав для этого удобное время. При необходимости у него будет возможность посоветоваться с коллегами, например, из отдела маркетинга.
  • Интервью. Можно назначить созвон или личную встречу с клиентом. Вы будете задавать заказчику вопросы, а он — рассказывать, каким хочет видеть готовый сайт. Фиксировать ответы предстоит вам. Плюс такого формата — вы сможете сразу уточнить информацию, если вам что-то непонятно или по каким-то пунктам не хватает конкретики. 
  • Комбинированный. Он проходит в несколько этапов. Сначала заказчик заполняет бриф и отправляет его исполнителю. На основе полученной информации дизайнер подбирает референсы и назначает клиенту созвон или встречу для обсуждения деталей проекта. Исполнитель предлагает идеи, а заказчик говорит «да» или «нет». Это напоминает мини-брейншторм, который помогает синхронизироваться с клиентом по целям и видению проекта.

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

Структура и компоненты брифа

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

Описание проекта и его целей

В первую очередь клиенту стоит обозначить, какой сайт и для каких целей ему требуется, какие проблемы он будет решать. Например, это может быть лендинг для продвижения продукции бренда, интернет-магазин для продажи товаров или сайт-визитка для повышения узнаваемости компании. Когда всем причастным понятно, что и зачем они делают, — это уже половина успеха.

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

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

Целевая аудитория

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

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

Функциональные требования 

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

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

Требования к структуре и контенту сайта

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

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

Уточните, какой контент у него уже есть, а какой — предстоит подготовить. Клиенту могут потребоваться дополнительные услуги копирайтера для написания текстов или фотографа для съемки каталога продукции. Возможно, в команде, которая будет работать над сайтом, есть такие специалисты и они смогут взять эти задачи на себя. Другой вариант — заказчик может обратиться к подрядчикам.

Дизайн интерфейса

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

Фрагмент брендбука компании Spotify — корпоративные цвета бренда

Фрагмент брендбука компании Spotify — корпоративные цвета бренда

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

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

Сроки и бюджет проекта

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

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

Как правильно составить бриф

Объясняйте клиенту, что от него требуется

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

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

Используйте простой язык

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

Когда будете отправлять бриф клиенту, попросите и его писать ответы доступным языком. Особенно, если заказчик работает в специфической нише. Например, в медицинской и строительной сфере есть свой жаргон — вы можете не знать значение каких-то терминов и фраз.

Избегайте частых ошибок при составлении брифа

Рассказываем о самых распространенных ошибках при составлении брифа, чтобы вы не наступали на те же грабли:

  • Длинные формулировки. Старайтесь задавать короткие вопросы, которые подразумевают однозначный ответ. Иначе клиент может попросту не уловить суть того, о чем его спрашивают. 

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

    Не ок: Прикрепите ссылки на сайты, дизайн которых вам нравится.

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

  • Слишком много уточнений. Пояснять, что требуется от клиента, и задавать ему наводящие вопросы — это хорошо. Главное не переусердствовать. Если бриф будет чересчур большой, клиент может отказаться его заполнять или бросить это дело на полпути. Ну, или документ будет выглядеть так:

Когда ответил на все вопросы в брифе

  • Отсутствие обратной связи. Когда клиент самостоятельно заполнил бриф, изучите его и задайте дополнительные вопросы, если что-то непонятно. Если вы проводили интервью с заказчиком и записывали его ответы, отправьте бриф на согласование. Пусть клиент подтвердит, что вы верно все поняли и зафиксировали. 

Отдельно отметим, что важно не путать бриф с техническим заданием (ТЗ). Он не должен быть слишком подробным. В брифе клиент описывает свои пожелания в общих чертах, а требования к сайту и технические подробности будут указаны в ТЗ. 

Примеры брифов

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

Пример 1

Рассмотрим бриф на разработку сайта для компании, которая занимается доставкой цветов.

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

Фрагмент брифа — общая информация о компании

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

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

Фрагмент брифа — функции сайта

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

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

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

Фрагмент брифа — структура и дизайн сайта

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

Пример 2

Другой пример — бриф на разработку лендинга для фитнес-клуба. Он составлен немного иначе, чем документ в примере выше. Здесь используется вопросно-ответная форма. Варианты ответов не предусмотрены, но под каждым вопросом есть краткое пояснение, что именно должен написать заказчик.

Пример брифа на сайт

Пример брифа в вопросно-ответной форме

Заключение

Чтобы разработать сайт, которым клиент останется доволен, не полагайтесь на телепатию и не пытайтесь угадать желания заказчика. Лучше попросите его заполнить бриф — это удобный инструмент, который поможет прийти к взаимопониманию и установить четкие требования к проекту.

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

А в реализации проектов поможет конструктор Craftum. Используя этот сервис, вы сможете быстро собрать стильный и функциональный сайт с учетом всех пожеланий клиента. Для этого в вашем распоряжении будет 150 продуманных шаблонов, 170 готовых блоков и дизайн-блок, с помощью которого можно создать уникальный проект. Попробуйте сейчас — первые 10 дней бесплатно!