Как составить бриф на дизайн сайта

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

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

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

  1. Исполнитель получит полное представление о проекте, нише и вашем бизнесе в целом. Изучив эту информацию, он оценит свои возможности, ресурсы и рентабельность, назовет примерную стоимость и сроки выполнения дизайна, сможет дать полезные советы и предложить конкретные идеи именно для вашего бизнеса и специфики вашего проекта.
  2. Вы, отвечая на вопросы, еще раз сформулируете свои пожелания к дизайну, возможно, пересмотрите какие-то моменты или дополните требования. Сэкономите время на встречи и переписки — проще отправить бриф сразу нескольким потенциальным подрядчикам, чем долго объяснять каждому, что же вы хотите. А самое главное — получите обратную связь по стоимости и срокам, оцените предложения подрядчиков и выберете самое оптимальное.

Бриф и ТЗ: в чем разница?

Нет времени разбираться?

Техподдержка сайта на «1С-Битрикс» под ключ

Специализируемся на «1С-Битрикс» более 10 лет и знаем все подводные камни и специфику. Работаем с сайтами любой технической сложности и бизнес-логики. При необходимости подключаем UX-специалиста и дизайнера. В течение 2 часов реагируем на обращения в тикетной системе.

Ваш сайт:

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

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

Проще говоря, в брифе описывается ваша мечта, а в ТЗ — способы ее воплощения в реальность.

Как правильно составить бриф, чтобы исполнитель все понял

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

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

Итак, вопросики!

Шапка брифа

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

Привлекли 35.000.000 людей на 185 сайтов

Мы точно знаем, как увеличить онлайн–продажи

Применяем лучшие практики digital–продвижения как из вашей тематики, так и из смежных областей бизнеса. Именно это сделает вас на голову выше конкурентов и принесёт лиды и продажи.

Ваш сайт:

и примерный бюджет, на который вы рассчитываете. По бюджету тот же совет: сразу накиньте 20-30%. А если не знаете примерных расценок, укажите вилку цен, и подрядчик сориентирует вас по стоимости дизайна.

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

Шапка брифа
Шапка брифа

Данные о компании, товарах / услугах

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

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

В этом блоке рассказываем, зачем вам в принципе нужен новый дизайн. Например, сайт делали 10 лет назад, он безнадежно устарел. Или вы сменили айдентику и хотите сделать дизайн в фирменном стиле. Или же ресурс новый, и с помощью дизайна вы хотите воздействовать на определенную ЦА или повысить конверсии тщательно проработав юзабилити.

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

Кстати, о ЦА. Напишите, кто они — пользователи вашего сайта. Сколько им лет, какого они пола, сколько они зарабатывают, где живут и самое главное — зачем они заходят на сайт и что в идеале должны там сделать (зарегистрироваться, купить товары, записаться на курсы, скачать материалы и т. д.).

Знание ЦА поможет дизайнеру понять, каким должен быть дизайн. Например, если вы продаете товары для беременных, явно нужно избегать агрессивных кричащих цветов — лучше понежнее, помягче. Если ваша ЦА — молодые и современные, и дизайн нужно создавать с учетом последних тенденций, чтобы быть в тренде.

Конкуренты

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

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

Конкуренты
Конкуренты

Информация о задаче

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

Уточнение задачи
Уточнение задачи

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

Дополнительные работы
Дополнительные работы

Уточняющие вопросы
Уточняющие вопросы

Визуальные требования к дизайну

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

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

Визуальные требования к дизайну
Визуальные требования к дизайну

Дополнительные услуги

Этот блок вопросов заполняйте, только если вам понадобятся дополнительные услуги. Обратите внимание, что в списке услуг есть те, о которых вы, возможно, еще не думали. Например, любому бизнесу не помешает разработка фирменного стиля (а уж потом, соответственно, и дизайн сайта в этом стиле). Изюминкой сайта могут стать уникальные иллюстрации — их тоже можно заказать у дизайнера. Если у вас интернет-магазин, вам, скорее всего, нужна предметная съемка товаров.

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

Дополнительные услуги
Дополнительные услуги

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

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

Как и зачем заполнять бриф на разработку сайта

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

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

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

Документ выполняет следующие задачи:

  • дает понимание проекта обеим сторонам;

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

  • дает возможность определить время создания сайта и его примерную стоимость;

  • помогает исполнителю разобраться в специфике деятельности заказчика.

Это инструмент, с помощью которого заказчик формулирует свои пожелания, а исполнитель может понять, что от него хотят.

Отличия брифа от ТЗ

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

Бриф по разработке сайта

Бриф на разработку сайта

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

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

Простыми словами: бриф — это описание вашей «мечты», а техническое задание — описание того, как ее реализовать.


Договор на разработку сайта: инструкция по составлению и готовый шаблон


Читайте также:
Договор на разработку сайта: инструкция по составлению и готовый шаблон


Коммерческое предложение на разработку сайта: инструкция по составлению + шаблон


Читайте также:
Коммерческое предложение на разработку сайта: инструкция по составлению + шаблон

Почему так важно тщательно заполнять бриф?

От того, насколько тщательно заполнен бриф, многое зависит. Например, если заказчик забудет в нем указать необходимость интеграции сайта с облачными сервисами типа 1С:Предприятие или Мой Склад, через некоторое время он будет неприятно удивлен закономерным переносом сроков запуска проекта и увеличением бюджета на разработку. А если он сразу не обозначит, что желает видеть сайт на конкретной CMS, то впоследствии может столкнуться с тем, что ведет переговоры со студией, в которой нет соответствующих разработчиков.

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

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

Что важно учесть при заполнении брифа на разработку сайта?

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

Примерное содержание брифа:

  1. Цель создания сайта. Для чего он именно нужен, какие бизнес-задачи планируется закрыть с его помощью.

  2. Информация о вашей компании. Желательно не просто рассказать, чем вы занимаетесь и описать ваши товары/услуги, но еще и описать ваши основные преимущества перед конкурентами.

  3. Информация о конкурентах. Выделить несколько ключевых конкурентов и обязательно указать ссылки на их сайты.

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

  5. Информация о будущем сайте. Расскажите, как вы видите будущий сайт, его структуру и функционал.

  6. Информация о дизайне. Расскажите, каким вы видите дизайн своего сайта, также укажите, есть ли у вас уже готовые элементы фирменного стиля, которые нужно использовать. Хорошим решением будет добавить несколько ссылок на сайты, дизайн которых вам нравится (это не обязательно должны быть сайты в вашей сфере работы). Это называется референсы.

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

Не стоит расписывать все очень подробно и писать огромную «простыню» текста. Желательно, чтобы в итоговом брифе на разработку сайта было не более 3-5 страниц. Подробности оставьте для ТЗ (которое может быть и на 20-30 страниц).

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

Где взять бриф для сайта и как его оформлять?

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

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

#Руководства

  • 6 авг 2020

  • 14

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

Как дизайнеру и владельцу бизнеса понять друг друга.

Иллюстрация: Dana Moskvina для Skillbox Media

Дарья Тамилина

Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.

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

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

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

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

Вот логотип IT-компании, в котором использованы угловые скобки — такие же, как в программном коде. Это не придумать, если вы ни разу не видели код
Изображение: EPAM Systems

Итак, первый вопрос брифа для дизайнера:

1. Чем занимается компания?

Знать основных конкурентов и УТП (уникальное торговое предложение) продукта тоже весьма полезно. Обычно фирменный стиль и рекламу стараются сделать отличными от других компаний. Именно уникальные преимущества бренда стоит отражать в дизайне — чтобы выделиться и запомниться среди конкурентов.

А иногда конкурентная борьба даже становится поводом для креатива:

Это один из баннеров Jaguar со знаком Mercedes в виде пиццы и лозунгом Devour the road («Поглоти дорогу»)
Изображение: Jaguar

Ещё пара вопросов, как обещали:

2. Укажите названия брендов-конкурентов.

3. Чем ваш продукт отличается от конкурентов, какое у него УТП?

Пенсионеры вряд ли проникнутся доверием к логотипу TikTok, а подростки не оценят фирменный стиль «Почта Банка». Дизайн во многом субъективен, он не будет нравиться всем; надо понять, кому он должен понравиться в первую очередь.

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

Вопрос для брифа на разработку фирменного стиля:

4. Опишите, пожалуйста, свою целевую аудиторию: что это за люди, какие у них предпочтения.

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

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

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

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

И наш следующий вопрос:

5. Какие задачи вы хотите решить с помощью дизайна?

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

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

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

Это пример мудборда. Если понравится заказчику, значит, он получит дизайн в неоновых и розовых тонах, с летним настроением
Изображение: Daria Martines / Behance

Чтобы узнать предпочтения клиента, надо задать сразу несколько вопросов:

6. В каком стиле вы хотите дизайн?

7. Какие образы вы хотите использовать?

8. Какая цветовая гамма предпочтительна?

9. Какие шрифты подходят вашему бренду?

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

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

Возьмём отсюда ещё пару вопросов:

10. В каком формате подготовить для вас финальные макеты?

11. Согласны ли вы получить макеты в полном размере после оплаты заказа?

Это очень важный пункт. Многие клиенты этого не понимают: предлагают начинать работу над макетом этикеток или рекламных листовок, просто оставив для текста несколько пустых строк. Соглашаться на это нежелательно: велик риск, что работу придётся переделывать. Текст — часть дизайна, и вписать его в готовый макет крайне трудно по двум причинам.

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

Это несложно сделать на мониторе, просто уменьшив кегль, но после печати в реальном размере прочитать текст будет невозможно. Придётся двигать все элементы на макете, чтобы выделить больше места для текста, — но это будет другой дизайн, который заново придётся согласовывать с заказчиком. И опять переделывать, если ему что-то не понравится. За это время заказчик может захотеть как-нибудь ещё изменить текст, и работа растянется на неопределённый срок.

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

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

В гармоничном дизайне каждое слово на своём месте
Изображение: Sennheiser

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

Нужно попросить заказчика предоставить текст для макета и согласовать его структуру:

12. Укажите, пожалуйста, текст, который будет использован на макете.

13. Укажите желаемое размещение текста или порядок текстовых блоков.

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

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

Важно знать ширину каждой грани, а иногда и радиус скругления углов, чтобы оптимально разместить все надписи и графические элементы
Фото: Evva Honey / Behance

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

Вот следующие вопросы:

14. Приведите список носителей, для которых будет разработан дизайн.

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

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

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

Вопрос для брифа на создание дизайна:

16. Согласны ли вы получить N готовых вариантов дизайна на выбор?

Это важно обсудить, чтобы потом избежать взаимных претензий. Здесь нужно выяснить пять вещей:

  • Промежуточные дедлайны. Если проект относительно большой и длительный, заказчики часто хотят участвовать в процессе. Промежуточные дедлайны — это даты, когда вы показываете клиенту то, что есть на данный момент. Обычно так делают на этапах поиска концепций и создания эскизов.
  • Дедлайн всего проекта. Это дата, когда заказчик получает свои макеты.
  • Размер оплаты.
  • Порядок оплаты. Важно договориться, будете ли вы работать по полной или частичной предоплате и когда вы получите полную сумму.
  • Порядок работы с правками. Во-первых, нужно договориться, будут ли правки оплачены дополнительно или они входят в стоимость работы. Во-вторых, можно обговорить количество итераций правок. Наконец, очень важно уточнить сроки обращения за правками, иначе некоторые клиенты могут вернуться через полгода и попросить бесплатно им что-нибудь изменить.

Вот последние вопросы для брифа:

17. Когда вы готовы согласовать концепцию и эскизы?

18. Когда вы хотите получить готовые макеты?

19. Когда вы готовы внести предоплату и оплатить заказ полностью?

20. Готовы ли вы дополнительно оплачивать работу с правками?

Проводить брифинг с заказчиком перед началом работы нужно со всей серьёзностью.

У вас может возникнуть иллюзия, что вопросы банальные, а ответы на них очевидны. Вот же, есть закусочная, в целевой аудитории люди от 15 до 115 лет, нужно сделать дизайн фартуков официантам — всё и так понятно. Но здесь масса нюансов. Что продают в закусочной? Какая там атмосфера? Какие именно люди туда ходят? И, наконец, какой формы будут фартуки? От знания всех этих деталей будет зависеть качество дизайна.

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

Представим, что к вам обратился владелец фитнес-центра «Геркулес» за созданием логотипа…

1. Чем занимается компания? Предоставляет зал с тренажёрами для занятий спортом частным лицам, проводит групповые занятия. Предусмотрены услуги персонального тренера.

2. Укажите названия брендов-конкурентов. Спорткомплекс «Аполлон» и тренажёрный зал «Гефест».

3. Чем ваш продукт отличается от конкурентов, какое у него УТП? Мы находимся в каждом районе города, до нас удобно добираться.

4. Опишите, пожалуйста, свою целевую аудиторию. Главный сегмент нашей ЦА  мужчины 20–35 лет, со средним или высшим образованием, неженатые, со средним или высоким доходом.

5. Какие задачи вы хотите решить с помощью дизайна? У нас новый бренд и до сих пор не было логотипа, с его помощью мы рассчитываем повысить узнаваемость компании.

6. В каком стиле вы хотите дизайн? Контурную иллюстрацию без лишних деталей.

7. Какие образы вы хотите использовать? Хотим изображение человека со штангой на логотипе.

8. Какая цветовая гамма предпочтительна? Жёлтые, оранжевые, терракотовые оттенки.

9. Какие шрифты подходят вашему бренду? Мы хотим шрифты без засечек, чтобы логотип смотрелся современным.

10. В каком формате подготовить для вас финальные макеты? В формате PDF.

11. Согласны ли вы получить макеты в полном размере после оплаты заказа? Да.

12. Укажите, пожалуйста, текст, который будет использован на макете. Фитнес-центр «Геркулес».

13. Укажите желаемое размещение текста или порядок текстовых блоков. На первой строке название бренда, на второй тип заведения.

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

15. Укажите, пожалуйста, для каждого из них точный размер, тип носителя и материал, из которого он изготовлен. Абонемент — карточка 86×54 мм из пластика. Брелок — круглый, диаметром 39 мм, из прозрачного пластика.

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

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

18. Когда вы хотите получить готовые макеты? Логотип и макеты носителей нужны 20 июля.

19. Когда вы готовы внести предоплату и оплатить заказ полностью? Готов внести предоплату сегодня и остаток в день принятия работы.

20. Готовы ли вы дополнительно оплачивать работу с правками? Да.

Хотите научиться не только работать в графических редакторах, но и грамотно общаться с клиентами? Эти навыки вы можете прокачать с нашими преподавателями. Записывайтесь на курс по графическому дизайну.

Научитесь: Профессия Графический дизайнер
Узнать больше

Небольшой дисклеймер. В своём блоге я делюсь исключительно своим опытом и своими знаниями в веб дизайне. Я не претендую на энциклопедическую точность формулировок и стараюсь рассказывать всё понятным человеческим языком.

Итак, бриф. Что это такое?

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

Почему этап заполнения брифа нельзя пропустить?

Чтобы ответить на этот вопрос, нужно понимать, для кого мы делаем сайт. В узком смысле для заказчика. Он платит, вы делаете ему сайт. Но если взглянуть чуть шире, то в конечном итоге сайт делается для пользователей. Сайт должен быть понятен и удобен для целевой аудитории бизнеса. Чтобы дизайнеру представить себе эту ЦА, её интересы и предпочтения, как раз и нужно заполнять бриф

Отдельно хочу вынести важность присутствия в брифе вопроса про ценовой сегмент продукта. Очень точно на эту тему высказался Артемий Лебедев, говоря о бренде SimpleWine. “Винотеки «Симплвайна» прекрасны всем — красивые интерьеры, богатый выбор вин по самым разным ценам. Однако они окутаны шлейфом люксовости и дороговизны, который мешает покупателям сделать первый шаг”. То есть, ценовой сегмент этого продукта в районе среднего, а брендинг — люксовый. За счёт этого бренд терял очень много покупателей, которые попросту считали, что “недотягивают” до Симплвайна. Да, тут речь не про сайт, а про брендинг, но сути это не меняет.

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

Каких правил я придерживаюсь при составлении брифа?

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

— Данные заказчика (стоит ограничиться ФИО, телефоном, почтой и должностью. Если потребуются всякие ИНН ОГРН, их можно попросить отдельным файлом в дальнейшем) Вопросы по сотрудничеству (цели и задачи сотрудничества, базовая информация о проекте, планируемые результаты работы)

— Клиенты бизнеса или пользователи услуги (кто они, делятся ли они на группы, что чаще всего покупают, как часто возвращаются. А также как бизнес взаимодействует с текущими клиентами и привлекает новых)

— Продукт или услуга (ценовой сегмент, материальные и нематериальные ценности продукта, из чего он состоит, чем можно заменить)

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

— Конкуренты (кто они, их ценовой сегмент, их процент рынка, что у них выходит лучше, а то хуже, в чём заключается их узнаваемость)

— Сценарии использования (кто, как и зачем придёт на сайт)

А теперь вернёмся к вопросу, поставленному в начале. Почему в брифе нет вопросов о том, какие цвета, шрифты и стили предпочитает сам заказчик? Ответов на этот вопрос несколько

— Вкусы ЦА бизнеса и владельца бизнеса очень редко совпадают. А мы должны угодить именно ЦА, иначе прибыли не будет, люди не будут покупать, а все шишки — дизайнеру, “плохой сайт сделал”;

— Иногда заказчик на своём сайте может начать реализовывать свой творческий потенциал. И это ведёт к бесконечным правкам, появлению на сайте “продающих красных” и “красивых” цветов и постоянному “сделайте логотип покрупнее”.

В вопросе вкусов главное не ударяться в крайности. Если заказчик совершенно не хочет тёмный сайт, не нужно говорить, что его не спрашивали, с просим у ЦА, это как минимум не профессионально. Но и также не стоит стремиться реализовать все хотелки заказчика, они могут вредить конверсии и иногда противоречить друг другу.

Спасибо, что дочитали о конца, буду рада почитать фидбек в комментариях

Жду вас на своей страничке в инстаграм, если вы любите дизайн так же, как и я

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

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

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

Что такое бриф на разработку сайта. В двух словах

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

Основные элементы брифа на разработку сайта. 13 вопросов, которых не избежать

Мы подготовили для вас бриф. Он универсальный. В него вы можете добавить свои вопросы или убрать лишние, немного переписать его в близком вам стиле. А потом адаптировать в нужный формат (например, онлайн-форму или таблицу – об получении брифа читайте в следующем разделе статьи).

Элементы брифа на разработку сайта

1.Задача сайта

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

В качестве помощи клиенту, вы можете прикрепить перечень причин и целей создания сайта (список также полезен, если у клиента уже есть сайт):

— Улучшение логической структуры сайта;

— Привлечение большего количества клиентов;

— Внедрение современных трендов  дизайна;

— Создание многоязычного сайта;

— Увеличение узнаваемости бренда;

— Продвижение нового продукта или услуги;

— Увеличение количества продаж;

— Информирование (информационная цель);

— Ребрендинг или редизайн предыдущего сайта;

— SEO-оптимизация сайта, устранение ошибок.

2.Особенности бизнеса

  • Укажите особенности бизнес-ниши, в которой вы работаете. Что определяет конкуренцию в нише?
  • Расскажите о точках роста, которые могут быть у вашего бизнеса в будущем.

3.Конкуренты

  • Расскажите о ваших конкурентах. Что уникального вы предлагаете по сравнению с конкурентами, какие преимущества есть у конкурентов?
  • Приведите сайты конкурентов, которые вам нравятся. Опишите, что вам нравится и не нравится в сайтах конкурентов?
  • Какие возможности сайтов конкурентов вы бы хотели увидеть на своём сайте?

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

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

Элементы брифа на разработку сайта

5.Предпочтения в дизайне

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

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

— Строгий корпоративный стиль

— Яркий, броский дизайн

— Положительный и веселый

— Дизайн насыщен изображениями

— Динамичный сайт: анимации и видеофоны

— Статичный сайт: без анимаций и отвлекающих элементов

— Дизайн с акцентом на минимализм

— Дизайн с акцентом на функциональность

6.Брендинг

  • Есть ли у вас брендбук? Если есть, загрузите его. Насколько он актуален, насколько нужно придерживаться его требований?
  • Есть ли у вас идеи, как сайт должен отражать индивидуальность бренда и послание  бренда? Расскажите как именно.

Элементы брифа на разработку сайта

7.Контент

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

8.Возможности

  • Перечислите возможности, которые должны быть на сайте. Ваш сайт должен быть на одном языке или нужна мультиязычность?
  • Есть ли необходимость в готовых интеграциях или сторонних виджетах? Что именно вас интересует?
  • Нужно ли добавлять на сайт формы обратной связи, попапы, подписки на новости, модуль интернет-магазина, файлы для скачивания, FAQ?
  • Вам нужен блог? Добавить ленту публикаций на главную, разместить ссылку на него в подвале или шапке сайта?

На Weblium есть такие готовые интеграции. Их подключение можете предложить клиенту за дополнительную плату:

— CRM-системы: Snov.io, OWOX BI

— Массовые рассылки: Mailchimp, SendPulse, AWeber

— Чаты и телефония: LiveChat, Tawk.to, Binotel

— Аналитика: Google Tag Manager, Facebook Pixel, Hotjar

Элементы брифа на разработку сайта

9.Навигация и карта сайта

  • Каким должен быть путь пользователя (например, он должен получить максимум информации о нас или как можно быстрее переходить к целевому действию)?
  • Какие страницы на сайте обязательны? Какие из них должны быть уникальными, а какие отличаться только по наполнению?

Пример: О нас (уникальная), команда (уникальная), страница услуги «Экспресс-курс», страница услуги «Интенсив» (типичная, структурно такая же как “Экспресс-курс”, но с другим контентом).

10.Главная страница

  • Какой должна быть главная страница: минималистичной или подробной?
  • Какие возможности должны быть реализованы на главной странице (например, переход в магазин, отправка форм, детальное представление услуг)?
  • Что именно нужно включить на главную страницу сайта?

Элементы брифа на разработку сайта

11.Бюджет и сроки

  • Обозначьте бюджет и сроки проекта (включая конкретные этапы, которые нужно закончить к точному времени).
  • Нужна ли вам поддержка после запуска сайта? В чем она заключается, как долго её нужно выполнять?

12.Приём работ

  • Определите ответственных для каждого этапа приема работ? Укажите их контактные данные и должности.
  • Скажите, сколько этапов правок вы хотели бы видеть? После каких шагов разработки сайта вы хотели бы давать обратную связь?

13.Запуск сайта

  • Вы хотели бы получить сайт, готовый к запуску, или уже запущенный сайт?
  • Будет ли SEO на сайте? Когда вы готовы предоставить все необходимые элементы контента для SEO-оптимизации?
  • У вас есть домен для сайта или его нужно купить? Какой должен быть домен, в случае покупки?

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

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

  • Для лаконичного сайта-визитки хватит брифа из пары страниц в Google Docs и папки с контентом, а для многостраничного сайта услуг с уникальными страницами лучше всё зафиксировать в виде большого сопроводительного документа или таблицы.
  • Некоторые клиенты любят видеозвонки или активную переписку по почте, в то время как другим удобнее заполнять таблицы и онлайн-формы или подробно описывать задачу в текстовых документах. 
  • Не забывайте и о себе. Мир фриланса принимает всех: и интровертов, для которых максимум контакта – это электронные письма, и громких дизайнеров, для которых личная встреча – самая приятная часть работы. Если клиент не подходит вам по темпераменту, не бойтесь отказываться от проекта.

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

Непосредственно оформить бриф вы можете одним из таких способов:

онлайн-формы, кастомная страница-форма (её можно создать с Weblium), краткие опросники, обмен электронными письмами и текстовыми файлами с описаниями в письмах, таблицы, сервисы ментальных карт, письменный договор с приложениями, сервисы управления проектами (Trello, Asana).

Этапы разработки. Превращаем бриф на создание сайта в готовый сайт

Каждый сайт при создании проходит через обязательные этапы. Их нельзя обойти или заменить. Бриф для дизайнера будет дорожной картой разработки.

Этапы разработки сайта

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

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

Элементы брифа на разработку сайту

Используя конструктор, вы быстро распределите контент по блоках и очертите подход к дизайну в драфте (предварительном макете). Чтобы ускорить работу, ищите близкий по тематике и наполнению шаблон в библиотеке Weblium. Его вы быстро адаптируете к брендингу и желанием клиента.

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

Этапы разработки сайта

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

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

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

Этапы разработки сайта

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

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

Вы уже знаете всё о брифе, пора создавать сайты

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

Понравилась статья? Поделить с друзьями:
  • Как найти девушку на месяц
  • Майл ру моя страница как найти
  • Как найти смертность от естественного прироста
  • Как найти вертикаль треугольника
  • Ведьмак 2 как найти стражника вранов