3. Назначение и цели создания портала Marketplace.com.
Целью Заказчика является создание качественного портала “Marketplace.com ” который будет совмещать в себе e-Commerce B2B портал с порталом услуг и получение прибыли (продажа страниц магазинов на сайте, абонентская плата, реклама).
4. Требования к сайту и программному обеспечению 4.1. Требования к программному обеспечению сайта
Стек технологий определяется заказчиком на основании предложений от команды разработки на основании данного тз и требований заказчика к системе.
4.2. Общие требования к оформлению и верстке страниц сайта -
HTML 5 - как язык семантической разметки
-
CSS3 - для стилизации
-
JQuery - для динамики страницы (собственно все плагины, буду основаны на последней версии jquery, на данном этапе это : jquery 1.11.3)
-
Bootstrap 3 как CSS3 фреймворк для адаптивной верстки (корректное отображение на различных устройствах)
-
Используем расширения от min-width=752px до max-width=1260px с перестроением на ширине 992px и 1024px
-
Соблюдение валидности разметки, проверка через https://validator.w3.org/
-
Соблюдение правил оформления стилевых таблиц, проверка через http://csslint.net/
-
Соблюдение правил написания JS сценариев, проверка через http://www.jslint.com/
-
Соблюдение корректности верстки для последних версий браузеров Mozilla Firefox. Chrome, Opera, Safari, браузера IE 9 и более новые версии
-
Шаблонизатор Mustache для избежания дублирования html-кода
-
Склейка изображений в спрайты для ускорения загрузки страниц
-
Максимальная замена графических изображений css - аналогами (треугольники, фоны, стрелочки и т.д.)
-
Использование иконочного шрифта https://fortawesome.github.io/Font-Awesome/ вместо загрузки лишних изображений
-
Соблюдения правил SEO
-
мета-теги (title, description)
-
корректное использование заголовков H1..H5 (H1 на странице должен использоваться не более 1 раза)
-
атрибуты alt для изображений
-
атрибут title для названий контейнеров
-
Поддержка стандарта микроразметки Sсhema.org для сущностей в проекте:
-
http://schema.org/Person
-
http://schema.org/Product
-
http://schema.org/Review
-
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 в последних версиях следующих браузеров:
-
Mozilla Firefox
-
Оpera
-
Google Chrome
-
Safari
-
Internet Explorer 9 и выше;
4.4 Требование к языковой версии сайта
Сайт будет представлен на 4 языках - английский, арабский, китайский, русский). При выборе арабского языка - структура сайта изменяется (зеркальное отображение), дизайн остается тем же.
5. Группы пользователей
-
Незарегистрированные пользователи (гость)
-
Зарегистрированные пользователи (авторизованный покупатель)
-
Зарегистрированная компания (поставщик)
-
Администратор сайта
Уровни доступа для каждой группы:
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 Хедер главной страницы, личный кабинет покупателя, личный кабинет поставщика, Регистрация, Магазин поставщика,).
Шапка состоит из:
-
Лого, по клику переход на главную страницу сайта;
-
Поиска, который состоит из:
-
Поля для ввода текста (в поле по-умолчанию - подсказка «Поиск», которая исчезает после первого введенного символа);
-
Селекта выбора раздела сайта (“Товары”, “Услуги”, “Поставщики”, “Покупатели”) для поиска (по-умолчанию показывается “Товары”, если не указанно иначе в частных случаях);
-
Кнопка (иконка) «Найти»;
-
Поиск товара происходит по названию и по его ключевым словам. Приоритет выдачи :
-
Шоукейсы
-
Проверенные товары
-
Товары золотых пользователей
-
Остальные
-
Поиск услуги происходит по названию и по его ключевым словам. Приоритет выдачи :
-
Шоукейсы
-
Проверенные услуги
-
Услуги золотых пользователей
-
Остальные
-
Поиск Покупатели (запросы на товар/услугу) происходит по названию. Приоритет выдачи :
-
Поиск Поставщиков происходит по названию поставщика. Приоритет выдачи :
-
Самый дорогой пакет из золотого статуса
-
Средний по стоимости пакет из золотого статуса
-
Дешевый пакет из золотого статуса
-
Остальные зарегистрированные и проверенные поставщики
Присутствует авто-комплит (при введении текста поискового запроса - под полем для ввода текста всплывают подсказки с наиболее подходящими запросами соответствующие вводящим символам, максимум показывает 10 подсказок)
-
Вспомогательного меню (ссылки “О нас”, “Продать на Marketplace.com ”, “Купить на Marketplace.com ”, “Помощь”, “Новичкам”), при клике - переход на соответствующий раздел сайта;
-
Селекта “Выбор языка” (сайт будет представлен на 4 языках - английский, арабский, китайский, русский). При выборе арабского языка - структура сайта изменяется (зеркальное отображение);
-
Кнопка “Войти/Регистрация”, при ховере показывается вспомогательное меню которое состоит из:
-
блока войти: кнопка “Войти” - открывается поп-ап входа в личный кабинет (6.4 Регистрация/Авторизация), кнопки-иконки входа через соц. сети (фейсбук, гугл+, вконтакте) при нажатии - модальное окно входа через соответствующую соц.сеть с помощью API;
-
блока регистрация - текст убеждение, кнопка “Регистрация” открывается новое окно регистрации (6.4 Регистрация/Авторизация);
-
кнопка “Добавить запрос” - ведет на страницу регистрации”(6.4 Регистрация/Авторизация);
-
кнопка “Разместить товар” ведет на страницу регистрации (6.4 Регистрация/Авторизация);
-
кнопка “Разместить услугу” ведет на страницу регистрации (6.4 Регистрация/Авторизация);
-
Кнопка “Добавить запрос”, при нажатии - модальное окно “Выбор типа запроса”, для зарегистрированного пользователя, если же пользователь не авторизован тогда открывается окно с регистрацией (6.4 Регистрация/Авторизация);
Поделитесь с Вашими друзьями: |
