ТЗ НА РАЗРАБОТКУ САЙТА ИНТЕРНЕТ МАГАЗИНА
Выдано в печать 2014-05-07
ТРЕБОВАНИЯ К ДИЗАЙНУ ОБЩИЕ ТРЕБОВАНИЯ Тип сайта Сайт для реализации товаров в интернете (Интернет-магазин). На сайте размещена информация о: • Товарах • Акциях и скидках • партнерах; • Компании; Целевая аудитория • Женщины Цветовая гамма При разработке дизайн-концепции сайта, а так же, при проработке специфических разделов, Исполнитель руководствуется фирменной символикой Заказчика, и основывается на использовании логотипа и фирменного стиля. Обязательные элементы • Логотип • Промо-блок • Перечень категорий Нежелательные элементы Жестких требований нет Требования по фирменному стилю Носителем фирменного стиля является логотип. Желательно использовать цвета логотипа при оформлении блоков дизайна. Тип структуры Структура концепции - блочная. Перечень шаблонов страниц, обязательных для отрисовки • Главная страница с вариациями модулей • Стандартная текстовая страница с различными модулями • Карточка товара • Каталог • Корзина • Личный кабинет • Контакты • Новости и лента новостей • Результаты поиска • 404 • Карта сайта • Страница печати • Форма обратной связи ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ Графические изображения, используемые на веб-сайте, должны быть оптимизированы для обеспечения максимально возможной скорости загрузки сайта. Все страницы сайта, за исключением оговоренных отдельно случаев, должны содержать минимальный объем контактной информации, а именно: блок с телефоном и адресом и ссылку на страницы контактов и обратной связи, и карту сайта, кнопка печати. Общими для всех секций сайта являются следующие графические элементы: • логотип, а так же элементы фирменного стиля; • представление навигационных панелей по секциям сайта; • схема размещения функциональных элементов и блоков; • графическое оформление основных элементов: заголовки, списки, ссылки, схемы и пр. Для основных разделов сайта должны быть разработаны уникальные дизайн-шаблоны, отвечающие общей веб-концепции сайта и фирменному стилю (единая стилистика, состав и расположение навигационного меню и другие основополагающие элементы), которые будут использоваться для всех подразделов данного раздела. Все страницы сайта должны нести в себе навигационные элементы, необходимые для перемещения по основным разделам сайта, к которым пользователь имеет доступ. Подразумевается, что все страницы сайта открываются в одном и том же окне браузера, кроме отдельно оговоренных случаев. Например: когда ссылка ведет на другой сайт. Несмотря на то, что отдельная версия сайта для отображения на мобильных устройствах (КПК, смартфоны, iPhone) не разрабатывается в рамках данного ТЗ, страницы сайта должны корректно отображаться на указанных устройствах. Все Flash элементы, не доступные для отображения в мобильных устройствах, должны иметь соответствующие gif-заглушки. Минимальное разрешение Все страницы должны быть оптимизированы под разрешение экрана посетителя 1280x1024 и 24-битное представление цвета. В отличных от вышеуказанных настроек экрана пользователей все страницы сайта должны обеспечивать необходимую функциональность в части доступности всех разделов сайта в рамках существующих стандартов. Минимальное разрешение экрана пользователя, при котором не будет горизонтальной прокрутки при стандартных настройках браузера и операционной системы - 1024х768. Позиционирование сайта Расположение сайта на экране пользователя при увеличении разрешения экрана – центрирование. Размер шрифта При увеличении размера шрифта в браузере, размер основного шрифта на сайте увеличивается. Требования к верстке HTML-верстка представляет процесс создания html-страниц на основе разработанных дизайн-макетов. При верстке необходимо использовать стандарт HTML 4.0 и XHTML 1.0 Результатом html-верстки являются html-страницы, дизайн которых идентичен предоставленным макетам, за исключением: 1. Нестандартных шрифтов, используемых в блоках с изменяемым текстом. Их использование не рекомендуется по причине вероятного отсутствия таких шрифтов на компьютерах большинства пользователей, что приведет к отличиям между исходным дизайном и html-страницей. Поэтому, такие шрифты заменяются на ближайшие по стилю из стандартных на этапе верстки. Использования нестандартных шрифтов в графических элементах страниц и других элементах дизайна допускается, поскольку эти надписи могут быть перенесены в html-страницу в виде изображений. 2. «Сглаженных» шрифтов, используемых в блоках с изменяемым текстом. Не все браузеры имеют функционал для «сглаживания» шрифтов. Поэтому, после верстки все блоки с изменяемым текстом, где была заложена «сглаженность» шрифтов, ее потеряют. Аналогично предыдущему пункту, это не касается заголовков и элементов дизайна, которые будут сохранены как изображения. 3. Многократных наложений полупрозрачных элементов. Разные браузеры по-разному отображают наложение полупрозрачных изображений друг на друга. Наибольшую «опасность» в этом аспекте несет браузер Internet Explorer 7, в котором для реализации этих эффектов необходимо использовать специальные программные элементы, работа которых не может гарантировать 100% идентичность с исходным дизайном полупрозрачных элементов. Совместимость с браузерами Web-браузеры с учетом версии, в которых web-сайт просматривается без значительных искажений: • Microsoft Internet Explorer версии 7 и выше для платформы Microsoft Windows 2000, XP, Vista и 7; • Opera версии 9 и выше; • Firefox (Mozilla) версии 3 и выше для платформ Windows, Mac OS X и Linux. • Google Chrome • Safari 3.0 и выше СТРУКТУРА САЙТА , Рисунок 1: Изначальная структура сайта ОПИСАНИЕ ФУНКЦИОНАЛА: 1. Меню Перечень основных разделов сайта. 1.1 О нас Информация о компании 1.2 Контакты 1.2.1 Карта проезда 1.2.2 Адрес, тел, факм и тп. 1.2.3 Форма обратной связи 1.3 Правовая информация Какая-то информация 1.4 Поставщикам Какая-то Информация 1.5 Вакансии Перечень Вакансий для соискателей 1.6 Каталог товаров Каталог содержит перечень товаров с категориями и подразделами, который заполняется через CMS. По ссылке с сайта реализован вывод данных той или иной категории или раздела Каталога 1.6.1 Фильтр по бренду Выводит список товаров относительно выбранного бренда. 1.6.2 Фильтр по возрасту Выводит список товаров относительно критериев возраста 1.6.3 Фильтр по тематике Выводит список товаров относительно одной из тематик (Для мам и малышей, Игры и игрушки, Спорт и отдых, Учеба и творчество, Мебель и текстиль, Одежда и аксессуары) 1.6.4 Новые поступления Выводит список товаров добавленных на сайт последними (по убыванию от даты добавления) 1.6.5 Хиты продаж Выводит список товаров, продающихся через сайт чаще (должна быть возможность указать их через CMS) 1.6.6 Товары по акции Список товаров которые продаются по акции (Указываются через CMS) 1.6.7 Рейтинг товаров Модель Ведения Рейтинга товаров (Тут нужно описать где и когда товар получает рейтинг и реализацию просмотра рейтинга, может быть вывод товаров по рейтингу, тогда это придется вставлять на главную стр) 1.6.8 Перекрестный фильтр Дает возможность вывода результатов используя несколько критериев (Перечислить критерии все возможные) 2. Помощь Раздел-инструкция. Является руководством по пользованию данным ресурсом. Заполняется копирайтером. Контент: Текст и графические изображения. 2.1 Как сделать заказ 2.2 Как оплатить 2.3 Доставка 2.4 Самовывоз 2.5 Возврат 2.6 Обмен 3. Личный Кабинет - Модуль дает возможность Авторизованному человеку просмотреть/отредактировать свои личные данные, просмотреть покупки, просмотреть посещенные товары, а также просматривать товары, добавленные им в Избранное при помощи Модуля Избранное во время серфинга по разделу Каталог. 3.1 Вход в Личный Кабинет Вход в личный кабинет реализуется на каждой странице сайта. При успешной авторизации вместо приглашения войти – отображается Имя и отчество человека. 3.2 Регистрация При регистрации посетитель должен заполнить ряд полей: Эл. Почта(она же логин), ФИО, Номер телефона, Для регистрации Юр лица должен присутствовать соответствующий Чек бок, при выборе которого добавляются поля для регистрации Юр лица: Название компании, ИНН, ОГРН, Юр адрес. Обязательными полями для заполнения являются: Логин (он же e-mail) Телефон, пароль. После регистрации должен быть реализован механизм подтверждения почтового ящика путем перехода посетителя по ссылке в письме, автоматически отправленном сайтом. 3.3 Забыли пароль Восстановление пароля реализуется при помощи письма восстановления пароля на почту, оставленную при регистрации пользователя. 3.4 Личные данные Список полей которые будут хранится в разделе личные кабинет (то что посетитель указывает при регистрации) Возможно редактирование полей кроме пароля и логина. Пароль меняется используя механизм восстановления пароля. Нужно перечислить список полей 3.5 Избранные товары Модуль Избранное дает возможность добавлять товары в личный список Посетителя (Если он авторизован, если нет – то при добавлении товара в избранное должно появится окно авторизации/регистрации) при просмотре товара. Каждый товар каталога должен иметь соответствующую ссылку для помещения его в Избранное. Посетитель может вывести список товаров в личном кабинете, или любого другого места, предусмотренного дизайном. 3.6 Посещенные товары. Список товаров, посещенные пользователем (последние 10 товаров). Посетитель может вывести список товаров в личном кабинете, или любого другого места, предусмотренного дизайном. 3.7 История покупок. Список товаров, приобретённых пользователем, можно вывести из личного кабинета. 4. Информация Информативный раздел ресурса служит для ……оыцпшзоз 4.1 Блок статьи и обзоры Может быть размещен на любой странице сайта по желанию дизайнер и/или заказчика. Несет в себе от 3 до 5 статей или обзоров в кратком виде и имеет ссылку для подробного просмотра. При подробно просмотре открывается страница со списком статей и навигацией по статьям и обзорам. 4.2 Блок новости Реализуется аналогично Блоку статьи и обзоры 4.3 Модуль подписка на новости Зарегистрированный посетитель может подписаться на рассылку новостей по e-mail. Услуга должна отключаться посетителем в Личном Кабинете. Если пользователь не Авторизован – то предложить регистрацию/авторизацию. 5. Корзина Модуль Корзина – стандартная реализация корзины для интернет-магазина. Позволяет осуществлять покупки в интернет-магазине. 5.1 Просмотр корзины Просмотр товаров в корзине должен быть доступен из любого раздела сайта. При просмотре посетитель должен иметь возможность удаления или изменения количества товаров в корзине. Также должна быть реализована возможность продолжения выбора товаров, и покупки. При оформлении товаров должнат быть возможно выбора способа оплаты и доставки. 5.2 Добавление товара в корзину Должно происходить путем выбора кол-во товара и нажатии кнопки “добавить в корзину” из карточки товара или любого другого места, предусмотренного дизайном. При нажатии на кнопку должно вызываться всплывающее окно, предлагающее продолжить покупки или перейти в корзину для оформления заказа. В этом окне, посетитель должен отчетливо видеть и понимать что он покупает. 5.3 Доставка товара Покупатель должен иметь возможность выбора способа доставки товара 5.3.1 Доставка Курьером При выбора доставки курьером в счет добавляется стоимость доставки отдельной строкой Если покупатель не авторизирован – то предлагаем заполнить данные покупателя или авторизоваться. Если авторизирован – просим уточнить Адрес доставки. 5.3.2 Самовывоз Покупатель сам забирает товар 5.4 Варианты оплаты Покупатель выбирает вид оплаты 5.4.1 Наличная оплата при доставке курьером или самовывозе. 5.4.2 Безналичный рассчет Менеджер выставляет счет клиенту. 5.4.3 Оплата картой Реализуется модулем оплаты платежной системы и CMS.
