бриф
от ultratasker
поможет вам
легко
и
грамотно
поставить задачу
дизайнерам
и
программистам
Copyright © Ultratasker 2015
Сайт-каталог (корпоративный)
Наведите на Сайт-каталог — может быть как небольшоим сайтом, как правило, состоящим из одной (или нескольких) веб-страниц, и содержать основную информацию об организации, частном лице, компании, товарах или услугах, прайс-листы, контактные данные. Так и довольно крупным сайтом с большим катологом товаров и услуг и многим другим функционалом.
Ответив на список вопросов,который предоставлен ниже вы можете легко сделать техническое задание на сайт каталог (бриф на сайт) и максимально точно сформулируете задачу для дизайнеров и программистов., чтобы узнать значение
Ответив на список вопросов,который предоставлен ниже вы можете легко сделать техническое задание на сайт каталог (бриф на сайт) и максимально точно сформулируете задачу для дизайнеров и программистов., чтобы узнать значение
Укажите стиль дизайна:Web-дизайн - это разновидность графического дизайна, в задачи которой входит проектирование и создание web-интерфейсов, продумывание логики работы сайта и подачи информации для посетителя, а также его визуальное оформление.
На сегодняшний день существует множетсво стилей, и они между собой тесно переплетаются, ниже предоставлены основные.
Минимализм с английского перевода означает стиль в дизайне (не только в веб, но в других сферах). Данный стиль может характеризоваться лаконичностью выразительных образов, простотой, а также ясностью и точностью композиции. В минимализме присутствует наличие геометрических форм, и нейтральных цветов.
Это стиль представляет собой "простоту", отсутствие лишних элементов, множества цветов, форм и текстур. Основная задача минимализма - избавление от всего лишнего и придача web-дизайну максимальной функциональности. Минималистичный дизайн визуально должен доносить до пользователей основную идею сайта, создавать спокойную атмосферу, но не создавать ощущение недоделанной работы и пустоты.
Это стиль представляет собой "простоту", отсутствие лишних элементов, множества цветов, форм и текстур. Основная задача минимализма - избавление от всего лишнего и придача web-дизайну максимальной функциональности. Минималистичный дизайн визуально должен доносить до пользователей основную идею сайта, создавать спокойную атмосферу, но не создавать ощущение недоделанной работы и пустоты.
Классический стиль - это стиль web-дизайна, являющийся одним из самых распространённых на сегодняшний день.
Отличительными его особенностями являются выделенная чёткая колоночная структура дизайна.
Стандартное расположение навигационного меню (вверху или в левой части сайта).
Нейтральная цветовая гамма.
Отличительными его особенностями являются выделенная чёткая колоночная структура дизайна.
Стандартное расположение навигационного меню (вверху или в левой части сайта).
Нейтральная цветовая гамма.
Хипстер стиль - это стиль web-дизайна, который сочетает в себе современные тенденденции минимализма и яркие цвета. Совмещает в себе использование самых современных тенденций с ретро и винтажными элементами.
Бизнес стиль (деловой) - в web-дизайне используется для создания сайтов компаний связанных с бизнесом сферой. Данный стиль характеризуется сдержанностью, строгостью и консерватизмом в выборе оформления, цветов и визуальных элементов. Отличается повышенной информативностью функциональных элементов и легкостью восприятия информации на сайте.
Промо - это стиль веб дизайна, внешне немного походит на минимализм, но в более ярком его представлении, характерные его особенности, это использование всего полотна сайта, с разграничением разделов чёткими одноцветными областями. Используется для рекламных сайтов, иногда представляет собой рекламную площадку стимулирующую к покупке, часто в таком стиле делают Landing page.
Metro - это стиль web-дизайна, который отличается лёгкостью, простотой, быстротой и открытостью.
Часто его можно спуть с плоским дизайном. Для этого стиля характерно использование качественной типографики, простых элементов, хорошо продуманного контента.
Самые главные отличительная особенность metro стиля - это не подчеркивание ссылок,
и для визуализации информации используют равномерно закрашенные разноцветные навигационные квадраты.
Часто его можно спуть с плоским дизайном. Для этого стиля характерно использование качественной типографики, простых элементов, хорошо продуманного контента.
Самые главные отличительная особенность metro стиля - это не подчеркивание ссылок,
и для визуализации информации используют равномерно закрашенные разноцветные навигационные квадраты.
Нестандартная геометрия - это популярный стиль web-дизайна с использованием нестандартной геометрии объектов, они прослеживается во всех элементах сайта (фоны, выделения, отдельные элементы). Самыми трендовыми геометрическими формами элементов является круг, ромб и шестиугольник (сота), реже встречаются треугольники.
Ретро стиль - это популярный стиль web-дизайна, основные его элементы беруться из 50-80 годов с плакатов, афиш, и других элементах того времени. Харктерными особенностями является использование простых форм яркоих цветов, иллюстраций, разнообразных старинных элементов дизайна, простых неброских цветов (светлыхй и пастельных тонов).
Добавить комментарий
OK
Укажите что из элементов фирменного стиля у вас имеется:
Также называют CI-Guideline (он же Logobook) - свод правил визуальных стандартов, описывающий построение фирменного стиля бренда или компании.
Логотип (Товарный знак) - обозначение служащее для индивидуализации компании, бренда, товара, какой либо услуги. Может быть словестное, изобразительное или комбинированное.
Особый элемент брэнда (чёткий визуальный образ), использующийся для придания компании,бренду, или товару человеческих черт, близких к определённым типам целевой аудитории.
РедактироватьЛегко воспринимаемая ёмкая и сжатая формулировка, формирующаяя образ компании,бренда товара или какой либо услуги\продукта.
Цветовые предпочтения (выберете 3 цвета):
Технические элементы web-дизайна:В данном блоке рассматриваются ключевые вопросы касательно типа дизайна и его отдельных элементов.
РедактироватьАдаптивный дизайн - это дизайн обеспечивающий корректное отображение web-страницы на смартфонах, планшетах и других мобильных устройствах. Особенность в том, что для отображения не используется мобильная версия сайта, одна, которая перестраивает его структуру в зависимости от размера экрана.
РедактироватьФиксированные элементы сайта - это элементы сайта с жёстко закреплённой позицией, которая не меняется вовремя прокрутки сайта или перехода на другие страницы.
Использование визуальных эффектовЭффекты анимации, движения объектов, текста и т.д придающие web-странице "особый" неповторимый стиль и служащие для привлечения внимания посетителя сайта и расстановке акцентов на нужных информационных блоках.
Один из самых популярных и новых эффектов в мире web-дизайна на сегодняшний день - это зацикленный видеофайл, который проигрывается на фоне, вместо слайдера или любого другого элемента web-страницы.
Самый популярный эффект в мире web-дизайна - это элемент web-страницы, который содержит изменяющиеся в автоматическом или ручном порядке изображения, фотограффии,ссылки, баннеры, инфографику и т.д служащий для привлечения внимания посетителя и передачи разнообразной информации.
Один из самых популярных и эффектов в мире web-дизайна на сегодняшний день - это визуальный способ подачи изображений или информации создающий эффект 3D, с помощью определённого построения объектов страницы и разности скорости их движения относительно друг друга. Возможности параллакса ограничены лишь фантазией web-дизайнера.
Технология для отображения мультипликации на web-страницах. Часто используется в качестве медийной рекламы и придания эффектного вида. Воспроизводится не всеми браузерами и устройствами
Подключение скрипта\библиотеки обеспечивающий более плавную прокрутку страницы, часто используется для того чтобы пользователь при просмотре сайта получил больше информации, нежели при быстрой прокрутке.
РедактироватьЭффекты анимации, движения объектов, текста и т.д придающие web-странице "особый" неповторимый стиль и служащие для привлечения внимания посетителя сайта и расстановке акцентов на нужных информационных блоках.
Укажите планируемые разделы вашего сайта:В данном блоке вы можете составить карту сайта, или указать разделы и подразделы вашего будущего сайта.
ПодразделДобавте подразделы если имеются.
Перечислите подразделы.Как добавить раздел.
Подраздел
Название
Редактировать разделы
Подраздел
ПодразделДобавте подразделы если имеются.
Перечислите подразделы.Как добавить раздел.
Подраздел
Название
Редактировать разделы
Подраздел
ПодразделДобавте подразделы если имеются.
Перечислите подразделы.Как добавить раздел.
Подраздел
Название
Редактировать разделы
Подраздел
Создать картуЕсли нужных вам разделов не предоставлено, создайте свою карту сайта в данном блоке.
Раздел
Название
Редактировать
Создать карту
Функциональные элементы сайта:Элементы обеспечивающие удобство, информативность и функциональность, позволяя web-сайту выполнять поставленную задачу.
Слайдер - это функциональный элемент web-сраницы, представляющий собой информационный блок определённой ширины. В котором в автоматическом режиме или при клике\скролле меняется информация\изображение.
С его помощью можно ярко, кратко и наглядно показать самую важную информацию для посетителя сайта.
С его помощью можно ярко, кратко и наглядно показать самую важную информацию для посетителя сайта.
РедактироватьРекламный баннер - это функциональный элемент web-сраницы который содержит рекламную информацию, и ссылку на страницу с этой информацией.
В текстовом поле вы можете указать планируемое количество баннеров.
В текстовом поле вы можете указать планируемое количество баннеров.
РедактироватьФорма обратнго звонка - это функциональный элемент web-сраницы, содержащий определённый набор данных, который заполняет посетитель сайта, для обратной связи, заказа товара итд.
РедактироватьФорма обратной связи - это функциональный элемент web-сраницы, содержащий определённый набор данных, который заполняет посетитель сайта, для обратной связи, заказа товара итд.
Подписка на рассылку - форма подписки на почтовую рассылку.
Часто содержит 1 поле для ввода e-mail и кнопки отправить.
Часто содержит 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-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.
Администрирование и управление сайтом:Этот раздел поможет вам определиться с выбором CMS (Content Management System) и наполнением сайта контентом.
РедактироватьУстановка сайта на систему управления контентом, если необходимо часто менять содержимое web-сайта. Landing Page - часто не ставят на ЦМС.
РедактироватьCRM - это система автоматизации бизнеса, предприятий и крупных компаний. Систематизирует любый данные о клиентах, продажах, задачах, товарах и многое другое. В данном случае имеется в виду привязка базы сайта к такой системе, для учёта и анализа любых данных.
Параметры административной панели:В данном разделе вы можете указать необходимый вам набор функций административного управления вашим сайтом.
РедактироватьРедактирование контента сайта - одна из самых главных функций управления сайтом, в неё входит смена текста, фото и других материалов сайта.
РедактироватьРедактирование структуры сайта - это создание категорий, подкатегорий, пунктов и подпунктов меню.
РедактироватьУправление web-страницами - это управление страницами сайта. Создание или удаление страниц, правка страниц и их шаблонов.
РедактироватьУправление пользователями - в данном случае это администрирование сайта. Управление учётными записями пользователей (контент менеджеров, главных администраторов и т.д.)
РедактироватьУправление пользователями сайта - это управление зарегистрированными пользователями сайта.
РедактироватьУправление формами - это редактированией параметров форм отправки, иобратного звонка или любых других.
РедактироватьУправление картой - раздел в административной панели для управления картой (Google map, Яндекс карта).
Проставление меток, адресов и т.д.
Проставление меток, адресов и т.д.
РедактироватьЕсли вам необходимы специфические модули или плагины, укажите их в данном блоке.
Для CMS с открытым исходным кодом существует множество разнообразных дополнений и альтернативных решений.
Для CMS с открытым исходным кодом существует множество разнообразных дополнений и альтернативных решений.
Возможность управления и настройки баннеров. Замена баннеров, публикация их на определённых страницах, настройка ссылок (куда ведёт баннер).
РедактироватьМета-теги (meta tags) — это HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке web-страницы.
РедактироватьУправление контентом который вы можете загружить на сайт (в виде разнообразных файлов).
Дополнительные задачи:Здесь отображаются дополнительные работы и пожелания не относящиеся к предыдущим категориям.
Фавикон (Favicon) — это значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой.
Доп инфоДополнительная информация, которая посожет лучше понять что именно вы хотите получить в итоге.
СайтыУкажите сайты которые вам нравятся и не нравятся (дизайн,функционал, структура)
Дополнительные услугиПеречислите дополнительные услуги, которые бы вы хотели получить после или во время создания сайта
Создание фирменного знака, заполнить бриф.
Разработка фирменного стиля, заполнить бриф..
Комплекс работ по внутренней оптимизации сайта, и правильной его индексации поисковыми роботами. Создать бриф.
Комплекс работ по внешнему продвижению сайта, и повышению позиций выдачи. Создать бриф.
РедактироватьИнфографика — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподности информацию посетителю. Ввиду современных реалий пользователи интернета всё меньше и меньше читают текст. Это отличный способ сконцентрировать внимание на нужной информации и быстро её донести.
Ошибка!
OKТекст подсказки