ТЗ НА РАЗРАБОТКУ САЙТА ИНТЕРНЕТ МАГАЗИНА
Выдано в печать 2014-04-21
Техническое задание на разработку интернет-магазина мужских аксессуаров «Pepler». 1. Описание проекта Цель — разработка интернет-магазина , отвечающего следующим требованиям: — создание современного узнаваемого и эргономичного дизайна; — наглядный и удобный интерфейс; — красивые и подробные страницы объектов каталога; — Уникальные иконки и нестандартные шрифты — оптимизация форм заказов – физические лица, наличная форма оплаты, оплата электронными кошельками, оплата банковскими картами Visa, Master Card (по средствам агрегатора); Предусмотреть возможность расширения ассортимента за счет добавления новых товарных категорий. Планируемое количество товаров на сайте не более 100. Платформа для разработки – предпочтение стандартизированным системам (т.е. не являющиеся внутренней разработкой студии) 2. Структура сайта Продукт представляет собой веб-сайт, имеющий следующую структуру: — каталог* — о компании — блог — оплата и доставка — контактная информация *Каталог: — галстуки — подразделы, в количестве, соответствующем числу товарных категорий; — галстуки - бабочки — подразделы, в количестве, соответствующем числу товарных категорий; — личный кабинет — корзина 3. Содержание страниц и разделов Общие элементы на каждой странице 1. Меню с выпадающими списками при наличии подразделов: 1.1. галстуки 1.2. галстуки - бабочки 1.3. Оплата и доставка 1.4. Сервис 1.5. Контактная информация 2. О компании 3. Блог 4. Личный кабинет 5. Корзина + оформление заказа (при добавленном товаре) 6. Логотип (со ссылкой на главную страницу – работает на всех страницах, кроме главной) 7. Телефон, режим работы и форма обратной связи 8. Подвал – дублирование ссылок на разделы сайта Общие элементы на страницах каталога: 1. Недавно просмотренные товары в виде ленты из 3 последних просмотренных товаров. Главная страница 1. Верхняя часть Логотип и название по центру. 2. Ниже горизонтальная лента меню (см зелёный раздел) 3. Ниже слайдер, размер не определён (высотой приблизительно 400 px) 4. Слайдер меняется автоматически (интервал 30 сек ) или при наведении курсора и одновременной прокрутке. Используется 3 фото. 5. Ниже 3 позиции из каталога (при первичном заходе на сайт – «новинки», в дальнейшем замещается другим «новинками» если их больше трёх) . 6. Ниже иконки соц. сетей 7. Ниже подвал (степень проработки и оформления на уровне главного меню, возможно в чуть меньшем масштабе). Каталог 1. Шапка страницы аналогична главной странице 2. При переходе на любую страницу каталога (раздел, подраздел, товар) левую колонку занимает список подразделов (шириной до 500 px). Активный подраздел указывается пиктограммой и выделяется в списке. 3. Типы выбора сортировок и количества товаров на странице (12 или все, в одном ряду 4 позиции). Переход на страницу товара происходит по клику на любую область описания товара, кроме кнопки «добавить в корзину». 4. По центру фото товара (500/400px), ниже доп фото в уменьшенном размере, нажимая на которые пользователь выводит изображение на место основного. К каждому товару не более 2х доп фото. Справа от товара цена, чуть ниже цены – «Корзина» 5. Постраничный пейджинг (при наличии более чем одной страницы). Страница товара 1. Шапка страницы аналогична главной странице 2. Название товара. 3. По центру фото товара (500/400), ниже доп фото в уменьшенном размере, нажимая на которые пользователь выводит изображение на место основного. К каждому товару не более 2х доп фото. Справа от товара цена, чуть ниже цены – «Корзина» 4. Изменение количества товара (как знаками «+» и «-», так и вводом цифрового значения в поле). 5. Ниже основного фото - Описание товара краткое (размеры, материал и тд). 6. Подвал – аналогичен ранее описанному. Корзина 1. Шапка страницы аналогична главной странице 2. Перечень товаров в корзине с возможностью изменения количества или удаления из списка. 3. В нижней части страницы слайдер «фирменная упаковка пакет и тд» 4. После подтверждения – переход на форму заполнения данных. 5. По центру – форма (имя, телефон и электронная почта, адрес доставки, кнопка «оформления заказа» и кнопка «продолжить покупки») 6. Форма ввода адреса состоит из двух ячеек (первая – выпадающий список городов куда возможна доставка + МО, второе поле – свободная форма для указания улицы и тд). 7. По выбранному из фильтра городу – заполняется поле «предположительный срок доставки» 8. Ниже кнопка подтверждения заказа и согласия с условиями доставки (со ссылкой на раздел «Оплата и доставка») 9. После подтверждения заказа происходит переход на страницу оплаты, в случае выбора отличного от «курьеру при получении», пользователь переводиться на сайт агрегатора платежей. 10. После первого заказа происходит автоматическая регистрация пользователя, где логином является указанный им способ связи (телефон или e-mail, в случае указания обоих полей – e-mail, пароль генерируется автоматически и высылается на электронную почту ) Личный кабинет. 1. Приветствие, с обращением по имени. 1. Перечень заказов, сделанных с данного аккаунта. Показывается последний заказ в развернутом виде (перечень товаров, дата, сумма заказа, адрес доставки), остальные разворачиваются по клику. 2. При оформлении с аккаунта – поля доставки первоначально заполняются в соответствии с последней оформленной покупкой. Блог 1. Типовая блоговая страница с возможностью просмотра каждой отдельной записи с комментариями и возможностью самостоятельного комментария. Может содержать текст, ссылки и иллюстрации. Использоваться будет для новостей итд. О компании Редактируется через систему администрирования сайта. Могут содержать ссылки, тексты, иллюстрации, Оплата и доставка Редактируется через систему администрирования сайта. Могут содержать ссылки, тексты, иллюстрации, Контактная информация Редактируется через систему администрирования сайта. Могут содержать ссылки, тексты, иллюстрации, Система администрирования 1. Облегченный порядок заведения новых товаров и редактирования товаров, подкатегорий и разделов. Возможность временного отключения товара из каталога на сайте. 2. Предусмотреть возможность автоматического ресайза фотографий под единые форматы. 3. Возможность редактирования всех баннеров (на главной странице для слайдера и под слайдером, баннер раздела/подраздела, баннер в описании товара) путем загрузки файлов на сервер (форматы swf, gif, jpg). Предусмотреть возможность проставления ссылки на требуемую страницу (функционирующую или вновь создаваемую) . Технические требования: 1. Техническая оптимизация с возможностью редактирования полей title, keywords, метатэги и т.д. 2. Выгрузка ассортимента в форматах XML и данных покупателей после регистрации. 3. Возможность синхронизации ассортимента в ручном и автоматическом режимах. Страницы, требующие утверждения заказчиком в дизайне: 1. Главная страница 2. Меню с выпадающими списками 3. Страница раздела/подраздела с выдачей в виде таблицы 4. Страница товара 5. Типовая текстовая страница (о компании, оплата и доставка, контактная информация,) 6. Страница личного кабинета 7. Страница корзины 8. Страницы оформления заказа 9. Страница подтверждения заказа 10. Страница раздела «Блог» 11. Страница записи в блоге 12. Всплывающие формы (подсказки при некорректно заполненных формах, добавление в корзину, подарок в корзине, пустые поисковые запросы) Приблизительное (схематичное) видение сайта.
