Бриф на разработку дизайна сайта: пример составления
Что такое бриф и зачем он нужен
Бриф — это внутренний документ, который заполняет заказчик для будущего подрядчика. В нем отражено то, как вы видите этот проект: зачем вам нужен дизайн, какие проблемы он решит, каких целей вы хотите добиться от пользователей сайта, какие примеры у конкурентов вам нравятся и т. д. Без этой информации ни один опытный подрядчик не возьмется за работу, ведь каждый хочет понимать, что он будет делать и для каких целей.
Правильно заполненный бриф облегчит дальнейшую работу и вам как владельцу сайта, и исполнителю. И вот почему.
- Исполнитель получит полное представление о проекте, нише и вашем бизнесе в целом. Изучив эту информацию, он оценит свои возможности, ресурсы и рентабельность, назовет примерную стоимость и сроки выполнения дизайна, сможет дать полезные советы и предложить конкретные идеи именно для вашего бизнеса и специфики вашего проекта.
- Вы, отвечая на вопросы, еще раз сформулируете свои пожелания к дизайну, возможно, пересмотрите какие-то моменты или дополните требования. Сэкономите время на встречи и переписки — проще отправить бриф сразу нескольким потенциальным подрядчикам, чем долго объяснять каждому, что же вы хотите. А самое главное — получите обратную связь по стоимости и срокам, оцените предложения подрядчиков и выберете самое оптимальное.
Бриф и ТЗ: в чем разница?
Многие путают бриф и ТЗ — техническое задание на дизайн сайта. Действительно, оба этих документа призваны упростить взаимодействие между заказчиком и исполнителем. Но бриф, как мы уже говорили, заполняет сам владелец сайта, а ТЗ составляет исполнитель и отражает в нем технические подробности проекта.
Как вы уже поняли, бриф и ТЗ тесно связаны. В брифе заказчик прописывает, каким он хочет видеть дизайн, без всяких терминов, простыми словами. Исполнитель изучает это и предлагает свою реализацию этих пожеланий: каким будет цветовое решение, стилистика, какие шрифты использовать, какие иконки ставить и где, уместно ли использовать флэш-анимацию и т.д.
Проще говоря, в брифе описывается ваша мечта, а в ТЗ — способы ее воплощения в реальность.
Как правильно составить бриф, чтобы исполнитель все понял
Вариаций брифов на создание дизайна сайта существует множество. Чаще всего брифы отправляют клиентам агентства или фрилансеры, но мы советуем опередить события и заполнить бриф самостоятельно, чтобы затем рассылать подрядчикам и выбирать лучшие предложения.
Вам не придется самостоятельно составлять вопросы: специалисты Workspace разработали универсальный бриф, в котором отражены все обязательные пункты. Если вы исчерпывающе ответите на каждый вопрос, подрядчику будет все понятно, он сможет быстро дать вам обратную связь.
Итак, вопросики!
Шапка брифа
В шапке указываем название компании, дату заполнения брифа, контактное лицо (к кому будет обращаться исполнитель), контактную информацию, желаемые сроки выполнения (совет: берите время с запасом, потому что всегда могут возникнуть непредвиденные обстоятельства. Например, у вас будут новые требования, понадобятся дополнительные ресурсы, да и от форс-мажоров никто не застрахован)
и примерный бюджет, на который вы рассчитываете. По бюджету тот же совет: сразу накиньте 20-30%. А если не знаете примерных расценок, укажите вилку цен, и подрядчик сориентирует вас по стоимости дизайна.
Также советуем указать формат подбора исполнителя. Будете вы организовывать тендер или отправите бриф единственному подрядчику? Исполнителю важно это знать, чтобы верно оценить ситуацию (Например, если он будет знать о наличии конкурентов, может ответственнее подойти к проекту или предложить более низкую цену. Или, наоборот, не станет тратить время на обработку вашего обращения, низко оценивая свои шансы на успех в конкурентной борьбе).
Шапка брифа
Данные о компании, товарах / услугах
Ни в коем случае не игнорируйте это пункт, чтобы исполнитель понимал вашу нишу на рынке, основные товары и / или услуги, их ценовой сегмент. Это поможет ему предложить оптимальное решение именно для вашего бизнеса.
Цели и целевая аудитория
В этом блоке рассказываем, зачем вам в принципе нужен новый дизайн. Например, сайт делали 10 лет назад, он безнадежно устарел. Или вы сменили айдентику и хотите сделать дизайн в фирменном стиле. Или же ресурс новый, и с помощью дизайна вы хотите воздействовать на определенную ЦА или повысить конверсии тщательно проработав юзабилити.
Цели и целевая аудитория
Кстати, о ЦА. Напишите, кто они — пользователи вашего сайта. Сколько им лет, какого они пола, сколько они зарабатывают, где живут и самое главное — зачем они заходят на сайт и что в идеале должны там сделать (зарегистрироваться, купить товары, записаться на курсы, скачать материалы и т. д.).
Знание ЦА поможет дизайнеру понять, каким должен быть дизайн. Например, если вы продаете товары для беременных, явно нужно избегать агрессивных кричащих цветов — лучше понежнее, помягче. Если ваша ЦА — молодые и современные, и дизайн нужно создавать с учетом последних тенденций, чтобы быть в тренде.
Конкуренты
Да, и здесь без них никуда. Расскажите о ваших прямых конкурентах, дайте ссылки на их сайты — исполнитель оценит их дизайн. Возможно, что-то предложит перенять вам, а что-то заранее исключит как непригодное. Помните, не стыдно заимствовать — нужно брать у конкурентов лучшее и подгонять под себя!
Также расскажите, чем ваши товары / услуги отличаются от продукта конкурентов. Чем больше информации вы даете подрядчику, тем лучше: возможно, ваше УТП подскажет ему оригинальные рабочие идеи.
Конкуренты
Информация о задаче
Приступаем к конкретике по дизайну сайта. Укажите исходные данные: имеется ли уже сайт и что вас не устраивает в его дизайне, или требуется создать дизайн с нуля? Есть ли у вас фирстиль, от которого нужно отталкиваться? Нужен ли только дизайн шаблонов страниц или услуги программиста? Также не забудьте дать ссылки на сайты, которые вам нравятся, а какие вызывают отторжение.
Уточнение задачи
Если кроме дизайна вам нужна и разработка, ответьте на вопросы следующего блока. Если требуется только дизайн, пропустите его.
Дополнительные работы
Уточняющие вопросы
Визуальные требования к дизайну
Если вы наглядно представляете будущий дизайн, расскажите об этом подрядчику. Опишите общую концепцию, укажите пожелания к цветовым решениям (корпоративные цвета, яркие и броские или, наоборот, нежные, монохром или контрастные сочетания), типографике (предпочитаемые шрифты), стилистике (сугубо официальный, креативный или эпатажный, дружелюбный и позитивный и т. д.).
Не страшно, если у вас нет четкого видения: значит, концепцию будет составлять исполнитель (или сам, или вместе с вами). Напишите, что ждете от него аргументированных предложений.
Визуальные требования к дизайну
Дополнительные услуги
Этот блок вопросов заполняйте, только если вам понадобятся дополнительные услуги. Обратите внимание, что в списке услуг есть те, о которых вы, возможно, еще не думали. Например, любому бизнесу не помешает разработка фирменного стиля (а уж потом, соответственно, и дизайн сайта в этом стиле). Изюминкой сайта могут стать уникальные иллюстрации — их тоже можно заказать у дизайнера. Если у вас интернет-магазин, вам, скорее всего, нужна предметная съемка товаров.
Даже если подрядчик не сможет оказать дополнительные услуги сам, он с большой вероятностью порекомендует вам своих коллег-профессионалов.
Дополнительные услуги
На этом все. Конечно, вы можете добавить в этот список свои вопросы и ответы, если сочтете нужным. А можете просто скачать готовый образец брифа на создание дизайна сайта. Вам останется только ответить на вопросы и разослать бриф потенциальным подрядчикам. И да начнется успешная работа!
Бриф на разработку сайта (с образцом для скачивания)
Пример брифа на создание сайта в Google Docs / .pdf (актуально в т.ч. для лендингов и интернет-магазинов) будет в конце статьи. Однако перед этим настоятельно рекомендую прочесть инструкцию с комментариями. Ниже собраны тезисы, которые помогут улучшить вам весь процесс брифинга.
Идея систематизировать брифинг пришла после анализа текущей ситуации на рынке. Менеджеров не учат, как адаптировать вопросы, где делать внеплановые заметки, заказчика заставляют выбирать ширину верстки, тратят время на второстепенные вопросы типа цветовых решений и пр. Ситуация настолько плачевна, что поднимается вопрос не только разработки брифа, но и его заполнения:
Поэтому будем исправлять ситуацию, объясняя веб-студиям и digital-агентствам, как правильно брифовать заказчиков.
Примечание:
Материал больше рассчитан на средние / большие проекты. Если у вас конвейер с космической скоростью клепания небольших сайтов уровня конструктора, брифинг в классическом понимании применим не всегда.
Цели
Вы будете смеяться, но многие даже используют бриф не по назначению (разве что не топят им печь). Итак, цели бывают следующие:
Неправильные
- Выяснение всех деталей для дальнейшей передачи в продакшн.
Вы ведь еще находитесь на этапе пресейла, верно? Тогда зачем бежать впереди паравоза? Даже если заказчик поклялся, что 100% будет закажет у вас, это не отменяет тот факт, что он на данный момент всего лишь «потенциал». Никто никогда не застрахован от «сливания». И это правило не имеет исключений. Думаете, что знакомый, который уже попросил договор, обязательно оплатит счет? Увы. Поэтому определять положение блоков в пикселях будете в рамках прототипов / ТЗ, когда увидите хотя бы аванс (либо подтверждение договоренностей, если речь идет о большом контракте с отложенным платежом).
- Максимально замучить заказчика.
Хотите обменяться «домашними заданиями»? Без проблем, но не делайте из этого пытку с гигантским опросником (не забываем, что это не кандидат на собеседовании, которого нужно «занять» анкетой). Во-первых, у него нет всех нужных компетенций. А во-вторых, нужно уважать друг друга: не заставляйте клиента тратить время впустую. Он может убить час на бриф, но впоследствии этот труд не будет реализован на практике.
Кстати, видел экземпляр, в котором клиента сразу заставляли придумать «Title» для главной страницы:
- Вытянуть максимум информации, чтобы сделать на 100% точную смету.
Допустим, вы объяснили клиенту разницу между мобильной версией и адаптивной версткой. Но это не значит, что он самостоятельно примет правильное решение. Только хороший подрядчик знает, какие плюсы и минусы несет тот или иной выбор. Заказчик может, например, рассказать про их целевую аудиторию, предпочтения которой нужно учесть. Но это к вопросу бизнеса — не путайте исходные данные, задачи и решения.
И не бойтесь «погрешностей»: рассчитать все с миллиметровой точностью (особенно в больших проектах) нереально. Расставляйте приоритеты: не повторяйте распространенные ошибки, спрашивая, например, о необходимости поиска на сайте. Где он нужен — это очевидно сразу. А в большинстве других случаев не имеет смысла. Если клиент очень настойчивый (а вы работаете по модели «Любой каприз за ваши деньги»), и все равно придется ставить стандартное поле с помощью плагина, то это практически не повлияет на итоговый объем работ. Поэтому не нужно в начале коммуникации обращать внимание на такие «мелочи». Сюда же относятся и вопросы хостинга, выбора CMS (вы готовы разрабатывать на любой, которую назовет клиент?) и пр.
Ну и, разумеется, избавляйтесь от архаизмов вроде «гостевой книги», «доски объявлений» и пр. Заказчик может согласиться, и вы потом об этом пожалеете.
- Повторение очевидных фактов.
Если клиент заранее показал вам действующий сайт, на котором есть часть информации, переспрашивать название компании и др. очевидные моменты как минимум глупо. А вообще — это хамство и анти-клиентоориентированность. Проекты, в которых видна перспектива, требуют выполнения части работы за клиента.
Для чего вашим менеджерам дана голова? Если пришел запрос на интернет-магазин, не нужно уточнять необходимость каталога. Это слишком очевидно.
- Определение источника заявки.
Раз уж вы не построили свой собственный маркетинг так, чтобы автоматически определять каналы привлечения клиентов, делать это в рамках брифинга — неправильно. Здесь на счету каждая минута и внимание человека, поэтому тратить его, заставляя напрягать мозг, не нужно. Срочно уберите из ваших вопросов «Откуда вы о нас узнали». Это же не опросник, который заполняют, ожидая очереди в парикмахерской.
Правильные
- Знакомство с бизнесом клиента.
Некоторые разработчики узнают сегмент, в котором работает заказчик, только после начала работы. Это недопустимо. Как можно строить «User eXperience», не представляя ту же ценовую категорию?
- Квалификация.
Правильная бизнес-модель студии / агентства учитывает, что клиентов нужно «проверять»: работать со всеми подряд невозможно. Иногда вопрос о подходе к цене и формат (например, «конкурс») может сразу определить, что на данного клиента не нужно тратить время.
- Подготовка к следующему этапу пресейла.
Есть ключевой вопрос, который не задают большинство подрядчиков. Его, да и все другие фишки, разберем в «Содержании».
- Систематизация коммуникаций.
Это как порядок в офисе: порой документация хаотично раскидана по всему помещению. Бриф же служит неким «шкафом», в котором все четко разложено по полочкам. Клиент скинул новую информацию на почту — сразу зафиксировали в брифе. Узнали новую информацию после прочтения пресс-релиза — тоже отмечаем.
- Определение примерного объема работ.
Еще раз: примерного, коллеги, а не абсолютно точного.
- Фиксация договоренностей + Профилактика «недопониманий» / «недовольства».
Истории, начинающиеся с «Мы так не говорили…». Решение: подписание клиентом брифа как приложения к договору. Правда для этого его нужно адаптировать.
Адаптация
Бриф брифу рознь. Я даю в качестве образца для скачивания 1 общий вариант, но в идеале он должен адаптироваться под конкретную ситуацию. Его формат и подача должны учитывать следующее:
- Кто ответственный за заполнение:
- Менеджер с вашей стороны (рядом с вопросами могут указываться «подсказки», если сейлз пока «плавает»).
- Клиент (нужно адаптировать вопросы так, чтобы их понял даже человек с нулевым опытом веб-разработки):
- 1 контактное лицо.
- 2 и более (придется «разрезать» блоки вопросов, исходя из функций / зоны ответственности человека).
- Формат заполнения:
- Оффлайн-встреча (только бумажный вариант, никаких гаджетов — как правило, они вредят общему ходу встречи).
- Удаленная коммуникация.
- Опыт работы с клиентом:
- Первый проект.
- Повторное обращение (вы уже должны знать о его бизнесе, поэтому большинство вопросов сразу отпадут).
- Юридическая значимость:
- В качестве приложения к договору (необходимо предусмотреть место (сразу за последней строкой) для подписи, печати, ФИО с должностью и даты подписания).
Содержание
Есть несколько универсальных принципов:
- Бриф должен строиться таким образом, чтобы на каждой его странице была возможность сделать заметки. Это нужно для тех случаев, когда клиент во время разговора озвучивает новые данные. Если под них нет «поблизости» полей, придется в растерянности листать, переворачивая страницы. Что опять же негативно влияет на ход переговоров. В противном случае ваши менеджеры будут привозить со встреч что-то похожее на наскальные рисунки с нечитаемыми каракулями на полях.
- Меньше букв. Это как с общим подходом к продажам: меньше говорить, больше слушать. Актуально и для брифа: формулируйте вопросы кратко, оставляйте больше места для ответов.
- Исходные данные. В круговороте лидов иногда легко забыть изначальные запросы. А это важно.
- Дубль ключевой информации на каждой странице. Помните случаи, когда в моменты «перегруженности» или просто тяжелые дни с несколькими встречами подряд вдруг забываешь имя клиента? Если оно будет указано в «шапке» рядом с названием компании, таких глупых ситуаций можно избежать.
То, что бриф должен быть в фирменном стиле и с указанием ваших контактов, надеюсь, не нужно говорить?
- Откажитесь от разделения на «типы» сайтов (эти категории искусственно созданы на уровне тарифов CMS, которым нужно как-то разделять функционал). Разумеется, для e-commerce есть своя специфика, для landing page — своя. Но основа — едина. Ключевые моменты можно совместить в одном брифе. Не разделяйте их, лучше займитесь адаптацией по другим критериям, описанным выше.
- Фиксируйте в конце договоренности — когда должен быть следующий шаг, кто за него ответственный. Для придания серьезности (ну и чтобы клиент не «соскочил») можно подписывать отдельно и этот пункт. Такой прием будет работать не с юридической, а скорее с психологической точки зрения.
- Периодически пересматривайте содержание. С изменением технологий некоторые вопросы появляются / исчезают / меняются.
Что именно должно быть в брифе, кроме очевидного?
- Менеджер. Если у вас продажами занимаются 3 и более сотрудника, то однажды с увеличением «архива» (да, их ни в коем случае нельзя удалять) начнется путаница. Обязательно отмечайте, за кем закреплен клиент.
- Сегмент. Уже было сказано.
- Масштабы бизнеса. Вы должны знать это по своему опыту: помните компании, которые сначала производили впечатление «нищих», но потом оказывалось, что у них под сотню голов в штате и 5 филиалов в 2 регионах? Ну или наоборот. Не поддавайтесь первому мнению. Спрашивайте.
- Текущие приоритеты. Что «болит»? К чему стремятся? Если бизнес озадачен кассовыми разрывами, то дела совсем плохи. Сайт нельзя делать на стадии «агонии». Определив, скажем, низкую квалификацию, вы избавите себя от рисков остаться на полпути у «разбитого корыта».
- Приоритетные продукты. Бизнес с радостью демонстрирует вам свои прайсы, каталоги и пр., но редко кто расставляет приоритеты. Уточняйте, какие направления / конкретные позиции «сильнее», больше нуждаются в сбыте в связи с ситуацией на складе и т.п.
- Категории пользователей. >90% проектов делаются под конечных потребителей. А потом вдруг выясняется, что нужно сделать пару разделов под собственных сотрудников и дилеров. Заказчик ведь не понимает, что задачи такого уровня должны решаться еще на этапе проектирования общей концепции.
- Особенности ЦА. Не просто стандартное «возраст / пол / должность». Уточняйте, какие у них привычки, что может привлечь внимание, каким образом принимают решение.
- Значимость сайта. Клиент ожидает получить инструмент продаж, на который возлагает большие надежды весь отдел, или это просто очередной редизайн по чьей-то душевной прихоти?
- История подрядчиков. С кем работали? Почему прекратили? Винят всех подряд или адекватно оценивают ситуацию? Очень полезно для оценки «геморройности» (да-да, это снова про квалификацию).
- Концепция сайта. Не давайте никаких вариантов. Просто посмотрите, как ответит клиент. Здесь важнее не содержание ответа (скорее всего будет нести бред, который не имеет отношения к общей маркетинговой стратегии), а именно подача — что должно стоять за внешней оболочкой продукта. Так вам будет проще соответствовать ожиданиям.
- Уровень. Тот самый пункт. «Вам как сделать: экономненько, средне или круче всех конкурентов?» Этот вопрос может стать переломным моментом: вы сразу поймете, о чем идет речь. После этого отвалятся «тарифы», выбор «индивидуального дизайна» и пр.
- Адаптация. Нет, речь не только про верстку. Нужно сразу понять, как сайт должен оптимизироваться, исходя из географии, разных подразделений и т.п.
- Количество итераций. Не бойтесь спросить прямо: «Готовы сразу принять первую версию дизайна, которая будет соответствовать художественному заданию? Или пропишем в договоре возможность сделать за доп. стоимость несколько вариантов?».
- Нестандартные интеграции. Скажем, для настройки сквозной аналитики. Ну или подвязку с данными из мобильного приложения. Тут сложно подобрать готовые варианты — у бизнеса действительно могут быть необычные запросы, которые вы сами не угадаете. И вот как раз они могут повлиять на объем работ.
- Кто и что будет делать с сайтом. Секретарша будет публиковать новые акции? Штатный маркетолог захочет создать дополнительные посадочные под контекст? Каталог будет выгружаться в маркеты / агрегаторы?
Применение в процессе
«Продажа» брифинга
Иногда клиент не особо идет на брифинг. Почему? Не видит смысла. Что нужно сделать? Показать ему этот смысл:
- Создать общую понятийную базу.
- Сэкономить на «недопониманиях».
- Возможность отправить бриф другим кандидатам, не заполняя повторно.
Готовьтесь и к противостоянию в плане отдельных вопросов:
— «А зачем это вам знать наши внутренние дела?»
— «Поймите правильно: мы не ставим цель — узнать что-то конфиденциальное из вашего бизнеса. Тем более, что мы не конкуренты: лично нам эти данные не нужны. Но они помогут найти лучшее решение. Для сравнения можете спросить своих коллег: всех, кто владеет достойными сайтами, тщательно „опрашивали“, чтобы подрядчики могли полностью вникнуть в их бизнес. Если есть опасения, подпишем NDA».
Отделение от презентации
«Брифинг ради брифинга» — это когда вы в то же «касание» (встречу / звонок) сразу после брифинга даете клиенту решение, пытаетесь провести презентацию. Тогда для чего мучили вопросами? Он вряд ли поверит, что вы на ходу провели анализ всех данных и сформировали что-то персонально для него. Будет ощущение, что время потрачено зря, — с таким же успехом заказчик мог получить шаблонное КП у других.
Поэтому обязательно отделяйте зерна от плевел: подавайте решение на другом этапе.
Приоритеты
И снова о них. Отмечайте среди вопросов самые важные. Не исключено, что время будет ограничено, клиента кто-то отвлечет, и вам придется урезать часть пунктов.
Кто в итоге заполняет?
В идеале это должен делать ваш представитель. Исключения:
- Клиент привык к общению в текстовом формате.
- Хаотичный график, постоянно срывает договоренности, не привык ко встречам / звонкам.
Если уж и решили отправить ему бриф для самостоятельного заполнения, ни в коем случае не делайте это файлом во вложении к письму. Это дико неудобно, когда нужно пересохранять, начинается путаница в версиях, тратится время. Пользуйтесь благами цивилизации — Google Docs / Forms.
Как подготовить вашего менеджера к брифингу?
На самом деле брифинг — не самый сложный этап пресейла. Ему можно научиться.
Здесь в цене всем известные базовые навыки:
- Знание продукта (если вы ориентируетесь на обычный оффлайн-бизнес, где нет «умников», любящих докапываться до ненужных технических деталей, то менеджеров нужно заставлять учить не PHP, а принципы UX — это полезнее).
- Коммуникабельность, поставленная речь.
- Умение слушать.
- Основы психологии.
- Бизнес-этика.
- Понимание основных механик.
Но есть и неочевидный момент, который тоже пригодится:
- Умение «импровизировать» и адаптировать диалог, когда все идет «не по плану». Не каждый клиент готов плясать под вашу
дудкупоследовательность вопросов в брифе. Кто-то может «сломать» строй беседы, на который надеялись, и начать задавать свои вопросы. Тут пригодится и умение отвечать, и «уворачиваться», «осаживая» клиента, если он переходит разумные границы.
И еще: учите менеджеров «человечному» подходу. Объясняйте, что брифинг по разработке сайта — это не допрос в камере и не пресс-конференция, на которую их пригласили в качестве журналистов. Вы же знаете, что это понятие пришло к нам из PR, да?
Поэтому идеальный брифинг в нашем случае — это «легкая» беседа, в которой клиент особо и не чувствует, что его «допрашивают». Как это выглядит на практике:
Менеджер, дойдя до пункта про специфику компании, может спросить:
- «Назовите ваши ключевые отличия и слабые стороны» (робото-подход).
- «Очень интересно рассказали про конкурентов [предыдущий пункт]. А чем вы лучше их? Ну и заодно — чем лучше они?» (человеческий подход).
Что читать для прокачки скиллов:
Альтернативы
Бриф — это не обязательно какой-то шаблонный файл / пара листов А4. Есть и другие подходы:
- «Зашивание» вопросов в форму на сайте:
- Спец. сервисы:
- Заведение в CRM отдельных полей в карточке клиента.
Но на первом этапе рекомендую довольствоваться уже проверенными методами. Пока вам достаточно «классики» 🙂
Итак, ссылки на шаблон:
Бриф на разработку сайта – основа успеха
Мы говорим об успехе сайта, когда проект отвечает поставленным перед ним задачам – продает товары / услуги, привлекает деловых партнеров, помогает создать позитивный имидж бренда. Для этого он должен быть правильно спроектирован и разработан, чему способствует краткое изложение требований клиента – бриф.
Бриф на разработку сайта – это документ, который создается в сотрудничестве с клиентом (клиентом) с агентством или веб-разработчиком. Хорошо подготовленный бриф содержит информацию, необходимую для точного определения ожиданий клиента в отношении сайта – от выполняемой задачи до принципов графического дизайна веб-сайта и предполагаемой даты запуска проекта.
Что содержит бриф на разработку сайта?
Если мы посмотрим на структуру брифа, мы заметим, что этот документ состоит из нескольких категорий. Их названия могут различаться в зависимости от терминологии агентства, однако содержание обычно остается одинаковым и включает в себя:
-
Контактные данные
-
Презентация компании / бренда клиента
-
Определение целей, которые должны быть достигнуты сайтом
-
Характеристики графического дизайна страниц
-
Запланированный контент сайта
-
Функциональные возможности веб-сайта
-
Вопросы, связанные с управлением и администрированием
-
Ожидаемая дата завершения заказа – запуск сайта
Стоит ли готовить бриф перед встречей с агентством / веб-разработчиком?
Представление компании / бренда является хорошей практикой, благодаря которой агентство / веб-разработчик получает возможность не только узнать компанию клиента, но и понять специфику отрасли, которую она представляет, и ее среду, включая конкуренцию. Представляя компанию, стоит помнить о характеристиках предлагаемых продуктов / услуг и профиле целевой аудитории. Эта информация оказывает огромное влияние на эффективность сайта.
Определение целей, которые должны быть достигнуты сайтом – это не что иное, как постановка задач, таких как продажа товаров / услуг, продвижение бренда, создание положительного имиджа компании (сайт может одновременно достичь более одной цели).
Характеристики графического дизайна сайта включают информацию о визуальных аспектах – макет, цвет, шаблон и размер шрифта. В этой категории стоит использовать ссылки на существующие сайты, графический дизайн которых вам понравился.
Запланированный контент – это все, что можно найти на сайте, от текстового контента и графики до фотографий. В эту категорию входят вопросы о логотипе компании и редактировании контента. Планирование контента также включает в себя решения о ведении блога, новостной рубрики для регулярной публикации интересных тематических статей.
Функциональные возможности веб-сайта представляют собой набор инструментов, которые позволяют выполнять конкретные задачи – размещать онлайн-заказы, онлайн-платежи, подписываться на рассылку новостей и др. Если на этапе разработки мы знаем, какие задачи следует выполнять, они должны указываться в брифе. В случае проблем с профессиональным наименованием функциональных опций, веб-разработчик, безусловно, поможет вам.
Вопросы, связанные с управлением и администрированием веб-сайта, связаны с идентификацией лиц, ответственных за управление и обновление контента. Сюда также входит информация о применении определенного домена и пространства на выбранном сервере, где будет размещена готовая страница.
Ожидаемая дата выполнения заказа – очень важная информация, на основании которой агентство / веб-разработчик решает, насколько реалистично выполнить заказ в интересующие вас временные рамки, и будет ли он принят.
Многие агентства призывают клиентов к своевременному составлению брифа на разработку сайта. Мы даже предлагаем готовые шаблоны, которые просто необходимо заполнить до встречи. Это, безусловно, экономит обеим сторонам много времени.
Бриф – основа успеха сайта
Если вы серьезно подходите к вопросу подготовки брифа и дотошно отвечаете на любые вопросы агентства / веб-разработчика, можно избежать многих проблем в процессе реализации задачи. Что более важно, вы получите веб-сайт, который будет максимально отвечать вашим потребностям и ожиданиям и, следовательно, будет эффективным.
Стоит помнить, что на первых этапах сотрудничества бриф является для агентства единственным источником информации о вашей компании. Чем больше информации вы представите, тем более актуальным получится новый веб-сайт.
Бриф на разработку сайта: насколько это важно?
Хотите узнать во сколько обойдется вам разработка сайта? Тогда смело скачивайте и заполняйте бриф.
Бриф – это документ, с помощью которого разработчикам удается оценить стоимость будущего сайта. Заполняя его, вы указываете все пожелания относительно сайта: дизайна, основных и дополнительных возможностей. В общем, описываете все свои идеи и представляете документ на анализ разработчику. Далее исполнители оценивают объем и сложность работы, оглашая стоимость.
Важно! Оглашенная стоимость не является точной, а скорее, максимально приближенной к точной. Окончательная цена разработки сайта будет указана вам только после детального обсуждения будущего проекта и учета всех технических нюансов.
Для тех, кому хочется просто скачать бриф, не будем мучить длительными рассказами.
Вот ссылки на скачивание самых популярных типов разработок сайта.
- Корпоративный сайт
- Интернет-магазин
- Landing Page (лендинг пейдж)
Зачем обязательно заполнять бриф на создание сайта
Представьте себе, что разработка сайтов предлагается двумя веб-студиями. Одна предлагает услуги за 5000 гривен, вторая за 30000 гривен. Вы, как человек экономный, обратитесь в первую, где подешевле. Но в процессе стоимость создания сайта будет расти и в итоге вы заплатите не 5 тысяч, как планировали, а в 10 раз больше. В результате окажется, что вы не предоставили полную информацию разработчику, тот сделал по-своему, спеша вам выставить счет. Если на первом этапе не предлагается вам заполнить бриф, будьте готовы часто открывать свой кошелек, чтобы заплатить за каждый основной этап разработки сайта.
Как правило, разработчиками предлагается шаблонный бриф. В нем указаны вопросы, помогающие сформировать образ сайта и подсчитать его стоимость. Чтобы заполнить его, уйдет не более часа-двух. Помните, чем подробнее будут ваши ответы, тем больше вы минимизируете риски непредвиденных затрат на разработку сайта. К тому же, заполненный пример брифа можно отправить другим веб-студиям и, узнав стоимость их услуг, выбрать наиболее подходящего разработчика для себя.
Какие проблемы вас ждут, если не заполнить бриф
Залог успешного проекта – это взаимопонимание между заказчиком и разработчиком. На своей практике мы поняли, что 95% клиентов не могут точно и четко донести свою мысль из-за слабого понимая тематики. Вы не заполнили бриф на разработку сайта, разработчик не понял чего вы ожидаете от проекта и в результате — недоработанный, по вашему мнению, сайт или сайт, не имеющий функциональных возможностей, которые вам, как оказываются, необходимы.
Или другая ситуация. При разработке идеального интернет-магазина вы не указали, что необходим личный кабинет, думая, что эта функция сама собой разумеющаяся (в интернет-магазинах конкурентов у каждого же есть!), а встроить ее – дело пустяковое. А в процессе оказывается, что личный кабинет не входит в набор стандартных функций и его разработка стоит отдельных денег, на которые вы ну никак не рассчитывали. На почве этого образуются конфликты и, как результат, складывается негативное мнение о разработчике.
Вывод: Заполнение брифа перед созданием сайта – это гарант вашей экономии и спокойного сна.
Не путайте бриф с техническим заданием. Бриф – это образец, описание ваших идей и желаний, а ТЗ на разработку сайта – перечень действий для их реализации.
Подведем итоги
Для чего мы вынесли тему о заполнении брифа, как отдельную? Мы стремимся искоренить конфликты на финансовой почве и донести до вас, что оставшийся без внимания такой, казалось бы, пустяковый документ, может привести к серьезным затратам, к которым вы не готовы. Также мы стремимся искоренить ошибки при разработке сайта, которые могут образоваться из-за банального недопонимания.
Мы, как и любой ответственный разработчик, стремимся к полному взаимопониманию и плотному сотрудничеству. Помните, детальное заполнение брифа на разработку любого вида сайта, в том числе лендинга или сайта-визитки, становится гарантией спокойного сна. Поэтому, будьте добры, уделите пару часов своего времени, скачайте и заполните бриф. И будет счастье. И вам, и нам.
Крутая статья? Ставьте лайк! Подписывайтесь на блог, чтобы не пропустить важную и полезную информацию.
Следующий проект:Что такое лид?Предыдущий проект:Что такое Digital агентствоБриф на разработку сайта
В видео-курсе «Своя Web-студия за 55 дней» я больше фокусировался на практике, поскольку для тех, кто хочет иметь собственную Web-студию, при полном отсутствии практического опыта, от теории проку мало. И все-таки с некоторой терминологией, звучащей в моём курсе, я хотел бы вас ознакомить более подробно.
Самый первый контакт с заказчиком происходит, после оставления заявки на разработку сайта. Предложите заказчику в этой заявке коротко описать, как он представляет свой сайт, какие задачи его сайт должен выполнять. Попросите его прислать примеры чужих сайтов, на которые должен быть похож его будущий сайт как по функционалу, так и по дизайну.
Почему надо спрашивать у заказчика предварительно короткое описание для сайта? Да, чтобы не задавать ему лишних вопросов в брифе. А то заказчик может испугаться, когда увидит эту длинную «портянку» на несколько страниц. Только после получения первоначальных данных, просите заказчика заполнить бриф на разработку сайта. Ведь очевидно, что вопросы в брифе на разработку сайта-визитки будут существенно отличаться, например от вопросов на разработку интернет-магазина.
Приступая к заполнению брифа, заказчик уже должен знать ориентировочную, а лучше точную стоимость сайта. Поймите, что психологически человек не готов потратить 1-2 часа своего времени, развернуто отвечая на большое кол-во вопросов, чтобы просто узнать цену. Но в то же время, вы не можете сказать клиенту точную цену, пока не получите бриф на сайт от заказчика.
Как же решить это противоречие?
Пока вы только начинаете деятельность, как владелец Web-студии, займите определенную нишу, например делайте только сайты-визитки. Разбейте их на три категории с фиксированными ценами. Например первый – с шаблонным дизайном, второй – с уникальным дизайном, а третий – если у сайта будет большой объем контента.
Если хотите браться за любые сайты, то цены ставьте ориентировочные, которые станут точными, только после заполнения брифа заказчиком.
Многие начинающие веб-разработчики путают бриф и техническое задание или сокращенно ТЗ. Давайте разбираться, чтобы не плавать в терминологии. Это нужно не для того, чтобы выглядеть компетентным в глазах заказчика, просто поверьте, что заказчик очень далек от мира веб-терминологии. Это нужно вам для успешного поиска исполнителей на фриланс-биржах.
Что такое бриф?
Бриф на сайт – это опросник или анкета в виде отдельного Word-документа или формы прямо на вашем сайте, которую должен заполнить сам заказчик. Все вопросы, ответы на которые вы хотите получить от заказчика, вы придумываете сами или подгоняете под себя уже готовые шаблонные варианты, их легко можно найти в интернете. Маловероятно, что скачанный вами пример брифа будет на 100% отвечать вашим нуждам, не копируйте все подряд.
Смысл брифа – это задать вопросы таким образом, чтобы получить полную картину в деталях, какой же сайт нужен клиенту. Старайтесь избегать вопросов, ставящих клиента в тупик. Помните о том, что подавляющее большинство заказчиков очень далеки от мира веб-разработки.
Примеры тупых вопросов в брифе
Выберите минимальное разрешение макета (800×600, 1024×768, 1280×960)
Заказчик вообще не поймет, о чем вы его спрашиваете. Он даже не знает, что такое макет, не говоря уже о разрешении.
Сообщите технические параметры хостинга, где планируется размещение сайта?
Дорогие владелецы Web-студий! Не грузите голову клиента никакими хостингами. К вам обращаются люди и платят за то, чтобы вы решали их проблемы, а не заставляли их погружаться в хитросплетения параметров хостинга. Выберите сами хостинг-компанию с оптимальным тарифным планом для заказчика и проинформируйте его о предстоящих расходах на хостинг. Тем более, что скорее всего, размещением сайта заказчика в интернете, будет заниматься ваша студия.
Нужна ли Flash-заставка при загрузке сайта
Такой вопрос вообще работает против вас. А если заказчик скажет да, хорошо если осознанно, а не просто — пусть будет. Что тогда? У вас же стоит фиксированная цена на разработку. Дополнительный найм flash-разработчика может съесть всю вашу прибыль. Или вы сами должны бесплатно сделать эту flash-заставку или запросить у клиента дополнительные деньги. Нет уж, так дела не делаются. Поймите, что ваши вопросы в брифе, не должны ни в коем случае привести к удорожанию цены для клиента или лишения вас прибыли.
Цена пакета основана на точном расчете, на те или иные работы. Вопросы в брифе должны уточнять какой цвет, размер, где разместить фотографии и все в таком духе.
Есть ли у вас идеи, которые вы хотите воплотить в дизайне?
Если заказчик выбрал пакет с шаблонным дизайном, то подобный вопрос – чистой воды издевательство. Отсюда вывод, что для каждого варианта пакета надо составить отдельный бриф.
Что такое ТЗ (техническое задание)
Это конкретное описание разрабатываемого сайта по содержанию структуре, дизайну и функционалу, сделанное на основании заполненного брифа заказчиком. Техническое задание на разработку сайта делает исполнитель и согласовывает его с заказчиком, который должен своей подписью подтвердить, что исполнитель правильно понял задачи заказчика. В составлении ТЗ на разработку сайта заинтересован исполнитель (web-студия), чтобы пресечь попытки заказчика заставить исполнителя сделать что-нибудь сверху оговоренного в ТЗ.
- Создано 04.05.2018 10:05:18
- Михаил Русаков
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Бриф на сайт. Важность документа и тонкости заполнения | by Writes
Бриф позволит клиенту систематизировать все мысли и пожелания относительно сайта »
Валерия
Руководитель отдела проектов Digital Breath
Полный, продуманный бриф — это залог экономии времени и денег не только заказчика, но и исполнителя. Из опыта мы знаем, когда клиент точно понимает, чего он хочет, результат будет отличным! Именно поэтому мы начинаем сотрудничество по созданию готового продукта (в нашем случае — сайта) с брифа.
Что же это за птица такая? Бриф — документ, который содержит список вопросов относительно выполнения конкретной задачи. Предоставляя информацию исполнителю, заказчик дает ответы, позволяющие назвать конечную сумму работы, а также сроки исполнения. Благодаря брифу на создание сайта мы понимаем, какой результат готов видеть клиент. Бриф на сайт содержит, как правило, 10–12 пунктов. Это наиболее подходящий вариант, чтобы обсудить заранее основные этапы работы. Заполнять его необходимо осмысленно, “не для галочки”, расставляя приоритеты, выделяя главное.
Отметим, что бриф пишется под конкретную задачу. Если это создание сайта, то все ответы будут сосредоточены вокруг данной темы. У клиента должен быть выбор из 4–5, а лучше 6 вариантов решений на каждый вопрос. И обязательно свободная строка, где он может вписать свой вариант ответа.
- Контактные данные
Данный пункт брифа обязателен: во время работы над проектом вашего сайта потребуются уточнения деталей, внесение корректировок. Поэтому так важен телефон и адрес электронной почты человека, который сможет принимать решения и одобрять варианты дизайна, с кем можно будет согласовывать текущие моменты. Чаще всего эту задачу принимает на себя руководитель, в более крупных компаниях — один из заместителей или компетентный сотрудник, имеющий опыт в решение подобных вопросов.
- Сфера деятельности и конкуренты
Небольшой рассказ о компании позволит нам составить свое представление о целях и работе компании в целом. Нам нужно понимать, в чем состоит ваш бизнес, какие задачи он решает, что является конечным продуктом. Чтобы вывести сайт в ТОП, нам потребуется изучить методы работы ваших конкурентов. Мы проведем анализ — за счет чего конкурирующие компании повышают продажи, насколько эффективные инструменты используют, а главное — что поможет вам их обойти и увеличить свой доход.
Одним из первых вопросов брифа является определение цели создания сайта. Для чего вам нужен сайт, и как вы его будете использовать в дальнейшем? Отталкиваясь от решения конкретных задач, нужно составить понимание цели. Если это повышение продаж, то и акцент сделаем на одном, если сайт уже есть, но он не продает — приоритеты будут другими. Что мы создаем в итоге? Интернет-магазин, корпоративный сайт или одностраничник.
- Целевая аудитория
Определяемся с целевой аудиторией. Нам нужно понимать, для кого мы создаем сайт, кто будет на нем покупать. Портрет представителя целевой аудитории поможет определить инструменты для работы, составить список отдельных задач, чтобы добиться цели.
Пример брифа для разработки дизайна сайта
- Масштабы работ
Оценить объем проделанной работы клиент сможет только на завершающем этапе. Сначала мы определяемся с подбором модулей для будущего веб-ресурса. Определение структуры сайта, его разделы, которые клиент хотел бы видеть, также прописываются в данном вопросе. Модули сайта: нужны ли опросы, голосование, где будет размещаться и нужен ли вообще поиск по сайту, будет ли прием платежей через сайт или клиенты будут покупать услуги и товары в офлайне и необходима только реклама.
- Удачные примеры готовых сайтов
Мы просим клиента привести примеры наиболее удачных, с его точки зрения, сайтов, которые впоследствии будут для нас служить ориентиром в работе. Если заказчик затрудняется, примеры приводим мы и просим отметить, что нравится на конкретном веб-ресурсе, а что — нет. На основании ответа на этот вопрос мы составляем представление о результате, который хочет видеть наш клиент.
Дизайн сайта — один из ключевых моментов работы над созданием веб-ресурса. Чаще всего варианты дизайна различаются бюджетом: если используется шаблон — стоимость одна, если вы хотите создать уникальный стиль с использованием логотипа, с привлечением профессиональных фотографов, операторов — цена будет выше. В данном вопросе нам важно понять, на чем клиент хочет акцентировать внимание посетителей сайта: на выгодных ценах, на оригинальности предлагаемых товаров и услуг или на логотипе компании и ее слогане. Нужно ли использовать графику? Каким в итоге должен быть сайт — традиционным или модным?
- Материалы для сайта
Наши заказчики за время работы уже имеют подборку фотографий, видеосюжетов, которыми бы они хотели поделиться со своей аудиторией. В этом пункте мы просим клиента рассказать, какие материалы для сайта он хочет использовать. Будут ли это примеры готовых работ, прайс-лист или фотографии с проведенных мероприятий — мы используем их в рассказе о вашей работе, чтобы сделать ваш веб-ресурс интересным и живым.
- Языковые версии
Часто компании, которые создают свой сайт, планируют выйти (или уже вышли) на зарубежный рынок. Чтобы взаимодействовать со своими клиентами, проживающими в других странах, создается чаще всего англоязычная версия сайта. Данный вопрос также обсуждается заранее и создаются две (или даже три) языковые версии веб-ресурса.
- Сроки выполнения работы
В брифе на разработку сайта прописываются сроки выполнения работы. Нужно понимать, что за 1 день многостраничник не создать. Над ним будут трудиться такие специалисты нашего агентства, как дизайнеры, копирайтеры, программисты, аналитики, фотографы. Конечный продукт — это работа всей нашей команды.
На основании ваших ответов в брифе мы формируем техническое задание, которое потом станет основным руководством для всего агентства при работе с сайтом. Всё, что вы напишите в брифе, и станет результатом проводимой работы. Как вы поработаете над своими ответами — таков будет и результат.
Помогайте клиенту!
Бриф позволит клиенту систематизировать все мысли и пожелания относительно сайта. Если заказчик ознакомится с перечнем возможного функционала, где будут представлены форма обратной связи, каталог товаров или онлайн-консультант, то среди них выберет те, что нужны именно ему.
Найдите своего заказчика!
Те, кто тратит на составление брифа 10–15 минут, вряд ли по-настоящему серьезно относятся к процессу создания сайта. Из нашего опыта становится понятно, что такие клиенты больше из любопытства отвечают на вопросы брифа.
Бриф всегда утверждается заказчиком!
Даже если вы сидели вместе и трудились в поисках ответов на конкретные вопросы вместе с клиентом, не забудьте отправить ему готовый бриф на электронную почту. Пусть он перечитает все еще раз и подпишет. Утвержденный подписью бриф даст понимание, что заказчик все-таки хочет. Заполняя со слов клиента, вы, подсказывая ответы, можете принимать за него решение, а на деле окажется, что ему нужно совсем другое.
Надеемся, что статья оказалась для вас полезной!
Источник
заполните анкету + получите авторский веб-дизайн
Существует ли у Вас сайт на данный момент (если да — укажите адрес)
Цель создания / модернизации сайта
Тип сайта (поставьте галочку напротив необходимых пунктов)
Сайт-одностраничник Сайт-визитка Корпоративный сайт Интернет-магазин
Интернет-витрина Интернет-портал Агрегатор
Впечатление, которое должен производить сайт
Сайты конкурентов (перечислите что нравится, а что нет)
Нравится:
НЕ нравится:
Какие задачи должен решать сайт?
Акцент в сайте
Дизайн Подача информации Удобство пользования На усмотрение дизайнера Ваш вариант:Сайт по восприятию
Деловой Гламурный Дорогой Информативный
Ваш вариант На усмотрение дизайнера Мультяшный Стильный
Цветовая гамма:
Цвета фирменного стиля и сочетаемые с ними На усмотрение дизайнераЦвета, которые следует использовать
Цвета, которые НЕЛЬЗЯ использовать
Позиционирование и масштабирование сайта
По центру Комбинированный
Резиновый (масштабируемый на всю ширину) На усмотрение разработчика
Минимальное разрешение по ширине
980 px 1024 px 1280 px
Другой вариант На усмотрение дизайнера
Дизайн внутренних страниц сайта
Не нужен На основе дизайна главной страницы Сокращенный дизайн внутренних страницПримеры сайтов, которые нравятся (в любой тематике):
Примеры сайтов, которые НЕ нравятся (в любой тематике):
Как написать краткое описание веб-дизайна / разработки — raramuridesign
Организациям необходимо сообщить заинтересованным сторонам свою позицию по вопросам и информировать аудиторию о своих продуктах и услугах. Часто коммуникационная потребность, такая как веб-сайт, вызывается изменением стратегического направления или новым предложением. Определение причин существования сайта и того, чего он должен достичь, — это первый шаг в этом процессе. Цели и задачи, которые устанавливаются в начале проекта, определяют все будущие решения, от структуры сайта и соглашений об именах, используемых в навигации, до визуального дизайна сайта.Первым шагом в процессе определения является интервьюирование заинтересованных сторон организации для определения стратегических целей сайта, понимания потребностей ключевой аудитории и выявления основных конкурентов. Цель этапа определения — определить три измеримых ключевых результата, которые напрямую связаны со стратегическими целями организации. Проблема на этом этапе — ограничить количество целей. У большинства организаций будет больше целей, чем они знают, что делать, и каждый отдел считает, что цели его отдельного подразделения являются наиболее важными.Возможность сосредоточить внимание на целях организации упростит разработку сайта и сделает конечный продукт более эффективным.
После того, как вся информация и оценки, собранные в ходе интервью с заинтересованными сторонами, будут завершены, они должны быть собраны в хорошо оформленном кратком описании проекта. (Задание к Уроку 4 будет содержать краткое описание проекта, к которому вы можете обратиться.) Краткое описание содержит следующие элементы.
- Краткое описание проекта: Излагает общий обзор проекта, организационную основу, среду, в которой существует организация, людей, которым она служит, и уникальную ценность, которую она представляет для своей аудитории.
- Цели: Каких двух или трех конкретных измеримых целей должен достичь сайт? Четкие цели позволяют веб-команде сосредоточиться на том, что окажет наибольшее влияние и продвинет организацию вперед.
- Целевые аудитории: Кто поможет организации достичь поставленных целей? Большинство организаций обращаются к нескольким организациям (таким как клиенты, заинтересованные стороны, внутренняя аудитория, поставщики, партнеры, акционеры и / или государственные учреждения).Профили аудитории включают демографические, психографические данные, восприятие бренда, потребности аудитории, онлайн-цели и задачи, которые обычно выполняются.
- Сообщения: Какие ключевые сообщения привлекают и мотивируют ключевую аудиторию взаимодействовать с организацией? Какие ключевые послания бренда помогают отличить организацию от конкурентов?
- Конкуренция: Какие конкурирующие организации предлагают аналогичные предложения вашей аудитории? Включите обзор веб-сайтов конкурирующих организаций с учетом визуального брендинга, обмена сообщениями, навигации, призывов к действию и основных отличительных особенностей.
Как написать идеальный бриф для веб-сайта
Вам нужен новый веб-сайт — и вы хотите знать, сколько он будет стоить. Для того, чтобы даже получить оценку, любое приличное цифровое агентство попросит предоставить вам бриф по вашему проекту. Краткое описание веб-сайта — это абсолютно необходимая отправная точка , которая будет направлять весь творческий процесс с этого момента.
Не существует стандартной отраслевой методологии написания краткого описания веб-сайта — некоторые будут сосредоточены на общей философии и ценностях бизнеса, а другие будут подробно изучать то, что они хотят, чтобы каждая кнопка на каждой странице выполняла.
Может быть трудно судить, сколько технических или творческих деталей нужно предоставить в брифинге на вашем веб-сайте, и знать, что потребуется агентству, чтобы оно могло дать вам точную цитату. Что еще более важно, то, что написано в вашем брифинге, напрямую повлияет на результат всего проекта.
Независимо от того, руководили ли вы цифровым проектом раньше или нет, следующие шаги помогут вам и выбранному вами агентству создать лучший веб-сайт с учетом вашего бюджета.
Вот 13 пунктов, которые следует учитывать в хорошем брифинге:
1.О вашем бизнесе
Информация о компании часто упускается из виду в сводках веб-сайтов, но нам необходимо знать все о вашем бизнесе! Информация об истории компании, бренде, размере, персонале и местонахождении поможет нам понять, о чем вы вообще мечтаете. Включите краткое описание предоставляемых вами услуг или продуктов. Опишите нам саму ДНК, ценности и миссию компании.
Также включите любые планы будущего роста, о которых нам может быть важно знать.
2. Целевая аудитория и пользователи
Постарайтесь как можно лучше описать тип людей, на которых ориентирован веб-сайт.Опишите, как выглядит ваш идеальный клиент. Это поможет нам создать сайт, ориентированный именно на этих людей.
Вы можете даже расширить это, изучив рынок, проведенный вашими существующими клиентами. Что они хотят увидеть? Что поможет вам им помочь?
3. Цели нового сайта
Каковы общие цели нового сайта? Чаще всего мы видим сочетание следующего:
- Повышение узнаваемости бренда.
- Улучшите присутствие в Интернете с помощью современного мобильного адаптивного дизайна веб-сайта.
- Увеличьте присутствие в Интернете с помощью обычных и платных объявлений.
- Увеличение продаж.
- Создание потенциальных клиентов и запросов.
- Улучшенный источник информации через электронное обучение или блоги.
- Индивидуальные требования для клиентов, т.е. индивидуальные платформы или услуги.
Если считаете, что это будет важно — включите раздел о своем старом сайте. Что работает, а что нет, что можно потерять, что сохранить, что вам в этом не нравится.
4.Конкуренты или сайты, которые вам нравятся
Кто ваши основные конкуренты? Мы можем посмотреть, что они делают правильно, а что неправильно. У некоторых могут быть определенные области интереса, например, ключевые функции. Какие сайты имеют отличный дизайн, который вам нравится? Взгляните на такие вещи, как макет, цветовые схемы, типографика, фотографии и уникальные инструменты или функции.
Попробуйте предоставить список ссылок со ссылками на каждую из них.
5. Внешний вид
После просмотра ваших конкурентов или страниц, которые вам нравятся, попробуйте описать «внешний вид» нового сайта.
Например:
«Веб-сайт предназначен для спортсменов, поэтому нам нужен чистый, современный и спортивный вид. Красная / белая / синяя цветовая схема, такая как zzz.com, подойдет, и мы думаем, что это придаст сайту действительно свежий вид. Классные шрифты, например, на yyy.com, могут хорошо выглядеть. Весь веб-сайт просто должен источать спорт, фитнес и хорошее самочувствие ».
Обратите внимание на любые приятные особенности пользовательского интерфейса, которые вам нравятся. Вам нравится фотография стиля жизни или иллюстрации? Какую свободу действий вы хотите, чтобы наши дизайнеры имели?
6.Технические характеристики и требования
Этот раздел очень важен для крупных проектов. Чтобы избежать увеличения объема работ в дальнейшем в проекте (и дополнительных затрат) , будьте так же тщательны, как и здесь .
- Есть ли на сайте логины пользователей? Как будут обрабатываться, разрешаться и управляться регистрации? Что будет на панели управления пользователя? Опишите каждую индивидуальную функцию, которая потребуется.
- Есть сайт электронной коммерции? Если да, опишите категории и варианты продуктов, необходимые методы оплаты / оформления заказа, расчет стоимости доставки, отслеживание доставки, коды скидок, любые реферальные скидки и т. Д.
- Интеграция API — потребуется ли сайту интеграция с любыми внешними фидами или API — если да, нам понадобятся подробные детали и реальные примеры из них.
- Профили пользователей — Какие данные будут включены? Какие критерии поиска?
- У существующих организаций могут быть внутренние правила кодирования — нам нужно их увидеть.
Также укажите общие области сайта, которые потребуются, например:
- Новости / блог
- Ленты социальных сетей
- Дискуссионный форум
- Интерактивная карта
- Раздел событий
- Онлайн-заказы
- Раздел портфолио
- Страница команды
7.Внутренние требования
Опишите повседневное управление сайтом. Насколько регулярно вы будете обновлять и добавлять контент? Будет ли требоваться экспорт данных с сайта в какой-либо форме? Вам нужно собирать с сайта какие-либо другие текущие данные, кроме стандартной Google Analytics?
8. Контент
Будете ли вы предоставлять новый контент для сайта? Если да, то на данном этапе будет хорошей идеей составить в своем брифинге приблизительную карту сайта. Сколько всего будет страниц?
Четко укажите, кто составляет команду по созданию этого контента и каков процесс утверждения.Поставка контента очень часто является камнем преткновения при задержке запуска веб-сайтов, поэтому начните учитывать это с первого дня.
Какие фотографии, иллюстрации или графика доступны в настоящее время?
9. Хостинг, поддержка и обслуживание
Обычно вы хотите, чтобы выбранное вами агентство размещало сайт для вас, в качестве альтернативы у вас могут быть другие договоренности о хостинге — пожалуйста, подробно их. Как вы думаете, сколько постоянной поддержки потребуется для сайта? В чем вам может понадобиться помощь в продвижении вперед?
Любая современная установка хостинга должна быть безопасной, обеспечивать регулярное резервное копирование и, прежде всего, предоставлять быстрый веб-сайт.
10. Интернет-маркетинг и поисковая оптимизация
Итак, вы наконец-то запустили свой потрясающий новый веб-сайт, и вас не посетят ни разу за весь год, потому что никто не знает, что он там есть. Цифровой маркетинг абсолютно необходим для успеха вашего нового сайта. Если у вас уже есть маркетинговые планы, может быть полезно их обобщить.
Нет ничего хуже, чем вложить много денег в свой новый веб-сайт, но при этом забыть, что на самом деле вам нужно будет привлекать на него посетителей. SEO (поисковая оптимизация), оплата за клик, маркетинг в социальных сетях и электронная почта никогда не были настолько мощными, и любой новый веб-сайт требует хорошо продуманной и спланированной онлайн-стратегии.Также не забывайте традиционные формы рекламы, такие как печать, и определенно не забывайте молва.
11. Крайний срок
Иногда временные рамки могут не иметь значения — и проект может занять столько времени, сколько потребуется для его правильного выполнения. В других случаях может быть абсолютно жизненно важный срок.
Сообщите агентству о ваших временных рамках, это поможет им лучше планировать ресурсы и запускать проект более эффективно с первого дня. Не знаете, сколько времени нужно на создание веб-сайта?
12.Будущее — измерение вашего успеха
Как вы будете судить об успехе нового веб-сайта? У вас есть цели по продажам или посетителям? Хорошее агентство могло бы предложить советы и услуги, чтобы помочь в этом.
Придумайте несколько целей на первый и второй год, которых вы хотите достичь.
13. Бюджет
Да, ваш бюджет! Зачем нам это знать?
Во-первых, мы обнаруживаем, что многие люди не имеют образования, когда речь идет о расходах цифрового агентства.Если ваш бюджет составляет несколько сотен фунтов, мы приглашаем вас посетить конструктор сайтов своими руками, например WIX или Shopify. Помните, что вы платите не только за продукт, но и за услугу. Ваш бриф должен включать ориентировочные бюджеты, чтобы агентства могли лучше всего спланировать, как ваши деньги могут быть потрачены для достижения целей вашего веб-сайта.
Агентство будет знать, что с более высоким бюджетом они могут тратить больше времени на UX-дизайн или тщательную цифровую маркетинговую кампанию. Если бюджет меньше, агентство будет знать, какие основные услуги необходимы для достижения успешного V1 сайта.Указание диапазона цен, пусть даже нечеткого, — лучший способ резюмировать это, например, 7 500–10 000 фунтов стерлингов без НДС.
Потратив некоторое время и обдумав свое брифинг, вы не только получите более четкое представление о том, какой вы хотите видеть свою конечную цель, но и сможете отправить это брифинг в агентство, зная, что вы должны получить от них четкую смету, сроки и намерения по продвижению вашего проекта.
Наш подход заключается в том, чтобы задавать вопросы, слушать, учиться, а затем использовать соответствующие технологии для предоставления решения, которое отвечает всем требованиям.https://t.co/jQP0HpRZWW pic.twitter.com/mtABusHEYq
— Pixel Kicks (@Pixel_Kicks) 30 января 2018 г.
Если вы хотите получить расценки на веб-сайт напрямую от нас, вы можете перейти сюда чтобы заполнить онлайн-версию этого брифинга.
Как написать убийственный брифинг по веб-дизайну
Вы хотите заняться веб-дизайном? Убедитесь, что вы заранее составили краткое описание дизайна и покрыли все важные дизайнерские требования до того, как дизайнер приступит к работе.Краткое описание веб-дизайна — это документ, который направляет весь процесс веб-дизайна. Он должен быть как можно более полным и подробным и служить общей точкой отсчета для всех вовлеченных сторон. Четкое изложение ваших требований имеет решающее значение для создания любимого веб-сайта. Это поможет дизайнеру понять видение вашего веб-сайта, точно процитировать и избежать недопонимания и дорогостоящих повторений.
Основные компоненты краткого описания веб-дизайна
1.Ваш бизнесДайте дизайнеру понять, кто вы, чем занимаетесь ваш бизнес, куда вы идете и как следует изображать ваш бренд.
- Чем вы занимаетесь?
- Какие у вас товары и услуги?
- Как давно вы здесь?
- Каков размер вашего бизнеса?
- Каково ваше видение?
- Где вы хотите быть через 3-5 лет?
- Как вы хотите, чтобы вас воспринимали на рынке?
- Кто ваши идеальные клиенты?
- Кто ваши 3 главных конкурента?
Объясните, почему возникла потребность в новом веб-сайте, и опишите, как вам кажется успешный веб-сайт. А. Зачем вам нужен новый сайт? Б. Что вам нравится в вашем старом веб-сайте? В. Что вам не нравится в вашем старом веб-сайте? D. Опишите свой идеальный веб-сайт E. Сколько разделов на нем будет и что они собой представляют? F. Какие функции и функции вам необходимы (примеры ниже)
- Поле поиска
- Слайдеры
- Социальные сети
- Карты Google
- Блог
- Электронная торговля
- Галерея
- Формы
- Информационные бюллетени
- Членство
- Интеграция с существующими системами
- Как вы оцените успех сайта?
Предоставьте подробную информацию о пользователях вашего веб-сайта, чтобы можно было соответствующим образом адаптировать дизайн, функции и функциональность. A. Кто будет пользоваться сайтом?
- Общественный, торговый, кадровый
- Возрастная группа
- Требования к языку
- Требования к стране / локализации
- Мужской / женский
B. Почему они заходят на ваш сайт?
- Исследования
- Информация
- Развлечения
- Новости
- Узнать цену
- Загрузить
- Совершить покупку
- Получить контактную информацию
С.Кто будет обновлять сайт?
4. Ваш дизайнОпишите, как должен выглядеть ваш новый веб-сайт, какое впечатление вы хотите произвести, а также любые рекомендации по бренду и стилю, которые необходимо соблюдать. A. Ценности, которые нужно передать вашему дизайну — например,
- Мужское и женское
- Традиционное и современное
- Профессиональный и личный
- Серьезный и дружелюбный
- Сильный против мягкого
- Эксклюзивно и включено
Б.Веб-сайты, которые вам нравятся, и особенности того, что вам нравится C. Цвета, шрифты, значки вашего бренда и любые рекомендации по стилю D. Требуется ли ребрендинг? E. Примеры изображений или материалов
5. Ваш бюджет и срокиУказание бюджета и сроков поможет вашему веб-дизайнеру управлять вашими ожиданиями в отношении того, что реально достижимо.
- Сколько вам нужно потратить?
- Когда вы хотите начать?
- У вас есть жесткий дедлайн?
Коммуникация — жизненно важный компонент всех проектов, а в веб-дизайне все начинается с подробного описания проекта.Потратив время на документирование требований к вашему веб-сайту, вы убедитесь, что у вас есть общий бриф для получения цитат, и как только вы начнете работу над проектом, он будет служить точкой отсчета для желаемых результатов и результатов. Хотите обсудить свои требования к веб-дизайну с опытным веб-разработчиком? Свяжитесь с нами для бесплатного разговора по Skype или телефону о вашем проекте.
Что нужно знать вашему дизайнеру
Зачем вам нужно составлять креативный бриф при планировании (ре) дизайна веб-сайта? Как работает творческий ум, не существует единственного волшебного пути к вашему новому дизайну или какой-либо единственной «передовой практики», которая применима ко всем веб-сайтам во всем мире. Дизайн веб-сайта — это последовательность решения проблем, которая — с помощью информации, контекста, анализа и данных — приводит к вашему уникальному креативному дизайнерскому решению. Чем лучше и точнее будет ввод, тем точнее и точнее будет результат.
С другой стороны, перегрузка дизайнера большим количеством информации, чем ей нужно, может привести к обратным результатам. Итак, что это значит при составлении брифа для вашей творческой команды? Как моя итальянская бабушка говорила о толщине баклажана для пармезана… не слишком толстый, не слишком тонкий.Это должно быть в самый раз.
Вот 6 характеристик креативного брифинга для хорошего веб-дизайна:
- Определяет объем проекта.
- Он ясно и кратко излагает ваши ожидания.
- Он дает четкое представление о том, кем вы являетесь как компания, и как это может выглядеть и ощущаться вашими клиентами.
- Он выделяет для дизайнера наиболее важные области.
- Помогает дизайнеру создать для вас лучшее решение.
- Это приводит к более эффективному и последовательному брендингу.
Поработав как со стороны клиента, так и со стороны дизайнера, я научился писать краткие сводки. Ниже приводится краткое изложение того, что я считаю полезным включить. Ответы на следующие вопросы помогут настроить команду дизайнеров на успех.
1. Кто ты?
Предоставьте своему дизайнеру краткое изложение своей компании на полстраницы или на одну страницу:
- Кто вы и чем занимаетесь
- Справочная информация и / или история, которую хочет рассказать ваш бизнес
- Подробная информация о любых соответствующих продуктах и услугах
- Тема для лифта вашей компании и другие ключевые моменты для обмена сообщениями, чтобы ваш дизайнер точно понимал, как компания позиционирует себя на рынке.
2.Кто ваша аудитория?
Включите параграф или два о предполагаемой аудитории. Будьте конкретны, если у вас более одной аудитории и к каждой из них применяются определенные продукты или услуги. Нет необходимости вдаваться в подробности того, какое молоко они пьют или какую группу они предпочитают, но предоставьте стандартную демографическую информацию и предпочтения, относящиеся к вашему бизнесу или отрасли.
3. Чего вы пытаетесь достичь?
Здесь вы вникаете в причину, по которой вы меняете дизайн своего веб-сайта.Вы хотите, чтобы ваш дизайнер знал:
- Цели и цель редизайна
- Ожидаемые результаты (посещения сайта, конверсии, новые клиенты)
- Ваш ключевой обмен сообщениями
4. Как выглядит и ощущается ваш бренд?
Подумайте об этом так … то, как выглядит ваш сайт, должно что-то вызывать у пользователя. Что это значит для вас? Рекомендую записать:
- Три слова для описания личности или культуры вашей компании
- Одна вещь, о которой нужно помнить посетителю, когда он покидает ваш сайт
- Что отличает вас от конкурентов
Брендинг — очень мощный инструмент дизайна. Так что включите любую информацию, которая нужна дизайнеру, чтобы гарантировать, что они поддерживают аутентичность созданного вами бренда. Если вы проводите ребрендинг, предоставьте список вещей, которые нельзя изменить (например, логотип компании и цветовую палитру), и того, что можно изменить (шрифты, графика, изображения, копии).
В дополнение к своему творческому заданию настройте Dropbox, чтобы дизайнер имел доступ к следующим элементам:
- Руководство по стилю или бренду — если оно у вас есть, самое время поделиться им.
- Принадлежащие вам изображения и рисунки, доступные для использования
- Брошюры и контент (все, что будет доступно для загрузки на веб-сайте)
- Файлы логотипов (исходные векторы)
Я также считаю полезным предоставить серию ссылок:
- Сайты, которые вам нравятся и почему
- Сайты, которые вам не нравятся, и почему
- Сайты основных конкурентов
5. У вас есть карта сайта?
Это отдельная тема.Для творческого брифинга подробно опишите, будете ли вы предоставлять карту сайта или ваше дизайнерское агентство должно подготовить ее для вас. Если вы предоставите свою собственную карту сайта, включите сводку элементов верхнего и нижнего колонтитула, таких как ссылки, навигация верхнего уровня, вторичная навигация, призывы к действию в области заголовка и содержимое нижнего колонтитула. Вашему дизайнеру необходимо точно знать, какие страницы будут включены в ваш сайт и как посетитель попадет на них. Прикрепите отдельные документы с подробным описанием вашей карты сайта.Включите все существующие и новые URL-адреса и различите те, которые вы сохраните, и те, которые вам нужно будет перенаправить.
Если ваше дизайнерское агентство собирается подготовить для вас новую карту сайта, внесите любые предложения или идеи, которые вам нужны для их начала. После этого ваше агентство сможет получить текущий список всех ваших URL-адресов и разработать для вас оптимизированную стратегию карты сайта.
6. Каков объем работ?
Важно указать в своем творческом брифинге, что вы будете предоставлять и что бы ваша творческая команда сделала для вас.
Это может включать:
- Стратегия веб-сайта, включая карту сайта
- Обмен сообщениями, стратегия копирования и копирайтинг
- SEO и оптимизация
- Дизайн сайта и UX дизайн
- Изображения и фотографии
- Разработка и запуск сайта
- Мониторинг и обслуживание после запуска
7. А гайки и болты …
Предоставьте всю техническую информацию о вашем сайте …
- Где он будет размещен и на какой платформе будет построен (не забудьте указать свои учетные данные!)
- Сторонние сайты, на которые необходимо связать
- Другие языки необходимо перевести на
- Порталы или разделы, защищенные паролем
- Социальные каналы и ссылки
- Все, что связано с уникальными техническими аспектами вашего сайта
Замыкание…
Может показаться, что — это много информации, которую нужно собрать и скомпилировать в единый документ, но выполнение этой работы заранее упростит творческий процесс и позволит вашему дизайнеру не только сосредоточиться на вашем уникальном решении для веб-сайта, но и запустить его. Быстрее! Составление креативного брифинга по дизайну веб-сайта также дает вам прекрасную возможность критически оценить свой проект по дизайну веб-сайта и его значение для вашей компании.
Есть еще какие-нибудь советы по созданию брифа по дизайну? Есть вопросы об этом процессе? Не стесняйтесь оставлять их в комментариях ниже!
Напишите краткое описание веб-дизайна, чтобы держать ваши проекты в курсе
Как написать краткое описание дизайна, чтобы поддерживать ваши проекты веб-дизайна в рабочем состоянии
Сегодня, более чем когда-либо, сильное присутствие веб-сайта может помочь принять или нарушить решение клиента о том, чтобы выберите один бизнес перед конкурентом. Когда к вам приходит клиент, которому нужен веб-сайт, вы, скорее всего, возьметесь за проект — даже если вы не знаете, как его создать самостоятельно, или если под рукой есть кто-нибудь, кто знает.
К счастью, существует бесчисленное множество веб-дизайнеров. Но прежде чем нанять одного из них и заставить его приступить к работе, вам нужно составить бриф по дизайну. К концу этой статьи у вас будет лучшее представление не только о том, как написать бриф по дизайну, но и о том, как поддерживать проект в нужном русле.
Что такое краткое описание дизайна?
Краткое описание дизайна — это документ, написанный клиентом, который веб-дизайнер будет использовать для оценки количества необходимого времени и затрат, связанных с проектом.Клиент указывает все свои пожелания относительно дизайна и различных функций, которые необходимо добавить.
Иногда заказчик не может полностью представить себе проект. Бриф позволяет им записывать все свои идеи, чтобы все участники пришли к взаимопониманию.
Части краткого описания дизайна
Эффективное краткое описание дизайна должно содержать информацию по следующим темам:
- Целевая аудитория
- Любые функции, которые вы хотите использовать на веб-сайте
- Что люди могут делать на сайте
- Языковые параметры
- Логотипы и цветовые схемы
- Какой тон голоса следует использовать
- Краткий пример или аналогичный веб-сайт и что попробовать включить
- Бюджет и сроки
Сохранение целевой демографии в памяти
В настоящее время, сайты заполняют самые разные ниши, отчасти потому, что там очень много разных людей.Вы создаете сайт для местной аудитории или пытаетесь расширить свой бренд и охватить большую группу? Предназначен ли веб-сайт для молодого поколения, старшего поколения или их комбинации?
Это те вопросы, на которые вам нужно ответить в своем брифинге, чтобы человек, выполняющий проект, знал, что делать. Например, если вы создаете веб-сайт для пожилых людей, вы должны использовать более крупный шрифт, ссылки, встроенные в текст привязки, будут видны пользователю, и не должно быть большого количества фоновой анимации, потому что она будет отвлекает.
Это полная противоположность тому, что вы сделали бы с детьми и подростками. С молодыми людьми вы можете использовать анимацию и различные изображения. Хороший дизайнер знает, где тонкая грань между потрясающим и беспорядочным. Они также использовали яркие цвета и играли с цветовым решением, чтобы сделать сайт интересным.
Функциональность
Разные сайты могут делать разные вещи. Однако все сайты должны иметь общие черты, например плагины социальных сетей, вкладку часто задаваемых вопросов, контактную информацию и вкладку навигации.
Если сайт продает продукт, вам следует поговорить с дизайнером о добавлении раздела для отзывов клиентов. Если сайт продает продукт, вам необходимо сообщить, какие формы оплаты будут приниматься на сайте.
Если вы пытаетесь создать площадку для запуска или новостной сайт, сообщите, как должна выглядеть домашняя страница. Это должны быть разные плитки с названиями разных статей или это должен быть список, идущий вниз по странице? Кроме того, как следует организовать сайт? Продолжая пример с новостным сайтом, вы можете добавить ленту с разными типами статей, такими как финансы и стиль.
Параметры языка
Независимо от того, где вы живете в мире, различные группы людей найдут свой путь на ваш сайт; об этом важно помнить при написании брифа. Некоторые веб-сайты теперь включают различные флаги над навигационной лентой или аббревиатуры разных стран, чтобы пользователи могли переводить веб-сайт без использования внешнего программного обеспечения.
Включив эту функцию на свой сайт, контент станет более доступным, побуждая людей оставаться на сайте дольше.Если они останутся дольше, они с большей вероятностью будут просматривать другие разделы сайта или делать покупки в зависимости от того, предназначен ли сайт для информирования или облегчения торговли.
Использование логотипов и дополнительных цветовых схем
Важно отметить это, потому что красивый сайт может быть разницей между тем, кто останется на нем или перейдет на сайт конкурента. Если вы используете логотип, подумайте об этом логотипе и сообщите дизайнеру, что вы хотите использовать аналогичную цветовую схему.
Если ваш логотип и цветовая схема не дополняют друг друга, это создает ощущение разрозненности, которое заставит людей уклоняться от вашего сайта. Указание цветовой палитры в брифе поможет полностью этого избежать.
Использование тона и стиля
Этот элемент важен не обязательно для эстетической ценности веб-сайта, но для его удобочитаемости. Тон зависит от двух вещей: аудитории и настроения. Вы бы написали для взрослого иначе, чем для малыша.
Поиграйте, какие слова вы бы использовали и в каком порядке вы можете передать одно и то же разным людям, используя два разных предложения. При создании веб-сайта с молодой целевой аудиторией вам придется создавать более короткие предложения и более прямо говорить о том, что вы говорите.
В то время как тон — это то, что вы говорите, стиль — это то, как вы это говорите. Допустим, ваш сайт больше ориентирован на профессионалов в определенной области. Вы не стали бы использовать восклицательные знаки или сокращения так часто, как в более повседневных вещах.
Это потому, что использование сокращений помогает освободить язык. Использование , это против , например, , делает веб-сайт менее жестким. Веб-сайт будет иметь один из четырех общих стилей написания: пояснительный, описательный, повествовательный или убедительный.
В Интернете есть множество инструментов и сервисов, таких как WritingJudge, Grammarly, TrustMyPaper, BestEssay.Education и Hemingway, которые могут помочь вам настроить тон и голос вашего текста в соответствии с потребностями вашей целевой аудитории.
Передача стиля веб-дизайнеру также поможет им создать фон, дополняющий содержание, написанное на вашем веб-сайте. Стиль также может относиться к самому макету. Подумайте об элементах, которые вам нравятся, и постарайтесь включить их в дизайн веб-сайта.
Скандинавский дизайн, например, ориентирован на простоту, минимализм и функциональность. Его использование четких линий и нейтральной палитры придает чистый вид любому дому, и если эти же концепции применяются в процессе веб-дизайна, он создает гладкий и элегантный вид сайта.
Примеры веб-сайтов и почему они хорошо спроектированы
Мы собираемся сосредоточиться на двух разных веб-сайтах и на том, что у каждого из них было хорошо. Это титан социальных сетей Facebook и спортивный сайт ESPN.
Отличным примером концепции использования разработки веб-сайтов с дополнительными цветовыми схемами к их логотипу является Facebook. В логотипе Facebook есть белая буква на синем фоне. Панель вверху страницы синего цвета.
Хотя интерфейс кажется загроможденным, однако при ближайшем рассмотрении команда дизайнеров отлично поработала, добавив пустое пространство, чтобы разбить различные разделы.
На сайте ESPN тоже много чего происходит, но все вместе хорошо работает. У вас есть статьи, которые вы можете прочитать, и оценки, которые вы можете проверить, но есть также фоновые видеоролики, которые информируют вас по различным темам.
Этот сайт также использует плавные переходы, сохраняя чистый пользовательский интерфейс. Над навигационной лентой отображаются результаты по различным видам спорта, а также плагин для различных лиг фэнтези-спорта. Это делает сайт ESPN универсальным магазином для всего, что связано со спортом.
Уведомление о крайних сроках
Из всех разделов этой статьи, возможно, сложнее всего сообщить о сроках. Жизнь случается, и веб-дизайнер может пытаться совмещать несколько проектов. Из-за этого могут не соблюдаться сроки. Вместо того, чтобы говорить, что проект должен быть завершен через месяц, скажем, что вы хотели бы видеть отчеты о ходе выполнения каждый четверг.
Это позволяет увидеть сайт по мере его развития. Разбив его на более мелкие задачи, вы можете решить то, что вам не нравится, прямо во время проверки, вместо того, чтобы дизайнеру пришлось настраивать свой конечный продукт.
Не бойтесь обращаться к веб-дизайнеру. Лучше обратиться за неделю до крайнего срока и узнать, что сайт будет завершен с опозданием, чем изучать это на следующий день после установленного срока.
Бюджет
Бюджет должен состоять из двух частей: стоимость веб-сайта и плата, связанная с оплатой времени дизайнера. Как правило, чем более детализирован веб-сайт, тем больше вы за него платите.
«Чем больше опыта кто-то привносит в разработку проекта, тем дороже будут стоить его услуги, но это потому, что они смогут предоставить лучший продукт.»- Диана Аджадж, внештатный писатель по UX в Studicus.
Заключительные мысли о брифах для веб-дизайна
Написание брифа — процесс трудоемкий, но необходимый. Когда вы четко доносите до дизайнера свои идеи и цели, вы не только даете им представление о том, что они должны строить, но и получаете беспристрастную основу.
Это становится полезным, когда вы говорите о том, чего хотите достичь, и они могут дать обратную связь или задать вопросы, которые вы, возможно, пропустили.Пока дизайнер придерживается краткости и бюджета, у вас обязательно будет веб-сайт, который не только соответствует вашим потребностям, но и превосходит их.
ОБ АВТОРЕ
Кристин Сэвидж — выпускница факультета английской литературы. Она заинтересована в написании и планирует опубликовать свою книгу в ближайшем будущем. Она закончила учебу в прошлом году, но уже является настоящим экспертом в творческом и понятном представлении текста, поэтому она старший редактор Grab My Essay и постоянный участник WoWGrade и Supreme Dissertations.Тексты, которые пишет Кристин, всегда информативны, основаны на качественных исследованиях, но, тем не менее, их приятно читать.
Как написать эффективное брифинг по веб-дизайну и разработке
Краткое описание веб-дизайна и разработки — это важный документ, который клиенты должны предоставить при представлении проекта цифровому агентству. Он должен охватывать цели проекта, желаемые результаты для пользователей, элементы, которые должен содержать веб-сайт с точки зрения содержания, направления дизайна, требований к функциональности и любых конкретных технических потребностей.
Зачем вам его создавать?
Время, затраченное на создание краткого описания веб-дизайна и разработки, гарантирует, что и клиент, и агентство понимают, что требуется, и ожидаемые результаты. Он не должен оставлять места для сомнений и предположений, помогая устранять ошибки.
Как клиент, результатом написания хорошего брифинга является то, что вы подробно обдумаете, чего вы хотите достичь от проекта, и четко изложите свои ожидания агентству.
Какая информация должна быть включена в бриф?
Ниже приводится разбивка того, что, по нашему мнению, следует охватить в рамках хорошего брифинга в качестве руководства:
Обзор и требования
- Предоставьте краткий обзор вашего бизнеса и проекта
- Опишите текущую ситуацию с вашим существующим веб-сайтом ( если применимо): Что работает? Что нужно улучшить? Какие элементы вы хотели бы сохранить?
- Объясните, зачем нужен проект: Датирован ли существующий веб-сайт? Изменилась ли ваша бизнес-стратегия? Испытывают ли пользователи трудности с навигацией по сайту?
Цели и задачи веб-сайта
- Обозначьте цели веб-сайта: хотите ли вы повысить узнаваемость бренда, привлечь клиентов, продвигать услуги, увеличивать продажи?
Требования к удобству использования
- На кого ориентирован веб-сайт?
- Есть ли у этих аудиторий какие-то особые характеристики?
- Как они будут заходить на сайт (мобильный, планшет, компьютер)?
- Будет ли ваш сайт ориентирован на людей с требованиями доступности?
- Что вы хотите, чтобы пользователи думали, чувствовали и делали, когда они находятся на сайте?
Стиль
- Перечислите несколько сайтов, внешний вид которых вам нравится, и примеры конкретных элементов, которые вы хотели бы подражать
- Опишите, как вы хотите, чтобы сайт выглядел
- Есть ли у вас какие-либо рекомендации по использованию бренда следить?
Функциональные возможности и технические требования
- Укажите, чего пользователи должны быть в состоянии достичь на месте.
- Должен ли быть веб-сайт с управляемым контентом? Что должны уметь делать менеджеры сайтов?
- Нужно ли вашему сайту интегрироваться с какими-либо другими системами, такими как клиентские области входа в систему?
- Какие типы взаимодействия с пользователем, например разделы комментариев, потребуются?
- Ваш сайт должен быть многоязычным?
- Должны ли на вашем сайте быть формы и загрузки для заполнения пользователем?
- Вы являетесь владельцем домена?
- Вам нужен хостинг?
- Должен ли ваш сайт быть написан на определенном языке программирования?
Контент
- Есть ли у вас навыки и ресурсы, необходимые для проведения аудита контента вашего существующего веб-сайта?
- Кто будет нести ответственность за создание контента (внутреннего или внешнего), или вы используете существующий контент?
- У вас есть корпоративные изображения, фотографии или видео?
Цифровой маркетинг
Стратегия цифрового маркетинга веб-сайта часто упускается из виду при рассмотрении краткого описания веб-сайта.Продвижение вашего веб-сайта с точки зрения увеличения видимости в поисковых системах и создания чувства заинтересованности жизненно важно для дальнейшего успеха сайта.
Существует ряд мероприятий цифрового маркетинга, которые вы должны учитывать:
- Маркетинг в социальных сетях
- Поисковая оптимизация (SEO)
- Реклама с оплатой за клик (PPC)
- Электронный маркетинг
- Контент-маркетинг — блоги, видеоконтент , соцсети, инфографика
- Баннерная реклама
- Партнерский маркетинг
Бюджет
- Какой бюджет на дизайн и разработку сайта?
- Есть ли бюджет на текущую поддержку и обслуживание?
- Есть ли бюджет на цифровой маркетинг? Если так, то как долго?
Это всего лишь несколько указателей, которые вы, возможно, захотите включить в краткое описание веб-дизайна и разработки; Надеюсь, они помогут.
Удачи вам с заданием по дизайну вашего веб-сайта и не забывайте сообщать о любых проектах по разработке. Свяжитесь с нами, даже если это просто неформальный разговор о ваших потребностях.
Краткий шаблон веб-сайта | Шаблон краткого описания веб-дизайна
Шаблон краткого описания веб-дизайна остается одним из самых мощных инструментов, которые вы когда-либо могли использовать, чтобы вывести свой бизнес фрилансера на новый уровень. В 2019 году вам придется заниматься фрилансом иначе, чем в прошлом, особенно если ваши предыдущие усилия не принесли желаемого успеха.В связи с этим было бы здорово поискать инструменты, которые увеличивают ваши шансы сделать именно это. Упомянутый выше шаблон делает все это и многое другое. В некотором смысле он также действует как маркетинговый инструмент и немного рассказывает вашим клиентам о вас.
Время и деньги — два самых важных актива или инструмента для веб-дизайнера-фрилансера. При этом многие дизайнеры теряют много времени и денег. К сожалению, они не могут вернуть то, что потеряли. Краткое описание дизайна веб-сайта может помочь таким консультантам перестать нести ненужные убытки.Это защищает консалтинг. Бриф защищает вас. Бриф также защищает ваших клиентов. Короче говоря, это приносит пользу всем, как вы увидите ниже.
Что шаблон брифинга по веб-дизайну говорит клиентам о вас как о фрилансере?
Изображение предоставлено: slideshare.net 1. В шаблоне краткого описания веб-дизайна укажите, чем вы занимаетесь.Важно, чтобы клиенты знали, что вы делаете. Они должны знать, почему вы считаете, что лучше всего подходите для той работы, которую им нужно выполнить.В веб-дизайне некоторым клиентам-фрилансерам нужны дизайнеры с особыми навыками, обучением и опытом. То, что вы делаете, является важной информацией, которая может определить, получите ли вы проект, на который вы претендуете. Он дает клиентам некоторое представление о ваших возможностях. Рассказывая клиентам, чем вы занимаетесь, вы становитесь на порог. Что вы будете делать после этого, зависит только от вас!
2. Добавьте свой опыт в шаблон краткого обзора веб-дизайнаЭто все о впечатлениях.Клиенты должны знать, новичок вы или опытный фрилансер, прежде чем доверять вам свои проекты. Некоторые клиенты не прочь нанять новичка. Однако по большей части те, с кем вы сталкиваетесь, будут уделять особое внимание опыту. Ваш опыт говорит о многом. Он информирует клиентов о том, что у вас есть набор навыков, необходимых для работы. Вдобавок ваш опыт говорит миру, что вы знаете, о чем говорите. Шаблон краткого описания веб-дизайна транслирует ваш опыт!
Однако отсутствие опыта не должно удерживать вас от того, чтобы стать фрилансером!
3.Укажите, насколько велик (или мал) ваш бизнес в шаблоне брифинга по веб-дизайнуВ фрилансе размер вашей операции может очень хорошо определить, попадете ли вы в шорт-лист для некоторых проектов или нет. Почему? Что ж, некоторые клиенты непреклонны в том, что им нужны только фрилансеры с крупными операциями. Другие предпочли бы поручить свои проекты консультантам, которые занимаются небольшими операциями. Вопрос размера не ограничивается только людьми, которым нужна внештатная работа. Клиенты также считают, что эта информация имеет решающее значение для того, чтобы помочь им выбрать одного фрилансера по сравнению с другим, особенно когда все остальное кажется похожим.
Кредиты изображений: filestage.io 4. Ваш идеальный клиент для шаблона брифинга по веб-дизайнуВ шаблоне брифинга по веб-дизайну вы, возможно, не в состоянии рассказать всему миру, кто ваш идеальный клиент является. Тем не менее, эта проблема, вероятно, станет очевидной при выборе слов, которые вы употребляете. Более того, бриф, скорее всего, будет содержать список или намек на некоторые из ваших ожиданий от клиентов. Таким образом, клиенты знают, как им следует взаимодействовать с вашей консалтинговой компанией в будущем.Следовательно, в некотором смысле краткое описание дизайна помогает вам сообщить миру, каких клиентов вы ожидаете работать в рамках вашей консалтинговой компании.
Изображение предоставлено: popteenus.com 5. Определение целевой аудитории с помощью шаблона краткого описания веб-дизайнаДля фрилансеров полезно заранее узнать целевую аудиторию своих клиентов. Таким образом, фрилансер может сосредоточиться на разработке веб-сайта, который точно удовлетворяет потребности аудитории. Без этой информации внештатный дизайнер остался бы блуждать в темноте, делая многочисленные предположения.Результатом этого будет такой веб-сайт, который практически не привлекает трафика, что еще больше расстраивает и злит клиента, заказавшего его.
Определение целевой аудитории веб-сайта — важнейший аспект веб-дизайна.
6. Призыв к действию с шаблоном краткого описания веб-дизайнаВы можете не знать об этом, но все веб-сайты должны иметь призыв к действию (CTA). Наиболее распространенная версия состоит в том, что каждая веб-страница или контент на каждой странице должны иметь CTA.Однако крайне важно дать вашему сайту общий или общий призыв к действию. Что ваш клиент-фрилансер ожидает от посетителей, пока они находятся на сайте? Это действие или шаг, предпринимаемые каждым посетителем, составляет CTA веб-сайта. Сообщите об этом клиенту, используя бриф на дизайн веб-сайта.
Некоторые общие примеры CTA веб-сайтов включают:
- Подписка на информационный бюллетень
- Покупка продукта, проданного на сайте
- Отправка электронного письма в организацию клиента
- Публикация комментариев к нескольким сообщениям, опубликованным на веб-сайте или в блоге
- Клиенты, просящие бренд связаться с ними
- Воспользуйтесь горячей линией или службой чата на сайте
- Запись на прием
Обычно клиенту есть что продать. По большей части это может быть товар или услуга. Тем не менее, в кратком описании дизайна веб-сайта должно быть указано что-то, что веб-сайт будет продвигать. Затем задача фрилансера будет включать в себя поиск творческих способов продвижения продукта или услуги, о которых идет речь. То, что он продвигает, отличается от продвижения веб-сайта, о чем также должны договориться и клиент, и дизайнер-фрилансер.
В брифе также необходимо рассказать об уникальном позиционировании веб-сайта / клиента (UPS).
Изображение предоставлено: executionists.com 8. Как справиться с конкурентами с помощью шаблона краткого описания веб-дизайнаВсе или большинство веб-сайтов являются предприятиями электронной коммерции. В связи с этим можно с уверенностью сказать, что у всех есть конкуренты. В мандат консалтинговой компании входит помощь клиентам в выявлении их конкурентов. Что еще более важно, работа консультанта также будет включать в себя разработку способов, с помощью которых клиент может справиться с этой конкуренцией.В противном случае перед клиентом встала бы трудная задача позиционировать веб-сайт как лучший в своей нише или отрасли, когда существуют лучшие альтернативы.
В кратком описании дизайна веб-сайта расскажите клиентам, как вы будете получать информацию об их посетителях.
9. Спросите, каков бюджет клиента, в шаблоне брифинга по веб-дизайну.Важно спросить клиентов об их бюджетах, прежде чем начинать какой-либо проект по веб-дизайну. Информация поможет вам обоим. Это помогает вам планировать, основываясь на том, что клиент готов предложить, не неся при этом финансовых потерь.Это помогает клиентам определить, лучше ли им обратиться к другому внештатному веб-дизайнеру, если ваша плата оказывается выше, чем они могут себе позволить. По этой причине расскажите в брифе о бюджете и стоимости проекта.
Как уже упоминалось, краткое описание дизайна веб-сайта помогает дизайнерам-фрилансерам вести успешный бизнес.
Теперь, когда вы все это знаете, важно принять шаблон краткого обзора веб-дизайна. Сделайте его неотъемлемой частью инструментов, необходимых для успешного ведения бизнеса фрилансера.В конце концов, именно от него зависит, каких клиентов вы получите. Кроме того, шаблон информирует клиентов о предлагаемых вами услугах. Поэтому используйте этот шаблон, чтобы рассказать о своем опыте работы в конкретной нише или типе веб-сайтов, которые ваш клиент хотел бы, чтобы вы разработали. Помните, шаблон — ваш союзник во фрилансе!
.