ТЕХНИЧЕСКОЕ ЗАДАНИЕ на разработку сайта интернет

ТЕХНИЧЕСКОЕ ЗАДАНИЕ на разработку сайта интернет магазина
подарков
1. ЭТАПЫ И СРОКИ СОЗДАНИЯ ИНТЕРНЕТ-МАГАЗИНА:
Общий срок работ по созданию Интернет-магазина составляет __ дней (__ дней разработка графического шаблона первой и внутренней страниц (дизайн, флэш, озвучка,
верстка шаблона) + __ дней программирование и подключение администраторского
модуля, __ дней – контент).






Разработка концепции сайта, информационное проектирование, оформление
Технического задания,
Разработка эскиза базового дизайна,
Создание работающего шаблона сайта, включая полную разработку «визуала»,
ссылки, интерактивные элементы, флэш-заставку, звуковое сопровождение
Программирование и подключение администраторского модуля, сайт должен
являться полностью интерактивным и управляемым на стороне Заказчика без
привлечения разработчиков к поддержке сайта
Подготовка, редактирование, верстка и настройка контента сайта под поисковые
системы,
Публикация сайта на сервере, тестирование, прописка в поисковых системах и
каталогах Yandex, Rambler, Aport!
2. ТЕХНОЛОГИЧЕСКИЕ ТРЕБОВАНИЯ:
2.1. Сайт разрабатывается под базовое разрешение экрана 1024х768 (мин 800х600)
пкс (в
т.ч. под коммуникаторы).
2.2. Корректное отображение браузерами Internet Explorer, Opera , Mozilla Firefox и др..
2.3. Использование фирменных цветов и логотипа компании,
2.4. Обязательная визуальная поддержка действий пользователя – т.н. «интерактив»
(визуальное отображение активных, пассивных ссылок; четкое обозначение
местонахождения пользователя).
2.5. Мета-теги и контент сайта на этапе изготовления сайта д.б. настроены для
поисковых систем, что обеспечить продвижение сайта по ключевым словам в
поисковых системах Yandex, Google, Rambler.
3. СТРУКТУРА И ОПИСАНИЕ САЙТА:
Главная страница (обложка сайта):

по всей ширине экрана (резиновая)

глубина сайта

Содержит графическую часть (не более 100 пикс в высоту),
не более 3-го уровня.
навигационное меню сайта, быстрый поиск, а также контентную область
для того, чтобы посетитель сайта с первой страницы мог получить
вводную информацию о компании.

Размещение элементов сайта:
Голова сайта:
Слева: логотип и телефон, справа: mail (картинкой), icq, skype, режим работы, название
«Интернет магазин подарков Телеграф» крупно в центре. При клике на лого в шапке –
переход на главную страницу. Общее пространство шапки должна занимать тематическая
иллюстрация и название текстом.
Основное меню [Главная интернет магазина подарков] [Полный каталог подарков]
Правила заказа и доставки подарков] [Контакты]
Фильтр (он же быстрый поиск) под основным меню, на всю длину основного меню. Три
категории фильтра (в скобках приведены выходящие при нажатии разделы): повод
(любой, новогодние подарки, подарок к 8 марта, подарок на 23 февраля, подарок на день
рождения, подарок на день милиции, подарок на день строителя, подарок на день
медицинского работника, подарок на день железнодорожника, подарок на день
металлурга, подарок на день работника нефтяной, газовой и топливной
промышленности, подарок на 1 сентября, подарок ко дню учителя, подарок на день
автомобилиста, подарок на день энергетика); кому (универсальный подарок, мужчине,
женщине); цена (не важно, до 1499 руб., от 1500 до 2999 руб., от 3000 руб. до 4500 руб.,
более 4500 руб.) Пример: (http://podarok.ru/ или http://e-xpedition.ru/)
Вертикальное меню слева – Каталог подарков с разбивкой категориям. Советы по
выбору подарка Тосты Поздравления Открытки Смешные картинки, прайс-лист,
Полезные программы (бесплатные), кнопка добавить в избранное.
Центр (между левым и правым вертикальным меню) – в первой строке разбивка на
категории Подарок на новый год, Подарок мужчине Подарок женщине Подарок на
профессиональный праздник, Эксклюзивный подарок, Категории необходимо снабдить
картинками одного размера с: все контактные данные, счетчики посещений ссылка
Подарок мужчине, картинка должна быть активной (при нажатии выходишь в каталог
мужских подарков). Аналогично со всеми другими категориями. Ниже идет текст, в
котором рассказывается об интернет магазине.
Вертикальное меню справа – Ваша корзина (ссылка дополнительно дублирует
пиктограмму корзины) Календарь праздников (число и праздник) Кто родился в этот
день, Специальные предложения (срочная доставка подарка, доставка подарка от
Вашего имени, распродажа) Календарь, Гарантия, возврат товара, ссылка на группу
ВКонтакте. В самом низу все счетчики посещений Liveinternet, Hot Log, Yandex (счетчик
ТИц)
Фундамент – внизу страницы отображаем название интернет магазина, контактный e-mail
(картинкой, чтобы спам-боты не скопировали адрес), телефон для заказа подарка.
Ниже строкой график приема заказа. В подрезке дублируем основное меню.
Весь дизайн и меню справ, сверху, слева постоянно остаются во всех разделах.
Примеры:
В качестве примера дизайна можно привести следующие сайты:
http://www.dargrad.ru/ - нравится дизайн, но без флеша
http://www.vippresent.ru/ - нравиться дизайн и цвета;
http://www.vipstile.ru/ - нравиться дизайн, цвета мрачноватые;
http://www.bull-bear.ru/ нравиться дизайн и цвета;
http://1000podarkov.ru/
http://www.r-ooo.ru/byx_obsluzyvanie.php?pid=63
В идеале в дизайне необходимо воссоздать атмосферу рабочего стола дорогого кабинета
(с зеленым сукном и деревянными полированными частями декора) с разложенными
деловыми аксессуарами (чернильница, перья, можно сигары и т.д.) но без перегрузки
графикой. Никакого флеша. Сайт должен грузиться быстро. Возможно применение в
дизайне видов или символов Санкт-Петербурга.
Каталог товаров
Разбит на разделы, подразделы с привязкой к различным критериям поиска и ссылкам из
меню. Вертикальное меню слева и ссылки на категории товаров в центре главной
страницы дают возможность навигации по списку товаров.
Кроме того, карточки товаров генерируются при осуществлении поиска при помощи
быстрого поиска (фильтра под основным меню).
Т.к. сайт будет содержать информационный раздел (контент) с советами по выбору
подарков, то в его тексте должны быть ссылки, переводящие либо на раздел, либо на
карточку товара.
Эти возможности навигации задают соответственно разные виды выводимых
информационных страниц в основной части сайта:
- Выбор категории в левом вертикальном меню, центральном или по быстрому поиску –
выводим краткую информацию о каждом товаре из этой категории с указанием картинки
товара (активная), кода товара, цены (в формате 1 000, а не 1000) и есть ли в наличии
(да/нет). Ниже кнопки «в корзину» «подробнее». Товары выводим по 2 штуке в ряд и 10
штук перечня вниз, получается по 20 штук на странице. Сверху предусмотрена сортировка
по цене и рейтингу (по умолчанию сортируется по рейтингу, администратор может
проставлять его сам). Весь перечень выводится в несколько страниц, кроме того, должна
быть возможность просмотра всех товаров категории на одной странице (1,2,3, все) Везде
на всех страницах каталога, кроме самих товаров должна быть сортировка по цене. Сама
картинка и наименование модели являются ссылками, которые при нажатии переправляют
нас в более подробную карточку описания товара. Таким образом, работа по заполнению
каталога продукции будет состоять только из создания товарных карточек
непосредственно на сайте и их структурирования в каталог в зависимости от запроса;
Карточка
товара
(пример
http://www.ac-studio.ru/e-shop/_id/1732/)
содержит
наименование товара, большую картинку под ней ссылки на другие картинки мелко,
(расположение картинки слева). Все картинки увеличиваются при клике. Справа краткое
описание характеристик, кнопка Задать вопрос, под картинкой крупно написана цена
(выделена ярким цветом), под ценой кнопки Купить сразу (оформить заказ) и Добавить в
корзину (обе кнопки отличаются по цвету от всего, что рядом). Покупка может быть
осуществлена любым пользователем без регистрации. После этого идет текст,
содержащий более подробную информацию о данном товаре (там же предусмотреть
возможность добавление дополнительных картинок и видео). Вверху маршрутка с
возможностью
переходить
на
страницу
каталога
и
главную
(пример
http://podarok.ru/catalog/215/4829/) Ниже идет поле из нескольких товаров «в дополнение к
подарку можно купить» (пример http://e-xpedition.ru/products/ema_01.html). Здесь
маленькие картинки сопутствующих товаров (открытки, услуга доставка подарка от
Вашего имени, футболки с надписями и т.д.) Подробная карточка должна открываться в
отдельном окне. Все картинки с подписями (на случай если мультимедия в браузере
отключена)
Корзина
Корзина открывается в отдельном окне.
При нажатии кнопки «добавить в корзину» в корзине (которая находится в вертикальном
правом меню) это отображается (возможно предусмотреть изменение пиктограммы
корзины в случае появления там товара на заполненную).
В корзину мы попадаем при условии, что пользователь нажал на кнопку «купить сразу»
или иконку корзина в любом разделе сайта.
Основное содержимое корзины представлено в виде таблицы, где в виде строк приведены
выбранные пользователем товары, а именно – наименование (с ссылкой на этот товар в
каталоге), цена товара, стоимость доставки, поле, где можно выбрать количество (по
умолчанию 1), общая сумма, кнопка «удалить». Нажатие на последнюю удаляет
выбранную строку из таблицы. Внизу таблицы приведены итоги – кол-во штук и общая
сумма заказа. Эта же информация отображается в головной области сайта. Под таблицей
находится кнопка, «Пересчитать» нажатие на которую обновляет информацию о заказе
(т.е. пользователь мог изменить выбранное количество).
Из корзины должна быть обязательна ссылка на главную страницу.
Ниже таблицы имеем две кнопки – «Пересчитать» и «Оформить заказ» (нажатие на
которую переводит на страницу оформления заказа).
Страница оформления заказа и оплаты Сверху страницы – приводится информация об
оформляемом заказе – Сумма, стоимость доставки, общая сумма. При этом хотелось бы
варьировать бесплатную доставку при общей сумме заказа свыше 4 т.р. и платную
доставку при заказе ниже 4 т.р.). Далее заполняются графы Имя (обязательное помечаем
*), E-Mail (@ поставить между двумя полями по умолчанию, чтобы покупатель про нее не
забыл), контактный телефон (*), адрес доставки, дополнительные сведения (с
расшифровкой: здесь вы можете указать удобное время и дату доставки, коды на дверях и
домофонах, сложные схемы проходов т.е. всю информацию необходимую для того чтобы
мы могли Вас быстро найти). Ниже выбор способа оплаты
1. Наличный расчет (Оплата наличными при получении заказа.)
2. Безналичный расчет через отделение Сбербанка (для пользователя – физ лица) (Вы можете оплатить заказ в отделении любого банка. Срок зачисления денежных средств - 2-3
рабочих дня. Комиссия банка за проведение платежа - 3-7% от суммы перевода.
Предоплаченный Заказ вручается лицу, указанному в качестве Получателя Заказа по документу,
удостоверяющему личность.)
3. Оплата по счету (для пользователя – юр лица).
4. Введите ваш номер дисконтной карты нашего магазина для получения скидки
(пометить как необязательное к заполнению)
При нажатии кнопки в зависимости от выбранного способа оплаты выводятся различные
страницы, связанные с оплатой заказа.
При выборе оплаты курьеру сразу показываем страницу благодарности, где указан номер
заказа, сумма заказа и способ оплаты. После текст «Наши менеджеры свяжутся с Вами в
ближайшее время».
При выборе оплаты по безналу выводится страница благодарности с кнопкой
«Распечатать бланк оплаты»
По нажатию кнопки «Распечатать бланк оплаты» выводится печатная форма платежного
поручения для Сбербанка для оплаты от физического лица.
При выборе оплаты по счету (для пользователя юр лица) выводим печатную форму счета.
(аналогичным способом, как и при платеже оплаты по безналу).
После выбора всех этих параметров пользователь нажимает кнопку «Подтвердить заказ и
отправить» и сформированный заказ уходит по электронной почте на заранее
согласованный почтовый ящик менеджеров проекта.
Информационные странички главного и левого вертикального меню
Контакты - выводим контакты нашей компании – обычную страничку с описанием и
несколькими фотографиями. Схема проезда.
Правила заказа и доставки подарков – как у всех
Советы по выбору подарка - Страница должна быть в виде следующих друг за другом
ссылок, которая адресует к полному тексту. Обновляем контент через веб-форму или
электронное письмо.
Гарантия – стандартная информационная страничка с условиями гарантии
Тосты – Страница должна быть в виде следующих друг за другом ссылок (заголовок под
ним краткий текст) – заголовок работает как гиперссылка, которая адресует к полному
тексту
Поздравления - Страница должна быть в виде следующих друг за другом ссылок
(заголовок под ним краткий текст) – заголовок работает как гиперссылка, которая
адресует к полному тексту
Открытки - Страница должна быть в виде каталога с открытками аналогичная каталогу
подарков.
Прикольные картинки - Страница должна быть в виде следующих друг за маленьких
картинок с кнопкой скачать.
Прайс-лист – стандартная страница с excel файлом.
Как купить – стандартная информационная страничка с принтскринами для неопытных
пользователей, где описываются этапы оформления заказа.
Баннеры должны добавляться друг под другом по мере необходимости. Сам по себе
баннер представляет ссылку на ту или иную категорию товара или описание акции.
Например – вывешиваем супер цену – ссылка на товар с этой ценой (или комплект!, т.е.
продаем телефон+аксессуар по супер цене). Вывешиваем распродажу – ссылка на
страницу с перечнем распродаваемого товара. Вывешиваем баннер о специальной акции переадресуем на страницу с описанием акции. При этом у нас должна быть возможность
как самостоятельно вывешивать баннеры, так и редактировать их ссылки.
Админка
Администратор сайта должнен иметь возможность доступа в «базу заказов». Здесь он
имеет возможность просмотреть все заказы, которые были сделаны. И статус каждого
заказа: заказал, но пока не оплатил, оплатил. Возможность удалить в архив выполненные
заказы. Т.е. в админке должны редактироваться все параметры заказа (заказчик, товар(ы),
количество, оплатил/не оплатил, доставлено/не доставлено, каким способом оплачено.
Слежение за состоянием заказа. При отправке, содержимое заказа заносится в БД в
отдельный список заказов, где посредством администраторского модуля
осуществляется смена статусов данного заказа (например: «оплачен», «отгружен»).
Необходимо предусмотреть и другие полезные функции для менеджера:
 Сохранение истории обработки каждого заказа, которую может
посмотреть администратор магазина

Возможность удалять и отменять заказы, возможность составлять заказы
от имени клиента.
Ну и не забыть про 404 страницу со ссылкой на главную страницу.
8. Необходимо протестировать сайт в браузерах IE 6,7,8,; Mozilla Firefox ; Opera в том
числе отключенной мультимедией.