Техническое задание «Marketplace com»


Назначение и цели создания портала Marketplace.com



страница3/25
Дата27.11.2017
Размер1.19 Mb.
ТипТехническое задание
1   2   3   4   5   6   7   8   9   ...   25

3. Назначение и цели создания портала Marketplace.com.


Целью Заказчика является создание качественного портала “Marketplace.com ” который будет совмещать в себе e-Commerce B2B портал с порталом услуг и получение прибыли (продажа страниц магазинов на сайте, абонентская плата, реклама).

4. Требования к сайту и программному обеспечению

4.1. Требования к программному обеспечению сайта


Стек технологий определяется заказчиком на основании предложений от команды разработки на основании данного тз и требований заказчика к системе.

4.2. Общие требования к оформлению и верстке страниц сайта


  1. HTML 5 - как язык семантической разметки

  2. CSS3 - для стилизации

  3. JQuery - для динамики страницы (собственно все плагины, буду основаны на последней версии jquery, на данном этапе это : jquery 1.11.3)

  4. Bootstrap 3 как CSS3 фреймворк для адаптивной верстки (корректное отображение на различных устройствах)

  5. Используем расширения от min-width=752px до max-width=1260px с перестроением на ширине 992px и 1024px

  6. Соблюдение валидности разметки, проверка через https://validator.w3.org/

  7. Соблюдение правил оформления стилевых таблиц, проверка через http://csslint.net/

  8. Соблюдение правил написания JS сценариев, проверка через http://www.jslint.com/

  9. Соблюдение корректности верстки для последних версий браузеров Mozilla Firefox. Chrome, Opera, Safari, браузера IE 9 и более новые версии

  10. Шаблонизатор Mustache для избежания дублирования html-кода

  11. Склейка изображений в спрайты для ускорения загрузки страниц

  12. Максимальная замена графических изображений css - аналогами (треугольники, фоны, стрелочки и т.д.)

  13. Использование иконочного шрифта https://fortawesome.github.io/Font-Awesome/ вместо загрузки лишних изображений

  14. Соблюдения правил SEO

    1. мета-теги (title, description)

    2. корректное использование заголовков H1..H5 (H1 на странице должен использоваться не более 1 раза)

    3. атрибуты alt для изображений

    4. атрибут title для названий контейнеров

  15. Поддержка стандарта микроразметки Sсhema.org для сущностей в проекте:

    1. http://schema.org/Person

    2. http://schema.org/Product

    3. http://schema.org/Review

    4. http://schema.org/Offer

16. Open graph разметка (og:title, og:image, og:description, og:url)

Все изображения, размещенные на сайте, должны сопровождаться пояснительным текстом об их содержании на случай невозможности загрузки (ALT-текст). Все ссылки на сторонние ресурсы, которые присутствуют в данной системе, должны открываться в отдельном окне браузера (_blank).

Необходимо использовать понятные для восприятия адреса страниц, например вида

http://site/section/page

4.3 Требования к кроссбраузерности


Сайт должен корректно отображаться и работать при разрешении экрана 1024 px и более, включенных javascript и cookies в последних версиях следующих браузеров:

  1. Mozilla Firefox

  2. Оpera

  3. Google Chrome

  4. Safari

  5. Internet Explorer 9 и выше;

4.4 Требование к языковой версии сайта


Сайт будет представлен на 4 языках - английский, арабский, китайский, русский). При выборе арабского языка - структура сайта изменяется (зеркальное отображение), дизайн остается тем же.

5. Группы пользователей





  1. Незарегистрированные пользователи (гость)

  2. Зарегистрированные пользователи (авторизованный покупатель)

  3. Зарегистрированная компания (поставщик)

  4. Администратор сайта

Уровни доступа для каждой группы:



https://docs.google.com/spreadsheets/d/1PyNkN-Kik5X6oYog4jOvL0XjvyjROpJyjfkq6YvO76A/edit#gid=0

6. Типовые блоки сайта

6.1 Хэдер


Прототип: http://6jvf3b.axshare.com/#g=1&p=1_0_0_0_items_card

Хэдер является единым для всех страниц сайта кроме исключительных вариантов (15.1 Хедер главной страницы, личный кабинет покупателя, личный кабинет поставщика, Регистрация, Магазин поставщика,).



Шапка состоит из:

  1. Лого, по клику переход на главную страницу сайта;

  2. Поиска, который состоит из:

  • Поля для ввода текста (в поле по-умолчанию - подсказка «Поиск», которая исчезает после первого введенного символа);

  • Селекта выбора раздела сайта (“Товары”, “Услуги”, “Поставщики”, “Покупатели”) для поиска (по-умолчанию показывается “Товары”, если не указанно иначе в частных случаях);

  • Кнопка (иконка) «Найти»;

    • Поиск товара происходит по названию и по его ключевым словам. Приоритет выдачи :

    • Шоукейсы

    • Проверенные товары

    • Товары золотых пользователей

    • Остальные

    • Поиск услуги происходит по названию и по его ключевым словам. Приоритет выдачи :

    • Шоукейсы

    • Проверенные услуги

    • Услуги золотых пользователей

    • Остальные

  • Поиск Покупатели (запросы на товар/услугу) происходит по названию. Приоритет выдачи :

    • по дате

  • Поиск Поставщиков происходит по названию поставщика. Приоритет выдачи :

    • Самый дорогой пакет из золотого статуса

    • Средний по стоимости пакет из золотого статуса

    • Дешевый пакет из золотого статуса

    • Остальные зарегистрированные и проверенные поставщики

Присутствует авто-комплит (при введении текста поискового запроса - под полем для ввода текста всплывают подсказки с наиболее подходящими запросами соответствующие вводящим символам, максимум показывает 10 подсказок)

  1. Вспомогательного меню (ссылки “О нас”, “Продать на Marketplace.com ”, “Купить на Marketplace.com ”, “Помощь”, “Новичкам”), при клике - переход на соответствующий раздел сайта;

  2. Селекта “Выбор языка” (сайт будет представлен на 4 языках - английский, арабский, китайский, русский). При выборе арабского языка - структура сайта изменяется (зеркальное отображение);



  1. Кнопка “Войти/Регистрация”, при ховере показывается вспомогательное меню которое состоит из:

  • блока войти: кнопка “Войти” - открывается поп-ап входа в личный кабинет (6.4 Регистрация/Авторизация), кнопки-иконки входа через соц. сети (фейсбук, гугл+, вконтакте) при нажатии - модальное окно входа через соответствующую соц.сеть с помощью API;

  • блока регистрация - текст убеждение, кнопка “Регистрация” открывается новое окно регистрации (6.4 Регистрация/Авторизация);

  • кнопка “Добавить запрос” - ведет на страницу регистрации”(6.4 Регистрация/Авторизация);

  • кнопка “Разместить товар” ведет на страницу регистрации (6.4 Регистрация/Авторизация);

  • кнопка “Разместить услугу” ведет на страницу регистрации (6.4 Регистрация/Авторизация);

  1. Кнопка “Добавить запрос”, при нажатии - модальное окно “Выбор типа запроса”, для зарегистрированного пользователя, если же пользователь не авторизован тогда открывается окно с регистрацией (6.4 Регистрация/Авторизация);


Поделитесь с Вашими друзьями:
1   2   3   4   5   6   7   8   9   ...   25


База данных защищена авторским правом ©vossta.ru 2019
обратиться к администрации

    Главная страница