ТЗ НА РАЗРАБОТКУ ДИЗАЙН МАКЕТА
Выдано в печать 2014-04-24
Техническое задание на разработку дизайн-макета Общая информация о сайте Сфера деятельности: интернет-магазин текстильных изделий. Целевая аудитория веб-сайта: Физические лица, РФ Эксплуатационное назначение: Продажа товаров через интернет; Привлечение новых клиентов; Создать запоминающийся стиль оформления сайта. Функциональное назначение: Получать необходимую информацию о деятельности компании на сайте; Осуществлять поиск любой информации, находящейся на сайте; Получать информацию о товарах компании, представленных в каталоге; Зарегистрироваться на сайте; Сделать заказ на товары, представленные в каталоге; Связаться с администрацией сайта. Структура сайта Ниже представлена структура сайта. Главная - Страница «Категории товаров» - Страница с подробным описанием товара - Страница «О компании» - Страница «Оплата и доставка» - Страница «Помощь» - Страница «Контакты» - Страница «Новости» - Страница «Полезная информация» - Страница «Распродажа» - Страница «Обмен и возврат» - Страница «Обратная связь» - Страница «Отзывы покупателей» - Страница «Партнерская программа» - Корзина заказов - Страница «Личный кабинет» - Страница «Персональные данные» - Страница «Мои заказы» - Страница регистрации/авторизации - Страница напоминания пароля - Страница оформления заказа - Страница сформированного заказа - Страница с результатами поиска Таким образом, необходимо сформировать дизайн на 4 типа страниц: - Главная, - Страница Раздела, - Страница Товарной единицы, - Страница с текстовым контентом. Элементы общего шаблона сайта В общий шаблон входят: шапка сайта, главное меню, строка навигации («хлебные крошки»), боковое меню, футер сайта. Общие элементы страниц: 1. Шапка сайта - Логотип. Представлен в виде картинки, содержит ссылку на главную страницу /index. - Контактная информация. Содержит информацию: skype, телефон, время работы. - Поиск. Блок, который содержит однострочное поле для ввода искомой строки, значение по умолчанию «Поиск по названию»; при постановке курсора в поле, значение по умолчанию удаляется. - Блок корзины заказа Блок, который содержит: - Если в корзине 0 товаров, вывести запись: «Корзина пуста». - Если в корзину добавлены товары – вывести запись: «В корзине N товаров на сумму NN руб.». Является ссылкой на страницу корзины заказа. - Блок «Вход на сайт» В неавторизованном режиме содержит ссылку «Вход в личный кабинет» - переход на страницу регистрации/авторизации. В авторизованном режиме содержит ссылку «Личный кабинет» - переход на страницу «Мои заказы» и ссылку «Выход». 2. Главное меню. Одноуровневое меню. Активный пункт выделяется стилем. Меню содержит следующие пункты: - Главная - О магазине - Оплата и доставка - Помощь - Контакты 3. Строка навигации. Выводится на всех страницах кроме Главной. 4. Боковое меню. Двухровневое меню. 1 уровень — категория товарной группы. 2 уровень — ткань / наполнитель. При выборе одного из пунктов меню появляется разворачивающийся список 2 уровень. При изменении категории меняется и характеристики 2 уровня. 5. Футер сайта. Одноуровневое меню. Содержит следующие пункты: Нижнее меню. Раздел «О нас»: - «Новости» - переход на одноименную страницу. - «Полезная информация» - переход на одноименную страницу. - «Распродажа» - переход на одноименную страницу. - «Обмен и возврат» - переход на одноименную страницу. - «Обратная связь» - переход на страницу контакты. - «Оплата и доставка» - переход на одноименную страницу. - «Отзывы покупателей» - переход на одноименную страницу. - «Партнерская программа» - переход на одноименную страницу. Копирайты заказчика. Текст о копирайте и логотип компании. Требования к дизайн-макету. Цветовая гамма и насыщенность: только мягкие пастельные цвета, яркие цвета использовать только в качестве акцентных. В качестве фонового цвета рекомендуется использовать белый или светлые оттенки. Верстка и размер: жесткая центрированная верстка, размер 1024 px по горизонтали, 768 px и более по вертикали. При данном разрешении горизонтальной прокрутки не должно быть. Визуальное размещение элементов: согласно структуре сайта и приложенным прототипам страниц. Размер и вид шрифта: для текстовых описаний шрифт должен быть arial 12px. Размер и шрифт заголовков на усмотрение дизайнера. Сайты конкурентов: http://kutumka.ru/ http://zelteks.ru/ http://ivtextil-sh-p.ru/ http://www.p-stelin.ru/ Интересные сайты, на наш взгляд, в сети: http://www.d-milf-.ru – основной вид http://p-stelteks-plus.ru — основная гамма и внешний вид http://www.d-m-textilya.ru - подложка http://p-stel-ru.ru - простота http://www.m-p-stel.ru — общий вид и простота Дополнительно: структура и оформление главной и внутренних страниц – одинакова. Дизайн-макет сайта должен быть выполнен в понятном для пользователя, легко-читаемом стиле. Приветствуется использование легких градиентов и закругленных элементов.
