Тех. задание на интернет магазин автомобильных масел

Сайт Маслозона специализируется на продаже авто/мото масел, смазок и других товаров для автомобилей и спецтехники. Нашей задачей было разработать детальное Техническое задание, отражающие логику работы сайта, а аткже требования к дизайну и структуре страниц. В дальнейшем на основе данного ТЗ был создан Интернет магазин.

Содержание Технического задания:

  • Тематика сайта
  • Требования к дизайну и верстке
  • Функциональные модули сайта
  • Структура сайта
  • Скриншоты

MasloZonaTZ.png

I. Тематика сайта

Продажа авто/мото масел, смазок и других товаров для автомобилей и спецтехники.

II. Требования к дизайну и верстке

CMS: Opencart или Magento, на выбор исполнителя.

Основные цвета: Черный; синий; зеленый; серый; белый. Допускаются элементы красного в разумных пределах (возможно, для некоторых кнопок).Разметка страниц должна максимально соответствовать прототипам (прилагаются к ТЗ). По согласованию с заказчиком допускаются отклонения от прототипов, если в выбранной CMSточное выполнение прототипов невозможно.

Верстка: Сайт должен корректно работать и практически одинаково выглядеть в следующих браузерах: ИЕ8+; FF, Opera, GoogleChrome, Safari. Разрешение основной части сайта по горизонтали 1024 px. Минимальное разрешение по вертикали 768px. Однако по высоте сайт не должен ограничиваться. Высота сайта зависит от контента.

III. Функциональные модули сайта

Незарегистрированный пользователь может:

  • 1) Просматривать каталог товаров
  • 2) Искать товары с помощью фильтров или с помощью универсального поиска
  • 3) Открыть карточку любого товара на просмотр
  • 4) Набрать товары в корзину
  • 5) Просмотреть состояние корзины
  • 6) Оформить и оплатить заказ
  • 7) Просматривать текстовые разделы сайта (о компании, новости, и т.д.)
  • 8) Связаться с менеджером
  • 9) Перейти на страницы сайта в соц.сетях
  • 10)Зарегистрироваться

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

На этапе оформления заказа происходит автоматическая регистрация пользователя.После оформления заказа пользователю высылается письмо на указанный e-mail. В письме сообщается информация о заказе, высылается ссылка для подтверждения заказа, а также высылаются логин и пароль пользователя. Логин – это e-mail, пароль создается автоматически. Пользователь может поменять пароль в личном кабинете. E-mail также может поменять в личном кабинете, но логин остается прежним.

Если на этапе оформления заказа система (сайт) обнаружила, что такой е-мейл уже зарегистрирован в системе в качестве логина, то сообщает об этом пользователю и просит указать другой е-мейл либо выполнить вход. (!) После входа страница с текущими данными не должна пропасть. То есть юзер должен войти в систему и продолжить оформления заказа без потери данных.

Зарегистрированный пользователь:

Зарегистрированный пользователь может все тоже, что и незарегистрированный, а также:

  • 1) Выполнить вход
  • 2) Зайти в личный кабинет
  • 3) В личном кабинете просмотреть список всех своих заказов с их статусами
  • 4) Изменить персональную информацию, в том числе пароль и e-mail
  • 5) Запросить восстановление пароля (если забыл). При запросе восстановления пароля указывает логин.

Администратор сайта может:

Администратор сайта может все то же, что и незарегистрированный пользователь, кроме оплаты заказа. Также администратор может управлять сайтом с помощью админ. части (админки).

1) Импортировать цены на товары. Для этого подгружает ексель-файл заранее определенного шаблона (шаблон оговорить с заказчиком). В эксель файле имеются две колонки «Артикул» и «Цена продажи». Сайт обновляет цены, по завершении отображает отчет: сколько строк было обновлено, сколько не тронуто (если цена не поменялась), сколько строк не обработано вообще (например, в екселе была строка с артикулом, которого нет на сайте).

2) Автоматически обновлять цены на все товары. Необходима возможность менять цены на 5% больше или на 5% меньше для всех товаров сразу (размер процента каждый раз задается вручную).

3) Создавать новые товары (а также удалять товары и редактировать). Даже если товар фигурирует в каком-то заказе, должна быть возможность удалить/скрыть его с сайта. К примеру, в карточке товара в админке может быть галка «не отображать на сайте». Если галка стоит, то товар на сайте не отображается. Каждый товар определяется набором параметров и одной фотографией. (!) При добавлении товара автоматически накладывается водяной знак (изображение водяного знака согласовать с заказчиком).

4) Изменить порядок отображения товара на сайте. К примеру, в карточке товара можете быть поле «порядок отображения».

5) Добавлять новые категории и подкатегории товаров. Уровень вложенности подкатегорий неограничен. В одной категории может быть только одна подкатегория. В другой может быть две и более: Категория -> Подкатегория -> Подкатегория и т.д.При создании товара указание подкатегорий всех уровней обязательно. То есть не требуется реализация того, что товар, относится к категории верхнего уровня, а подкатегория не указана. Также не требуется реализация того, чтобы товар сразу относился к двум категориям.

6) Редактировать справочники, которые используются в карточке товара. А именно:

  1. Бренды
  2. Состав
  3. Вязкость
  4. Объем тары

Под редактированием справочником имеется в виду: добавление новых значений, изменение значений, удаление. Значение можно удалить только, если нет ни одного товара с таким параметром, в противном случае всплывает корректное сообщение о том, что параметр удалить нельзя. Также должна быть возможность скрыть параметр из фильтров на главной. Например, галка «Не отображать на главной». Должна быть возможность указать порядок расположения параметров в фильтре. По умолчанию параметры располагаются по алфавиту.

7) Заполнять / Редактировать текстовые разделы сайта (О компании, Новости, Контакты и т.д.). В том числе указывать, какие разделы сайта будут отображаться в футере, какие нет. Менять слайды и их названия. Также менять / добавлять / удалять картинки под слайдером

8) Просматривать список клиентов.

  1. Искать клиента по логину.
  2. Удалять клиента (если нет ни одного заказа).
  3. Открывать карточку клиента и редактировать его данные
  4. Таблицу с клиентами можно сортировать по каждому столбцу

9) Просматривать список заказов. Фильтровать заказы по статусу и клиенту

  1. Удалять заказ (изменять список товаров не может)
  2. Открыть карточку заказа на просмотр.
    Карточка товара содержит общую информацию о заказе, а также список товаров, количество и сумму.
  3. Перейти в карточку каждого товара заказа

10) Смотреть историю всех оплат. Должен быть список оплат. По каждой оплате: дата платежа, сумма, клиент, заказ.Внизу таблицы сумма всех оплат за выбранный период. Фильтрация платежей по периоду.

11) Создавать новых пользователей админки (админ; контент менеджер). Контент менеджер может только редактировать текстовые разделы сайта и наполнять сайт товарами. Он не может редактировать справочники, не имеет доступа к платежам, заказам, клиентам и так далее.

12) Добавлять новости. Каждая новость содержит Дату, заголовок, текст и картинки. Картинки и текст добавляются и форматируются в произвольном режиме через HTML-редактор. Заголовок каждой новости форматируется автоматически согласно дизайну сайта.

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

IV. Структура сайта

Основные страницы сайта следующие:

  1. Главная (отдельного пункта меню нет, переход на главную по клику на логотип)
  2. О компании (текстовая страница)
  3. Новости
  4. Оплата и доставка (текстовая страница)
  5. Возврат товаров (текстовая страница)
  6. Контакты
  7. Карточка товара
  8. Корзина покупок
  9. Страница оформления заказа
  10. Личный кабинет (Мои заказы и Мой профиль)
  11. Также в меню сверху располагаются кнопки: Задать вопрос, Вход, Регистрация

1) Главная сайта

Главную страницу сайта выполнить в соответствии с прототипом «ГЛАВНАЯ.png». Сверху сайта черная плашка с кнопками для навигации по сайту. Под плашкой располагается Логотип, Поиск и «Мой заказ». Справа прикреплена корзина - корзина всегда видна, даже если страница прокручена вниз.

Поиск. Поиск осуществляется по полям «Название товара» и «ИД товара» (поля согласовать с заказчиком.).

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

Каталог товаров. Над слайдом располагается плашка с категориями товаров. Категории создаются через админку. Также в админке указывается, какие категории будут отображены на синей плашке (например, галочкой «отображать над слайдом»). Полный список разделов товаров открывается по нажатию на кнопку «Каталог товаров». Полный список разделов товаров открывается по нажатию на кнопку «Каталог товаров». Чтобы открыть список товаров пользователь должен выбрать подкатегорию самого нижнего уровня.

Фильтры. Слева располагаются фильтры. Список фильтров соответствует прототипу. Значения каждого параметра может добавляться/редактироваться через админку. Категории фильтров могут сворачиваться/разворачиваться по нажатию на кнопку «+»/«-». При нажатии на кнопку «Убрать все фильтры» фильтры очищаются. Фильтры не должны сбрасываться при переходе на другую страницу. Фильтрация происходит при нажатии на кнопку «Фильтровать».

Бренды. Под слайдами располагаются движущиеся картинки (бренды). Слайды и бренды добавляются/редактируются через админку.

Список товаров. По умолчанию на Главной отображаются все товары, отмеченные галкой «отображать на главной». Возле каждого товара должно быть Название, Цена и кнопка «Добавить в корзину».

Футер. Подвал сайта выполнить в соответствии с прототипом.

2) Карточка товара

Карточка товара соответствует прототипу «КарточкаТовара.png». Полный список параметров согласовать с заказчиком. При клике на картинку товара изображение увеличивается. На картинке обязательно наложен водяной знак (картинку водяного знака согласовать с заказчиком)

3) Страница «Корзина покупок»

Страница соответствует прототипу «Корзина покупок.png». При нажатии на кнопку «Добавить товары» происходит переход на Главную страницу сайта. При нажатии на кнопку «Оформить заказ» пользователь переходит на страницу оформления заказа (рис. «Оформление заказа.png»). При клике на изображение товара картинка увеличивается. При нажатии на название товара (ссылку) открывается карточка этого товара в новой вкладке браузера. При удалении товара из корзины сайт должен переспросить, точно ли удалять товар.

Статус «в наличии» редактируется через админку. Полный список статусов согласовать с заказчиком. При изменении количества стоимость и сумма товаров автоматически пересчитываются и изменяются без обновления страницы. Варианты доставок. Если в поле «регион доставки» стоит галка «Москва или Московская область», то доступны все варианты доставок:

  1. Пик-поинт
  2. Курьер по Москве и области
  3. Почта EMS России

В противном случае вариант «Курьер по Москве и области» не доступен. При выборе варианта доставки также осуществляется проверка на допустимый вес товаров. Если суммарный вес товаров больше 6 литров (кг), то вариант Пик-поинт не доступен. Оформление вариантов доставки сделать в виде значков. Описание каждого варианта редактируется через админку.

4) Страница «Оформление заказа»

Страница соответствует прототипу «Оформление заказа.png». Текст в блоке «Оформление заказа» редактируется через админку.

Блок «Товары в заказе». Также как и на странице «Корзина покупок» возможно изменение количества товаров, удаление товаров из списка и переход в карточку товара при клике на название товара. При изменении количества товаров цена и сумма пересчитываются автоматически. При нажатии на иконку «удалить» появляется окно, где пользователь должен подтвердить свое действие.

Блок «Доставка заказа». Как и на странице «Корзина покупок» вариант доставки «Курьер по Москве и области» доступен только при условии, что поставлена галка «Москва и московская область». Вариант доставки по умолчанию выбран тот же, что и на странице «Корзина покупок», однако пользователь может его изменить.

Блок «Способ оплаты». Способ оплаты «Оплата по факту наличными» доступен только при установленной галке «Москва или московская область» (в блоке адрес доставки). При оплате он-лайн сумма покупок становится на 3% меньше.

Блок «Контактная информация». Данные из этих полей попадают в профиль пользователя. Значение из поля «Как Вас зовут» попадает в поле «Имя». Если пользователь вводит такой е-мелй, который уже есть в системе в качестве логина, то появляется сообщение о том, что пользователь с таким е-мейлом уже есть и предложение ввести другой е-мейл или войти на сайт. После входа на сайт пользователь должен остаться на текущей странице, данные о заказе не должны пропасть.

  1. Если же пользователь, перед тем как начать оформление заказа уже вошел на сайт, то:
  2. Нет текста «После оформления заказа Вы будете автоматически зарегистрированы».
  3. Поля «Как Вас зовут»,«Моб.телефон» и «e-mail» видны, но недоступны для редактирования. В них отображаются значения из профиля.
  4. Нет галки «Зарегистрироваться».
  5. Вместо нее ссылка Изменить данные. По нажатию на ссылку открывается страница профиля в новой вкладке браузера.

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

5) Личный кабинет «Мои заказы»

Страница соответствует прототипу «ЛичныйКаб_мои_заказы.png».

Поля заказа:

  1. No. Номер заказа присваивается автоматически.
  2. Дата. Дата оформления заказа – ставится автоматически.
  3. Товары. Список товаров заказа (количество каждого товара указывать необязательно либо можно указывать в скобках).
  4. Сумма (руб.). Сумма заказа без учета доставки.
  5. Статус. Текущий статус заказа. Редактируется администратором через админку. При изменении статуса заказа клиенту приходит письмо на почту.

6) Личный кабинет «Мой профиль»

Страница соответствует прототипу «ЛичныйКаб_мой_профиль.png». Если клиент зарегистрированный, то при повторном оформлении заказа поля «Как Вас зовут», «Телефон» и «E-mail» на странице «Оформление заказа» заполняются по умолчанию значениями из профиля.

7) О компании

По нажатию на кнопку «О компании» открывается текстовая страница сайта (см. рис. «О компании.png»). Контент заполняется через админку при помощи HTML-редактора.

8) Новости

По нажатию на кнопку «Новости» открывается страница с новостями (см. рис «Новости.png»).Новости заполняются через админку при помощи HTML-редактора. У каждой новости есть следующие параметры:

  1. Название
  2. Дата
  3. Краткое описание
  4. Длинное описание

На странице с новостями отображается только краткое описание. При переходе же в конкретную новость открывается страница с полным описанием новости.

9) Оплата и доставка

Обычная текстовая страница. Контент заполняется через HTML-редактор. Заголовок страницы форматируется автоматически.

10) Контакты

Страница с контактами. Контакты добавляются через админку. Форматирование автоматическое. Можно добавить несколько контактных лиц. У каждого контактного лица может быть несколько контактов (телефонов, е-мейлов, скайпов и др).

Внимание! Вы можете заказать у нас сайт или программу по телефону: +7(964)931-10-92. Или напишите в почту: jch@advance-dev.net.
Также мы отвечаем на сообщения в скайп: advance-dev