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

Регистрация исполнителей
Вход в кабинет
Простые и понятные брифы для дизайна и программирования Что такое бриф

Сайт-каталог (корпоративный)

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

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

Минимализм с английского перевода означает стиль в дизайне (не только в веб, но в других сферах). Данный стиль может характеризоваться лаконичностью выразительных образов, простотой, а также ясностью и точностью композиции. В минимализме присутствует наличие геометрических форм, и нейтральных цветов.
Это стиль представляет собой "простоту", отсутствие лишних элементов, множества цветов, форм и текстур. Основная задача минимализма - избавление от всего лишнего и придача web-дизайну максимальной функциональности. Минималистичный дизайн визуально должен доносить до пользователей основную идею сайта, создавать спокойную атмосферу, но не создавать ощущение недоделанной работы и пустоты.
Классический стиль - это стиль web-дизайна, являющийся одним из самых распространённых на сегодняшний день.
Отличительными его особенностями являются выделенная чёткая колоночная структура дизайна.
Стандартное расположение навигационного меню (вверху или в левой части сайта).
Нейтральная цветовая гамма.
Хипстер стиль - это стиль web-дизайна, который сочетает в себе современные тенденденции минимализма и яркие цвета. Совмещает в себе использование самых современных тенденций с ретро и винтажными элементами.
Бизнес стиль (деловой) - в web-дизайне используется для создания сайтов компаний связанных с бизнесом сферой. Данный стиль характеризуется сдержанностью, строгостью и консерватизмом в выборе оформления, цветов и визуальных элементов. Отличается повышенной информативностью функциональных элементов и легкостью восприятия информации на сайте.
Промо - это стиль веб дизайна, внешне немного походит на минимализм, но в более ярком его представлении, характерные его особенности, это использование всего полотна сайта, с разграничением разделов чёткими одноцветными областями. Используется для рекламных сайтов, иногда представляет собой рекламную площадку стимулирующую к покупке, часто в таком стиле делают Landing page.
Metro - это стиль web-дизайна, который отличается лёгкостью, простотой, быстротой и открытостью.
Часто его можно спуть с плоским дизайном. Для этого стиля характерно использование качественной типографики, простых элементов, хорошо продуманного контента.
Самые главные отличительная особенность metro стиля - это не подчеркивание ссылок,
и для визуализации информации используют равномерно закрашенные разноцветные навигационные квадраты.
Нестандартная геометрия - это популярный стиль web-дизайна с использованием нестандартной геометрии объектов, они прослеживается во всех элементах сайта (фоны, выделения, отдельные элементы). Самыми трендовыми геометрическими формами элементов является круг, ромб и шестиугольник (сота), реже встречаются треугольники.
Ретро стиль - это популярный стиль web-дизайна, основные его элементы беруться из 50-80 годов с плакатов, афиш, и других элементах того времени. Харктерными особенностями является использование простых форм яркоих цветов, иллюстраций, разнообразных старинных элементов дизайна, простых неброских цветов (светлыхй и пастельных тонов).
Редактировать

Укажите что из элементов фирменного стиля у вас имеется:

Также называют CI-Guideline (он же Logobook) - свод правил визуальных стандартов, описывающий построение фирменного стиля бренда или компании.
Логотип (Товарный знак) - обозначение служащее для индивидуализации компании, бренда, товара, какой либо услуги. Может быть словестное, изобразительное или комбинированное.
Особый элемент брэнда (чёткий визуальный образ), использующийся для придания компании,бренду, или товару человеческих черт, близких к определённым типам целевой аудитории.
РедактироватьЛегко воспринимаемая ёмкая и сжатая формулировка, формирующаяя образ компании,бренда товара или какой либо услуги\продукта.

Цветовые предпочтения (выберете 3 цвета):

Технические элементы web-дизайна:В данном блоке рассматриваются ключевые вопросы касательно типа дизайна и его отдельных элементов.

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

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

Видеоролик проигрывающийся при посещении сайта, перед загрузкрй главной страницы.
Один из самых популярных и новых эффектов в мире web-дизайна на сегодняшний день - это зацикленный видеофайл, который проигрывается на фоне, вместо слайдера или любого другого элемента web-страницы.
Самый популярный эффект в мире web-дизайна - это элемент web-страницы, который содержит изменяющиеся в автоматическом или ручном порядке изображения, фотограффии,ссылки, баннеры, инфографику и т.д служащий для привлечения внимания посетителя и передачи разнообразной информации.
Один из самых популярных и эффектов в мире web-дизайна на сегодняшний день - это визуальный способ подачи изображений или информации создающий эффект 3D, с помощью определённого построения объектов страницы и разности скорости их движения относительно друг друга. Возможности параллакса ограничены лишь фантазией web-дизайнера.
Технология для отображения мультипликации на web-страницах. Часто используется в качестве медийной рекламы и придания эффектного вида. Воспроизводится не всеми браузерами и устройствами
Подключение скрипта\библиотеки обеспечивающий более плавную прокрутку страницы, часто используется для того чтобы пользователь при просмотре сайта получил больше информации, нежели при быстрой прокрутке.
РедактироватьЭффекты анимации, движения объектов, текста и т.д придающие web-странице "особый" неповторимый стиль и служащие для привлечения внимания посетителя сайта и расстановке акцентов на нужных информационных блоках.
Редактировать

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

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

Функциональные элементы сайта:Элементы обеспечивающие удобство, информативность и функциональность, позволяя web-сайту выполнять поставленную задачу.

Слайдер - это функциональный элемент web-сраницы, представляющий собой информационный блок определённой ширины. В котором в автоматическом режиме или при клике\скролле меняется информация\изображение.
С его помощью можно ярко, кратко и наглядно показать самую важную информацию для посетителя сайта.
РедактироватьРекламный баннер - это функциональный элемент web-сраницы который содержит рекламную информацию, и ссылку на страницу с этой информацией.
В текстовом поле вы можете указать планируемое количество баннеров.
РедактироватьФорма обратнго звонка - это функциональный элемент web-сраницы, содержащий определённый набор данных, который заполняет посетитель сайта, для обратной связи, заказа товара итд.
РедактироватьФорма обратной связи - это функциональный элемент web-сраницы, содержащий определённый набор данных, который заполняет посетитель сайта, для обратной связи, заказа товара итд.
Подписка на рассылку - форма подписки на почтовую рассылку.
Часто содержит 1 поле для ввода e-mail и кнопки отправить.
Online-Консультант - это функциональный элемент web-сайта. Представляет собой неболшой блок, с помощью которого посетитель может получить онлайн консультацию. Отображается как привило в углу или с по бокам сайта.
Online-Вопрос - это функциональный элемент web-сайта. Представляет собой неболшой блок, с помощью которого посетитель может задать вопрос и получить ответ на E-mail
Таймер отсчёта - это функциональный элемент web-сраницы, ведущий отсчёт от определённого (заданного вручную) времени.
Часто используется для акционных товаров, или разного рода скидок.
РедактироватьБлок Социальных сетей - это функциональный элемент web-сайта, который содержит иконки социальных сетей, при клике на которые посетитель сайта перенаправляется на ту или группу\страницу социальной сети соответствующей тематике сайта.
РедактироватьВиджет сообщества - это функциональный элемент web-сайта, который связывает сайт с группой\блогом в социальной сети, позволяя не переходя на сайт социальной сети:
Видеть новости\информацию\фотограффии\акции\подписчиков.
Подписаться на новости\обновления.
Добавлять комментарии.
Отображается блоком на web-странице.
РедактироватьКомментарии - это функциональный элемент web-сайта, позволяющий посетителям оставлять комментарии.
+ Добавить вложения
Вложение
Новое вложение
Редактировать вложения
+ Добавить вложения
Голосование - функциональный элемент web-сайта, позволяющий посетителю оставлять свой голос в разнообразных опросах итд.
РедактироватьТаймер отсчёта - это функциональный элемент web-сраницы, ведущий отсчёт от определённого (заданного вручную) времени.
Часто используется для акционных товаров, или разного рода скидок.
РедактироватьКалькулятор - функциональный элемент web-сраницы. Представляет собой web-форму, с чётко заданными параметрами или полями для ввода информации. В результате заполнения которых посетитель получает определённый расчёт стоимости в зависимости от заданных параметров.
Чаще всего используется для рассчёта стоимости товара\услуги, доставки.
РедактироватьАналитические модули - это модули, которые интегрируются в код web-страницы и позволяют собирать статистику посещений.
РедактироватьУкажите языковые версии, если их планируется несколько, на которых будет ваш web-сайт.
РедактироватьКарта - это функциональный элемент web-страницы, представляет собой блок карты с отметкой показывающий те или иные регионы присутствия компании, рынков сбыта, адреса представительств и многое другое.
Редактировать
РедактироватьФильтр - это функциональный элемент web-страницы, обеспечивающий быстрый поиск необходимой страницы\товара\услуги по определённым критериям.
РедактироватьЛичный кабинет - это раздел web-сайта, доступный только для пользователя. В кабинете вы можете получить исчерпывающую информацию о состоянии вашего счёта, купленных и отложенных товарах
РедактироватьПоиск - это функциональный элемент web-сайта, который осуществляет поиск по заданным словам в базе данных сайта.
РедактироватьКарточка товара – страница в интернет магазине, которая описывает продаваемый продукт.
Редактировать
Редактировать
Редактировать

ВёрсткаСоздание HTML кода, который позволяет размещать эллементы Web-страницы (изображения, текст, линии и т.д.) согласно дизайн макету, и отображает их в окне браузера.

РедактироватьУкажите тип желаемой вёрстки.
Редактировать
РедактироватьУкажите версии браузеров, для корректного отображения. Учтите, что более старые версии браузеров могут увеличить стоимость вёрстки и наложить определённые ограничения по использованию CSS вместо JS, что увеличит нагрузку на сайт.
РедактироватьУкажите тип дисплея, устройства, для которых есть особые требования.
Семантическая разметка – делает вёрстку более понятной и структурированной, облегчает поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.
РедактироватьУкажите cпособ реализации визуальных эффектов (если они имеются)

Администрирование и управление сайтом:Этот раздел поможет вам определиться с выбором CMS (Content Management System) и наполнением сайта контентом.

РедактироватьУстановка сайта на систему управления контентом, если необходимо часто менять содержимое web-сайта. Landing Page - часто не ставят на ЦМС.
РедактироватьCRM - это система автоматизации бизнеса, предприятий и крупных компаний. Систематизирует любый данные о клиентах, продажах, задачах, товарах и многое другое. В данном случае имеется в виду привязка базы сайта к такой системе, для учёта и анализа любых данных.

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

РедактироватьРедактирование контента сайта - одна из самых главных функций управления сайтом, в неё входит смена текста, фото и других материалов сайта.
РедактироватьРедактирование структуры сайта - это создание категорий, подкатегорий, пунктов и подпунктов меню.
РедактироватьУправление web-страницами - это управление страницами сайта. Создание или удаление страниц, правка страниц и их шаблонов.
РедактироватьУправление пользователями - в данном случае это администрирование сайта. Управление учётными записями пользователей (контент менеджеров, главных администраторов и т.д.)
РедактироватьУправление пользователями сайта - это управление зарегистрированными пользователями сайта.
РедактироватьУправление формами - это редактированией параметров форм отправки, иобратного звонка или любых других.
РедактироватьУправление картой - раздел в административной панели для управления картой (Google map, Яндекс карта).
Проставление меток, адресов и т.д.
РедактироватьЕсли вам необходимы специфические модули или плагины, укажите их в данном блоке.
Для CMS с открытым исходным кодом существует множество разнообразных дополнений и альтернативных решений.
Возможность управления и настройки баннеров. Замена баннеров, публикация их на определённых страницах, настройка ссылок (куда ведёт баннер).
РедактироватьУправление слайдером - смена фото, текста, и ссылок прикреплённых к слайдам.
РедактироватьУправление ссылками (URL) сайта.
РедактироватьУправление карточкой товара и её параметрами.
РедактироватьМета-теги (meta tags) — это HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке web-страницы.
РедактироватьУправление контентом который вы можете загружить на сайт (в виде разнообразных файлов).

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

Если сайт переделывается (редизайн) и старый сайт продвигался, или имеет позиции в поиске.
Полный перенос контента, с предыдущего сайта на новый.
Фавикон (Favicon) — это значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой.
Ошибка 404 или Not Found («не найдено») - стандартная страница, которая показывается при осутствии запрашиваемой страницы на сервере или опечатки в URL(ссылке). Чтобы пользователь не ушёл с сайта, делается специальная страница, которая перенаправляет пользователя в нужный ему раздел сайта.
РедактироватьЕсли нужных дополнений не предоставлено - опишите их в этом блоке.

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

Редактировать
Редактировать
Редактировать
Редактировать
Редактировать
Редактировать

СайтыУкажите сайты которые вам нравятся и не нравятся (дизайн,функционал, структура)

Редактировать
Редактировать
Редактировать
Редактировать

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

Создание фирменного знака, заполнить бриф.
Разработка фирменного стиля, заполнить бриф..
Комплекс работ по внутренней оптимизации сайта, и правильной его индексации поисковыми роботами. Создать бриф.
Комплекс работ по внешнему продвижению сайта, и повышению позиций выдачи. Создать бриф.
Редактировать
Создание инфографической презентации любого рода услуги, товара или компании.
РедактироватьИнфографика — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподности информацию посетителю. Ввиду современных реалий пользователи интернета всё меньше и меньше читают текст. Это отличный способ сконцентрировать внимание на нужной информации и быстро её донести.
Создание форума, где посетители смогут обсуждать товар, услугу, компанию или любую другую тематику.
Посмотреть превью брифа
Ошибка!
OK
Закрыть
Раздел
О нас
Чтобы подтвердить выбор, нажмите
Ok
Закрыть
Чтобы подтвердить выбор, нажмите
Ok

Текст подсказки

Текст подсказки