Карта сайта
|
|
Бриф на сайт. Важность документа и тонкости заполнения — Дизайн на vc.ru
« Бриф позволит клиенту систематизировать все мысли и пожелания относительно сайта »
Валерия, Руководитель отдела проектов Digital Breath
21 090 просмотров
Бриф — первая ступень на пути к созданию сайта
Полный, продуманный бриф — это залог экономии времени и денег не только заказчика, но и исполнителя. Из опыта мы знаем, когда клиент точно понимает, чего он хочет, результат будет отличным! Именно поэтому мы начинаем сотрудничество по созданию готового продукта (в нашем случае — сайта) с брифа.
Что же это за птица такая? Бриф — документ, который содержит список вопросов относительно выполнения конкретной задачи. Предоставляя информацию исполнителю, заказчик дает ответы, позволяющие назвать конечную сумму работы, а также сроки исполнения. Благодаря брифу на создание сайта мы понимаем, какой результат готов видеть клиент. Бриф на сайт содержит, как правило, 10-12 пунктов. Это наиболее подходящий вариант, чтобы обсудить заранее основные этапы работы. Заполнять его необходимо осмысленно, “не для галочки”, расставляя приоритеты, выделяя главное.
Какие вопросы и почему должны быть включены в бриф?
Отметим, что бриф пишется под конкретную задачу. Если это создание сайта, то все ответы будут сосредоточены вокруг данной темы. У клиента должен быть выбор из 4-5, а лучше 6 вариантов решений на каждый вопрос. И обязательно свободная строка, где он может вписать свой вариант ответа.
- Контактные данные
Данный пункт брифа обязателен: во время работы над проектом вашего сайта потребуются уточнения деталей, внесение корректировок. Поэтому так важен телефон и адрес электронной почты человека, который сможет принимать решения и одобрять варианты дизайна, с кем можно будет согласовывать текущие моменты. Чаще всего эту задачу принимает на себя руководитель, в более крупных компаниях — один из заместителей или компетентный сотрудник, имеющий опыт в решение подобных вопросов.
- Сфера деятельности и конкуренты
Небольшой рассказ о компании позволит нам составить свое представление о целях и работе компании в целом. Нам нужно понимать, в чем состоит ваш бизнес, какие задачи он решает, что является конечным продуктом. Чтобы вывести сайт в ТОП, нам потребуется изучить методы работы ваших конкурентов. Мы проведем анализ — за счет чего конкурирующие компании повышают продажи, насколько эффективные инструменты используют, а главное — что поможет вам их обойти и увеличить свой доход.
- Какова цель?
Одним из первых вопросов брифа является определение цели создания сайта.
- Целевая аудитория
Определяемся с целевой аудиторией. Нам нужно понимать, для кого мы создаем сайт, кто будет на нем покупать. Портрет представителя целевой аудитории поможет определить инструменты для работы, составить список отдельных задач, чтобы добиться цели.
Пример брифа для разработки дизайна сайта
- Масштабы работ
Оценить объем проделанной работы клиент сможет только на завершающем этапе. Сначала мы определяемся с подбором модулей для будущего веб-ресурса. Определение структуры сайта, его разделы, которые клиент хотел бы видеть, также прописываются в данном вопросе.
Модули сайта: нужны ли опросы, голосование, где будет размещаться и нужен ли вообще поиск по сайту, будет ли прием платежей через сайт или клиенты будут покупать услуги и товары в офлайне и необходима только реклама.- Удачные примеры готовых сайтов
Мы просим клиента привести примеры наиболее удачных, с его точки зрения, сайтов, которые впоследствии будут для нас служить ориентиром в работе. Если заказчик затрудняется, примеры приводим мы и просим отметить, что нравится на конкретном веб-ресурсе, а что — нет. На основании ответа на этот вопрос мы составляем представление о результате, который хочет видеть наш клиент.
- Дизайн сайта
Дизайн сайта — один из ключевых моментов работы над созданием веб-ресурса. Чаще всего варианты дизайна различаются бюджетом: если используется шаблон — стоимость одна, если вы хотите создать уникальный стиль с использованием логотипа, с привлечением профессиональных фотографов, операторов — цена будет выше. В данном вопросе нам важно понять, на чем клиент хочет акцентировать внимание посетителей сайта: на выгодных ценах, на оригинальности предлагаемых товаров и услуг или на логотипе компании и ее слогане. Нужно ли использовать графику? Каким в итоге должен быть сайт — традиционным или модным?
- Материалы для сайта
Наши заказчики за время работы уже имеют подборку фотографий, видеосюжетов, которыми бы они хотели поделиться со своей аудиторией. В этом пункте мы просим клиента рассказать, какие материалы для сайта он хочет использовать. Будут ли это примеры готовых работ, прайс-лист или фотографии с проведенных мероприятий — мы используем их в рассказе о вашей работе, чтобы сделать ваш веб-ресурс интересным и живым.
- Языковые версии
Часто компании, которые создают свой сайт, планируют выйти (или уже вышли) на зарубежный рынок. Чтобы взаимодействовать со своими клиентами, проживающими в других странах, создается чаще всего англоязычная версия сайта. Данный вопрос также обсуждается заранее и создаются две (или даже три) языковые версии веб-ресурса.
- Сроки выполнения работы
В брифе на разработку сайта прописываются сроки выполнения работы. Нужно понимать, что за 1 день многостраничник не создать. Над ним будут трудиться такие специалисты нашего агентства, как дизайнеры, копирайтеры, программисты, аналитики, фотографы. Конечный продукт — это работа всей нашей команды.
Бриф — основа ТЗ
На основании ваших ответов в брифе мы формируем техническое задание, которое потом станет основным руководством для всего агентства при работе с сайтом. Всё, что вы напишите в брифе, и станет результатом проводимой работы. Как вы поработаете над своими ответами — таков будет и результат.
Полезные рекомендации
Помогайте клиенту!
Бриф позволит клиенту систематизировать все мысли и пожелания относительно сайта. Если заказчик ознакомится с перечнем возможного функционала, где будут представлены форма обратной связи, каталог товаров или онлайн-консультант, то среди них выберет те, что нужны именно ему.
Найдите своего заказчика!
Те, кто тратит на составление брифа 10-15 минут, вряд ли по-настоящему серьезно относятся к процессу создания сайта. Из нашего опыта становится понятно, что такие клиенты больше из любопытства отвечают на вопросы брифа.
Бриф всегда утверждается заказчиком!
Даже если вы сидели вместе и трудились в поисках ответов на конкретные вопросы вместе с клиентом, не забудьте отправить ему готовый бриф на электронную почту. Пусть он перечитает все еще раз и подпишет. Утвержденный подписью бриф даст понимание, что заказчик все-таки хочет. Заполняя со слов клиента, вы, подсказывая ответы, можете принимать за него решение, а на деле окажется, что ему нужно совсем другое.
Надеемся, что статья оказалась для вас полезной!
Краткий обзор дизайна веб-сайта — Бесплатный шаблон и пример
Домашняя страница
Шаблоны
Творческие описания
Используйте этот шаблон
Как использовать этот шаблон
Независимо от того, являетесь ли вы моушн-дизайнером, креативным директором или клиентом, выполните этот шаг — пошаговое руководство, чтобы изучить современный процесс написания вдохновляющего брифа в Milanote, бесплатном инструменте, используемом ведущими креативщиками.
1. Начните с пустого шаблона
Шаблон краткого описания веб-сайта заполнен вопросами, идеями и заполнителями изображений, которые помогут вам написать краткое описание за считанные минуты.
Как это сделать в Milanote
Создайте новую доску для своего брифа.
Создать новую доску
Перетащите доску с панели инструментов. Дайте ему имя, затем дважды щелкните, чтобы открыть его.
Выберите шаблон Краткий обзор дизайна веб-сайта .
Выберите шаблон
Каждая новая доска дает вам возможность начать с красивого шаблона.
2. Определить предысторию проекта
Первое, что нужно определить, это то, почему проект происходит. Проведите время со своим клиентом, пусть он расскажет вам о видении своими словами и задаст такие вопросы, как… Какую проблему пытается решить этот проект? Что к этому привело? Что изменится, если этот проект будет успешным?
Джон С. Джей из Wieden+Kennedy описал важность полного понимания проблемы, сказав: «Чем яснее сформулирована проблема, тем лучше будет работа».
Как это сделать в Milanote
Добавьте примечание, описывающее цель проекта.
Перетащите карточку с заметками на доску
Начните печатать, затем используйте инструменты форматирования на левой панели инструментов.
3. Напишите четкие цели и результаты
Как вы узнаете, успешен ли проект? Наличие четкой, реалистичной и измеримой цели поможет вашей команде оставаться на одной волне. Например, вы пытаетесь увеличить количество потенциальных клиентов или удвоить количество запросов о продажах за 1 год? Наряду с этим перечислите любые конкретные результаты, которые помогут вам достичь вашей цели.
Как это сделать в Milanote
Добавьте примечание, описывающее цель проекта.
Перетащите карточку с заметками на доску
Начните печатать, затем используйте инструменты форматирования на левой панели инструментов.
Создайте новый список дел для конкретных результатов.
Перетащите список дел на доску
Начните печатать, затем нажмите «Ввод», чтобы создать новый элемент. Добавьте заголовок в свой список дел, используя левую панель инструментов.
4. Определите целевую аудиторию
Здесь вы описываете конкретный тип аудитории и детализируете, что для нее важно. Это поможет вам создать веб-сайт, который говорит на их языке и вдохновляет их на действия. Кто они?
Какая у них проблема или боль? Каковы их текущие отношения с продуктом или услугой? Как этот проект повлияет на них? Ответы на эти вопросы позволят вашей команде подумать о проблеме с точки зрения вашей аудитории.
Как это сделать в Milanote
Добавьте примечание с описанием аудитории.
Перетащите карточку с заметками на доску
Начните печатать, затем используйте инструменты форматирования на левой панели инструментов.
Выберите фото, которое будет представлять вашу аудиторию.
Используйте встроенную библиотеку изображенийНайдите более 3 миллионов красивых бесплатных фотографий, а затем перетащите изображения прямо на доску. Разработано Pexels.
5. Включите ссылки на бренд
Добавьте любые дополнительные материалы, которые помогут вашей команде узнать бренд. Опишите тон голоса, ценности бренда, цвет, шрифт, характеристики логотипа и другие соответствующие рекомендации. Это дает каждому легкий доступ к важным активам в рамках проекта и экономит время на просмотр электронных писем и папок.
Как это сделать в Milanote
Добавить файлы и документы бренда на доску
Загрузить файл или документНажмите кнопку «Загрузить» или просто перетащите файл на доску. Вы можете добавлять изображения, логотипы, документы, видео, аудио и многое другое.
6.
Поделитесь кратким описанием с вашей командойПосле того, как вы внесли последние изменения, пришло время поделиться заполненным техническим заданием с вашей командой, организовать стартовое совещание и начать проект.
Как это сделать в Milanote
Поделитесь ссылкой только для чтения на бриф.
Поделиться ссылкой только для чтения с другими.Нажмите Поделиться в правом верхнем углу доски. Вы можете добавить приветственное сообщение для зрителей, разрешить комментарии, установить пароль или встроить доску в другое приложение или на веб-сайт.
Создайте учетную запись
Шаблон краткого описания веб-сайта – бесплатная загрузка и объяснение
Не существует стандартного способа подготовки краткого описания веб-сайта. Суть заключается в том, чтобы убедиться, что ваше агентство веб-разработки понимает ваши требования, и убедиться, что готовый веб-сайт достигает ваших целей.
Мы занимаемся созданием веб-сайтов с 2010 года, и мы получили сводки, которые начинались как однострочники, которые нам пришлось расширить, и мы получили сводки веб-сайтов размером с небольшую книгу. Каким бы ни был размер брифа веб-сайта, мы находим, что каждый хороший краткий обзор того, чего должен достичь новый веб-сайт.
Не переусердствуйте с тем, что должно быть в брифе для нового сайта. Сосредоточьтесь на целях вашего нового сайта и убедитесь, что ваши разработчики понимают эти цели. Если они понимают, чего вы пытаетесь достичь, они помогут вам создать сайт, предназначенный для достижения этой цели.
Приведенный ниже краткий пример проекта веб-сайта включает вопросы, которые мы обычно задаем, когда помогаем клиенту подготовить информационный документ веб-сайта, и это шаблон краткого веб-сайта, с которого мы обычно начинаем на предварительном совещании.
Если вам нужен пустой шаблон брифинга для веб-сайта, вы можете скачать его ниже.
Скачать пустой шаблон краткого описания веб-сайта в Word
Скачать пустой шаблон краткого описания веб-сайта в формате PDF
Введение в краткое описание вашего веб-сайта
Введение в краткое изложение вашего веб-сайта должно задавать тон. Расскажите о миссии бизнеса. Чего вы хотите добиться от своего нового веб-сайта? Объясните свою позицию на рынке, например, являетесь ли вы премиальным сервисом, продуктом или местоположением? Зачем вам новый сайт? Что происходит внутри и за пределами вашей компании, чтобы создать потребность в новом сайте? Какие цели, по вашему мнению, он достигнет и когда?
Какие проблемы вы пытаетесь преодолеть, сталкиваясь с вашим текущим веб-сайтом, и как они мешают бренду полностью реализовать свой потенциал?
Коммерческие целиВ этой части краткого описания веб-сайта вы должны указать качественные и количественные коммерческие цели вашей организации. Понимание того, как веб-сайт соответствует этим коммерческим целям, поможет определить приоритеты дизайна и структуры сайта. Типичной качественной целью может быть улучшение восприятия бренда среди его ключевых клиентов и заинтересованных сторон, измеряемое с помощью Net Promoter Score до и после создания.
Для качественных целей обратите внимание на области, в которых ваш сайт оказывает влияние. Ваша цель может состоять в том, чтобы увеличить количество продаж с вашего сайта, но для этого потребуются другие показатели, такие как более низкий показатель отказов или большее количество вернувшихся посетителей. Определение ваших количественных KPI в кратком процессе позволяет веб-дизайнерам, специалистам по стратегии пользовательского опыта и специалистам по оптимизации коэффициента конверсии работать над тем, что легко определяется как цель, а не тянуть так, как они считают лучшим.
Конечно, наши блестящие умы заставят Патча увидеть возможности для достижения других ключевых показателей эффективности организации, поэтому лучше перечислить как можно больше.
Целевая аудитория/рынкиОбычно вы думаете, что это то, что хочет знать ваше маркетинговое агентство, но это также важная часть описания веб-сайта. Ваши веб-разработчики должны знать рынок, аудиторию и местонахождение людей, на которых вы ориентируетесь, чтобы они могли учитывать это при разработке дизайна и определении страновых и языковых предпочтений.
Любой, кто занимается разработкой сайтов достаточно долго, может рассказать историю о непредставленном запросе на добавление языка справа налево в середине проекта веб-сайта. Даже если вы ориентируетесь только на один язык и одно местоположение, вы захотите указать это на своем новом сайте.
Нам нравится рассматривать образы покупателей и брать уроки из таких книг, как «Дифференцируй или умри» Джека Траута и Стива Ридкина, в которых говорится, что в мире с множеством линеек продуктов гомогенизация между брендами встречается еще чаще, поэтому, углубляясь в вашу аудитории и дифференцировать себя является ключом к установлению вашего места на рынке. Ваш веб-сайт имеет основополагающее значение для информирования об этом.
Конкуренты
Вы хотите, чтобы ваш веб-сайт был на шаг впереди ваших конкурентов, верно? Имеет смысл включить ваших конкурентов в бриф вашего веб-сайта. Веб-дизайнеры и разработчики изучат сайты конкурентов, чтобы создать новый сайт, который будет лучшим на вашем рынке.
Помимо перечисления конкурентов может быть полезно указать все, что вам нравится, не нравится или что вы пробовали раньше, но не смогли.
Дизайн и функции веб-сайта
В этой части вы составляете свой список пожеланий и думаете о том, какую роль веб-сайт должен играть в комплексе маркетинга. Мы настоятельно рекомендуем привлекать коллег к подготовке брифа для сайта. Новый веб-сайт — это крупный проект, который для большинства брендов происходит раз в несколько лет.
Результат вашего нового веб-проекта повлияет на эффективность вашего бренда и различных отделов вашей компании в течение следующих нескольких лет. Привлеките людей, которые знают и используют ваш текущий сайт, и попросите их совета о том, какие функции и функции вам следует включать, а какие нет.
Текущие активы брендаАктивы и руководящие принципы, которые бренд имеет о себе, варьируются от бизнеса к бизнесу, чем больше информации можно предоставить на этом этапе, тем лучше определить особенности дизайна нового веб-сайта. Это может быть представлено в виде логотипов, изображений и печатных материалов, вплоть до более продвинутых активов бренда, таких как тон голосовых указаний и цветовых палитр.
Текущий веб-сайтВ этой части веб-сайта дайте более подробную информацию о вашем текущем веб-сайте. Что он сделал хорошо, где он боролся? Какие замечательные вещи на этом сайте должны быть воспроизведены на новом сайте, а какие не очень замечательные вещи вы хотели бы увидеть на обратной стороне.
Будьте честны в том, что вам нравится в вашем текущем веб-сайте, что, как вы знаете, работает хорошо, и любые внешние отзывы, которые вы, возможно, получили от заинтересованных сторон, этот опыт очень редко можно воспроизвести в агентстве, поэтому полная честность является ключевым моментом. здесь нет такого понятия, как плохое наблюдение.
В то же время важно понимать, что вас расстраивает на веб-сайте. Это может варьироваться от проблем с функциональностью и удобством использования до отсутствующих функций или трудностей с обновлением.
Также может быть полезно перечислить некоторые сайты, которые нравятся вам и вашей команде, они не обязательно должны относиться к той же отрасли, в которой вы работаете.
Маркетинг веб-сайта нюансы того, как вы хотите продвигать веб-сайт, нужны ли вам четко определенные целевые страницы для оплаты за клик или поощрение подписки на рассылку новостей, все это может повлиять на приоритет дизайна сайта и может быть усилено дизайном сайта, который ранее учитывал ваши маркетинговые методы. к созданию сайта.Технические требования к сайту
Если у вас есть представление о технических требованиях к вашему новому сайту, вы можете изложить его в этом разделе. Если вы не уверены, ваше агентство веб-дизайна и разработки может изучить ваши текущие требования к веб-сайту и дать рекомендации.
На данном этапе не беспокойтесь о новом макете или структуре веб-сайта, ваши разработчики сделают это за вас. Все, что им нужно знать, — это ориентир того, насколько большим будет новый сайт, если он будет похож на ваш текущий, вы можете сказать это, но если у вас есть планы сделать его меньше или больше, это та часть, где вы должны указать что в кратком изложении вашего веб-сайта.
Контент сайтаКакой контент вы предоставите для нового веб-сайта и что должно быть получено или создано разработчиками, это может составлять значительную часть бюджета создания сайта.
Какой контент вы будете использовать на сайте. Будет ли это существующая копия, новая копия? Есть ли у вас библиотеки изображений и видео для включения? У некоторых брендов есть 3D-туры, выставочные залы и другие иммерсивные функции.
Помимо освещения содержания нового сайта в кратком изложении вашего веб-сайта, вы также должны указать, как впоследствии будет управляться содержание сайта. Будет ли этим заниматься член вашей команды, и в этом случае вам понадобится удобная CMS (и, возможно, обучение) или вы будете каждый раз обращаться к разработчику, и тогда вы сможете сэкономить на CMS.
Интеграция с CRM или другими системами
Когда люди создают информационный документ для веб-сайта, они иногда забывают о подключении к веб-сайту. Если ваш текущий веб-сайт интегрируется с какой-либо другой системой или использует API для сбора данных из стороннего источника, вам необходимо указать это в своем брифе.
Иногда, если у клиента сложный рабочий процесс, мы обрисовываем его в виде блок-схемы, чтобы убедиться, что все участники проекта имеют полное представление о точках данных.
Краткое описание веб-дизайнаЧасть дизайна — это краткое описание внутри краткого описания, многие люди предпочитают упоминать дизайн и включать приложение исключительно для дизайнерской части проекта.
Редко веб-разработчик одновременно является и веб-дизайнером, и хотя они работают вместе, техническое задание касается в основном дизайнера.
В разделе описания дизайна вы должны предоставить примеры сайтов и ресурсов, которые вам нравятся, принципы вашего бренда и ценности вашего бренда.
СрокиУстановите сроки в кратком описании вашего веб-сайта. Это гарантирует, что только агентства, которые могут уложиться в сроки вашего проекта, будут подавать заявки на проект.
Мы используем простую и понятную таблицу.
Agency appointed | DD-MM-YYYY |
Project start date | DD-MM-YYYY |
Site ready for testing/checking | DD-MM-YYYY |
Go live | DD-MM-YYYY |
Budget
It’s a good idea to outline your budget in краткое содержание вашего веб-сайта. Существует мнение, что если вы включите свой бюджет в описание веб-сайта, каждое агентство веб-разработки предложит максимальную цену. Это неправда. Веб-сайт подобен произведению искусства, а искусство оценивается в зависимости от его качества (и спроса).
Агентствам, с которыми вы разговариваете, необходимо знать ваш бюджет и ваше задание, чтобы создать разумное предложение, отвечающее всеобщим ожиданиям.
Не указать свой бюджет так же глупо, как не указать сроки. Если вы не откровенны в своих ожиданиях, как вы можете ожидать, что ваше агентство будет таким же.
Обслуживание сайтаРанее мы упоминали об обновлении контента с помощью CMS, но даже если у вас есть CMS и вы сами ею управляете, рано или поздно всем сайтам потребуется техническое обслуживание.
Указав, кто будет поддерживать сайт после того, как ваши веб-разработчики смогут разработать план передачи проекта команде, которая будет поддерживать его после запуска.
Если у вас нет очереди для его обслуживания, вы должны включить это в описание своего веб-сайта и спросить, может ли ваше агентство веб-дизайна и разработки предоставить услуги по обслуживанию. Брифинг для нового веб-сайта — отличное время для переговоров по соглашению об обслуживании на ближайшие месяцы или годы. Проект строительства и обслуживания может представлять собой привлекательный проект для агентства и дать вам некоторую власть на переговорах.
Обеспечение SEO-готовности сайта
Что нужно сделать новому сайту для поисковой оптимизации? Некоторых людей удовлетворяет кивок в сторону технического SEO, и они просят, чтобы их сайт набрал выше определенного балла по техническому аудиту SEO. Другие люди специально описывают запросы, такие как эффективная стратегия перенаправления, оптимизированная для SEO, или применение разметки схемы, где это уместно.
Если вы создаете краткое описание веб-сайта и хотите узнать больше о поисковой оптимизации, прочитайте наш контрольный список SEO для запуска веб-сайта.
Хостинг
Укажите, кто будет размещать веб-сайт после его создания. Если вы хотите, чтобы ваши веб-разработчики предоставили хостинг после запуска нового сайта, изложите этот запрос здесь, а также укажите технические характеристики, необходимые для хостинга.
Если вы не уверены в технических характеристиках хостинга, обратитесь в свое агентство веб-разработки, и они порекомендуют лучший хостинг для вашего нового сайта.
Вопросы и замечанияЭто похоже на «любое другое дело» на собрании. Это шанс охватить что-то еще, что не включено в другие разделы вашего веб-сайта. Это также возможность задать такие вопросы, как полномочия и опыт агентства, которому вы отправляете информационный документ.
Контакты проектаОпишите контакты проекта и их роль в проекте. Попросите своих веб-разработчиков и дизайнеров сделать то же самое с их предложением.
Требуемый ответУкажите, как вы хотели бы получить ответ и предложение и когда. Если вы хотите визуальные презентации, скажите об этом, если вы предпочитаете письменные предложения, наметьте это сейчас.