Техническое задание на разработку дизайна сайта образец и пример составления

105
Рейтинг
0
Скачать образец документа бесплатно
01
Напишите сообщение дежурному консультанту в онлайн чат круглосуточно
02
Задайте вопрос эксперту в специальную форму обратной связи и опишите проблему
03
Телефоны горячей линии:

8 (800) 350-31-86

+7 (499) 938-51-16

+7 (812) 467-32-76




Текст документа

САЙТ ________________ «_________»

ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА РАЗРАБОТКУ ДИЗАЙНА САЙТА

ЦЕЛЬ ПРОЕКТА

Целью данного проекта является разработка электронного представительства __________________ «_________» с последующим размещением в сети Интернет.

Сайт должен обеспечивать реализацию следующих функций:

1) Имиджевая. Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

2) Информационная. Сайт должен предоставлять доступ к информации о компании, ее истории, деятельности, ассортименте предлагаемой продукции, магазинах, а также оперативно информировать пользователей о новостях компании.

3) Рекламная. Сайт должен содержать информацию о полном товарном ассортименте компании и обеспечивать возможность просмотра связанных с товаром текстовых и графических материалов.

1. ОБЩИЕ ТРЕБОВАНИЯ К САЙТУ

Стилистическое оформление

Стилистическое оформление сайта должно соответствовать корпоративному стилю и использовать его цветовые и графические элементы, логотип компании. Шрифты, используемые в графических элементах сайта, могут выбираться произвольно при условии непротиворечия корпоративному стилю. Шрифты, используемые в текстовых материала сайта, должны соответствовать стандартным шрифтам браузеров: Helvetica/Arial, Times New Roman, Courier.

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

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

Флэш ролик не нужен. Допустимо использование небольшой флэш-анимации.

Требования к функциональности веб-сервера:

Веб-сервер должен обеспечивать возможности:

  1. управления содержанием и структурой сайта через систему управления контентом;
  2. осуществления обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;
  3. обработки статистики посещений (подключение внешней системы статистики HotLog);
  4. ведения статистики голосований.

Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 5.0 и выше (Microsoft), Opera 7.0 и выше (Opera Software), Netscape 7.0 и выше (AOL Netscape).

Требования к верстке:

  1. Сайт разрабатывается под базовое разрешение экрана от 800х600 пкс и выше.
  2. Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в русскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

2. СТРУКТУРА САЙТА И НАВИГАЦИЯ

О компании

  • Общая информация (эта страница открывается по умолчанию)
  • Награды
  • Вакансии

Новости

Наша продукция

  • _____________________
  • _____________________
  • _____________________
  • _____________________
  • _____________________

Магазины

Отзывы

Контакты

3. ОПИСАНИЕ РАЗДЕЛОВ (СТРАНИЦ) САЙТА

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

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

  1. Идентификационные данные
  2. К идентификационным относятся данные, позволяющие отождествить сайт с компанией «_________»:
    Логотип
    Слоган компании: _________________(должна быть обеспечена возможность замены слогана)
    Копирайт

  3. Краткую информацию о компании + ссылка на страницу «О компании»
  4. Блок «Голосование»
  5. На главной странице размещается текст вопроса и варианты ответа (не более 5-ти) с радиобоксами, кнопка подтверждения голосования и ссылка на страницу с данными статистики голосования. Администратор сайта имеет возможность редактировать тексты, а также временно скрывать блок голосования через модуль администрирования.

    Пример:

    Как часто Вы покупаете торты?
    Раз в неделю
    Раз в месяц
    По праздникам
    ОК >>>

    Посмотреть статистику >>>

  6. Блок анонсов новостей

На главной странице предполагается публиковать анонсы последних новостей компании. Максимальное количество анонсов – _______. Анонс имеет следующую структуру:

  • Дата
  • Заголовок (может отсутствовать)
  • Краткая аннотация (может отсутствовать)

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

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

2. Внутренние страницы (общие требования)

Все внутренние страницы сайта должны содержать следующие элементы:

  1. Идентификационные данные
  2. Логотип
    Слоган компании: __________________ (должна быть обеспечена возможность замены слогана)
    Копирайт (текст не определен)

  3. Заголовок раздела
  4. Предполагается наличие идентификатора с названием (заголовком) текущего раздела сайта в виде текста в верхней части страницы. Заголовки разделов и подразделов должны быть оформлены тегами h. С целью повышения релевантности страниц допускается более полная формулировка текста заголовка в идентификаторе по сравнению с названием пункта навигации. Например: «Наша продукция».

  5. Навигация по разделам 2-го уровня

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

Необходимо предусмотреть возможность последующего расширения перечня разделов 2-го уровня.

Необходимо предусмотреть ситуацию, когда разделы 2-го уровня отсутствуют.

3. Новости

Новости отображаются в виде списка.

Атрибуты новости:

  • Дата
  • Заголовок
  • Анонс (может отсутствовать)
  • Полный текст новости

Заголовок новости является ссылкой. При нажатии на ссылку осуществляется переход на страницу с полным текстом новости.

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

[1-10] [11-20] [21-30] [31-34]

4. Новость

Страница «Новость» формируется динамически по ссылке из разделов «Главная страница» и «Новости». Новость имеет следующую структуру:

  • Дата
  • Заголовок
  • Полный текст (может включать изображения)

Дополнительно в верхней части страницы отображается ссылка «Вернуться к списку новостей».

5. О компании

Данный раздел содержит текстовую информацию о компании. Формирование и оформление текста осуществляется владельцем сайта и может иметь произвольную форму.

Раздел содержит ссылки на следующие разделы 2-го уровня:

  • Награды
  • Вакансии

6. Награды

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

  • Изображение
  • Название
  • Краткое описание

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

7. Награда

Страница «Награда» формируется динамически по ссылке из раздела «Награды». Информация имеет следующую структуру:

  • Изображение
  • Название
  • Подробный текст

Дополнительно в верхней части страницы отображается ссылка «Вернуться к списку наград».

8. Вакансии

Формирование и оформление текста на странице осуществляется владельцем сайта и может иметь произвольную форму. На странице так же размещается форма обратной связи. Форма имеет следующие поля:

  • Фамилия, Имя, Отчество
  • Ваш e-mail
  • Название вакансии
  • Текст сообщения

Поля «Фамилия, Имя, Отчество», «Название вакансии» и «Текст сообщения» обязательны для заполнения и должны быть выделены (цветом, шрифтом, пиктограммой или иным способом). Форма может предваряться дополнительным текстом.

Также форма содержит следующие кнопки:

  • Отправить
  • Очистить

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

9. Наша продукция (каталог товаров)

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

  • _________________________
  • _________________________
  • _________________________

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

Подкаталоги представлены в виде списка. Атрибуты списка:

  • Изображение
  • Наименование подкаталога
  • Краткий анонс товарной категории

Изображение и наименование являются ссылками. По ссылке открывается страница соответствующего подкаталога.

10. Подкаталог

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

Информация о товарах в подкаталоге выводится в виде списка. Информация о товаре имеет следующую структуру:

  • Название
  • Изображение (фиксированный размер)
  • Вес
  • Описание
  • Атрибут «Новинка!» (может не отображаться)

Помимо перечисленных ранее элементов, общих для всех внутренних страниц, раздел «Подкаталог» предполагает наличие следующих дополнительных элементов:

Навигация по подкаталогам

Помимо навигационных элементов для разделов 1-го и 2-го уровня в данном разделе необходимо предусмотреть альтернативную навигацию для подкаталогов (товарных категорий). Перечень подкаталогов соответствует перечню, указанному в п.9. Ссылка на подкаталог, соответствующая текущему (выбранному) подкаталогу, должна выделяться по отношению к ссылкам на другие подкаталоги.

11. Магазины

Страница имеет ссылки на подразделы:

  • __________________
  • __________________

12. Отзывы

На странице представлены отзывы пользователей сайта и клиентов. Страница формируется администратором сайта по принципу предмодерируемой гостевой книги. Здесь же располагается ссылка на форму обратной связи «Оставить отзыв». Поля формы:

  • Фамилия, Имя, Отчество
  • Ваш e-mail
  • Текст сообщения

Поля «Фамилия, Имя, Отчество» и «Текст сообщения» обязательны для заполнения и должны быть выделены (цветом, шрифтом, пиктограммой или иным способом). Форма может предваряться дополнительным текстом.

Также форма содержит следующие кнопки:

  • Отправить
  • Очистить

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

13. Контакты

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

  • Фамилия, Имя, Отчество
  • Ваш e-mail
  • Текст сообщения

Поля «Фамилия, Имя, Отчество» и «Текст сообщения» обязательны для заполнения и должны быть выделены (цветом, шрифтом, пиктограммой или иным способом). Форма может предваряться дополнительным текстом.

Также форма содержит следующие кнопки:

  • Отправить
  • Очистить

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

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




Обратный звонок
Представьтесь, мы вам перезвоним.
Ваша заявка успешно отправлена!
Необходимо принять условия соглашения
Вы заполнили не все обязательные поля
Произошла ошибка, попробуйте ещё раз