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


Раздел “Мой сайт. Кабинет поставщика”



страница23/25
Дата27.11.2017
Размер1.19 Mb.
ТипТехническое задание
1   ...   17   18   19   20   21   22   23   24   25

20.3 Раздел “Мой сайт. Кабинет поставщика”


Состоит из подразделов:

  • главная;

  • товары (отображается если создана хоть одна категория);

  • услуги (отображается если создана хоть одна категория);

  • информация о поставщике;

  • контакты.



20.3.1 Главная. Мой сайт.


При просмотре покупателем - нет возможности редактировать.

Верхний блок

Состоит из:







  • блок “Обложка”:

  • название поставщика;

  • кнопка “Изменить”, при нажатии переход в подраздел “Профиль компании” раздела “Аккаунт”;

  • визуальное отображение статусов поставщика: золотой статус, проверенный поставщик. Если статусов нет, тогда отображаться ссылки в раздел “Помощь”: “Как получить "Золотой статус" ?”, “Проверенный поставщик ?”.

Варианты отображения:

без статусов, отображается только для владельца магазина


Есть только “Золотой статус”


Есть статусы: Проверенный поставщик, Золотой статус




  • кнопка “Изменить обложку” - открывается окно браузера для загрузки изображений, а данная кнопка заменяется кнопкой “Сохранить”. Изображение отображается в блоке для фото з возможностью центрирования фото (если его размер больше блока для фото). После нажатия на кнопку “Сохранить” все изменения сохраняются.




  • блок “Кнопки разделов”

Состоит из кнопок переключения разделов: главная, товары, услуги, информация о поставщике, контакты. Активная кнопка визуально отмечена.

При ховере на кнопки: “Товар”, “Услуги”, “Информация о поставщике” - дроп листы под меню.

При ховере на кнопки - эффект изменения цвета кнопки.




  • блок “Карточка поставщика”

- изображение, превью (не больше 4). Если изображения небыли

загружены, тогда вместо них отображаются плейсхолдеры, при клике

на основной плейсхолдер - редактирование (п.12.1 Раздел “Аккаунт.



Кабинет поставщика”);

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



  • частота ответов на покупку товара, т.е как часто поставщик отвечает на запросы о покупке товаров и доводит до конца, формулу стоит разработать, проценты;

  • имя, фамилия контактного лица;

  • ссылка “Редактировать” (отображается только для владельца магазина, при ховере - эффект изменения цвета кнопки) ведет на страницу Личного кабинета “Аккаунт”, О компнаии(п.21.1 Раздел “Аккаунт. Кабинет поставщика”).


Блок “Слайдер”

Состоит из изображений (макс. 4), элементов прокрутки (бесконечной) изображений, элементов отображения количества изображений и активного изображения (4 круги в нижней центральной части слайдера). Для владельца магазина в нижнем правом углу отображается кнопка “Изменить” - открывает блок “Настройка слайдера”.


При “холодном старте” в слайдере отображаются дефолтные изображения с надписью “Загрузите свои фото в слайдер”.



Блок “Настройка слайдера”

Состоит из:



  • блок изображений, не больше 4-ох (если изображений нет - плейсхолдеры). Состоит из изображений, названий изображений, кнопки “Удалить”;

  • краткая инструкция, как загрузить фото;

  • блок загрузки изображений: инструкция по загрузке фото (тип файла, расширение), кнопка “Загрузить фото” - открывает окно браузера для загрузки фото;

  • кнопка “Отменить” - закрывает блок “Настройки слайдера”, изменения не сохраняются;

  • кнопка “Сохранить” - закрывает блок “Настройки слайдера”, изменения сохраняются;


Блок “Выбор языка”

Состоит из 4-ох блоков языков. Блок: флаг, название языка (на соответствующем языке).



Блок “Новые товары”


Состоит из 4-ох мини карточек товаров №4:

  • изображение;

  • название;

  • минимальный заказ;

  • кнопка “Сообщение” (отображается при ховере на мини карточку), ведет в раздел “Сообщения” (14.6 Раздел “Сообщения. Кабинет поставщика”).

Если в магазине нет товаров, тогда в блоке отображается надпись “Пока нет новых товаров” и кнопка “Добавить товары” - ведет в раздел “Добавление товаров” (описан ниже).






Блок “Новые услуги ”

Состоит из 4-ох мини карточек услуг №4:



  • изображение;

  • название;

  • кнопка “Сообщение” (отображается при ховере на мини карточку), ведет в раздел “Сообщения” (14.6 Раздел “Сообщения. Кабинет поставщика”).

При “холодном старте” в блоке отображается надпись “Пока нет новых услуг” и кнопка “Добавить услуги” - ведет в раздел “Добавление услуг” (описан ниже). Отображается пока не будут добавлены товар или услуга.




Блок “Статический банер”

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

В левом нижнем углу - кнопка “Изменить” - открывает блок “Редактирование баннера”.






Блок “Редактирование банера”

Состоит из:



  • блок изображения (если изображения нет - плейсхолдер). Состоит из изображений, названий изображений, кнопки “Удалить”;

  • краткая инструкция, как загрузить фото;

  • блок загрузки изображений: инструкция по загрузке фото (тип файла, расширение), кнопка “Загрузить фото” - открывает окно браузера для загрузки фото;

  • инпут для ссылки которая ведет на один из разделов магазина;

  • кнопка “Отменить” - закрывает блок “Настройки слайдера”, изменения не сохраняются;

  • кнопка “Сохранить” - закрывает блок “Настройки слайдера”, изменения сохраняются;



Блок “Товары”

Состоит из:



  • Контентный блок - из 12-ти мини карточек товаров №4




  • Блок “Поиск товаров”: инпут для ввода текста запроса, кнопка “Поиск” ведет на страницу “Поиск товаров магазина” (описана ниже);

  • Блок “Категории”. Отображается: 5 категорий товаров магазина (активная - выделена); кнопка “Смотреть все” - открывает весь список категорий товаров магазина. При клике на категорию в “Контентном блоке” отображаются соответствующие товары.



Блок “Услуги”

Состоит из:



  • Контентный блок - из вертикальных мини карточек услуг №4 (изображение, название услуги, кнопка “Сообщение” - ведет на страницу “Сообщения”, блок сообщения по данной услуге, активна - если есть сообщения).




  • Блок “Поиск услуг”: инпут для ввода текста запроса, кнопка “Поиск” ведет на страницу “Поиск услуг магазина” (описана ниже);

  • Блок “Категории”. Отображается: 5 категорий товаров магазина (активная - выделена); кнопка “Смотреть все” - открывает весь список категорий товаров магазина. При клике на категорию в “Контентном блоке” отображаются соответствующие товары.


Блок “Статический банер”

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

В левом нижнем углу - кнопка “Изменить” - открывает блок “Редактирование банера”.


Блок “Редактирование банера”

Состоит из:



  • блок изображения (если изображения нет - плейсхолдер). Состоит из изображений, названий изображений, кнопки “Удалить”;

  • краткая инструкция, как загрузить фото;

  • блок загрузки изображений: инструкция по загрузке фото (тип файла, расширение), кнопка “Загрузить фото” - открывает окно браузера для загрузки фото;

  • инпут для ссылки которая ведет на один из разделов магазина;

  • кнопка “Отменить” - закрывает блок “Настройки слайдера”, изменения не сохраняются;

  • кнопка “Сохранить” - закрывает блок “Настройки слайдера”, изменения сохраняются;

20.3.2 Товар. Мой сайт.


  • Верхний блок (описан здесь);

  • Блок разделов (описан здесь);

  • Контентный блок: 12 мини карточек товаров №4; кнопка “Редактировать список товаров” - ведет на страницу “Редактирования товаров в категории”, пагинация (п. 6.3 Пагинация).

Редактирование товаров в категории”.

Состоит из:


  • блок фильтрации. Кнопки (стилизованные под ссылки): Отображаемые товары, Скрытые, Все утвержденные. При клике - отображаются соответствующие товары;

  • блок поиска товаров в категории: инпут для ввода текста, кнопка-иконка “Поиск”;

  • таблица товаров. Колонки: товар (изображение, название), описание (текстовое описание товара), цена (валюта, цифровое отображение, мера измерения), последние изменение, действия (скрыть/отобразить товар в категории). Если активна кнопка “Все утвержденные”, то в таблице, товар, что отображается в категории отображается с затемненным фоном;

  • пагинация (п.6.3 Пагинация);

  • кнопка “Отменить” - закрывает редактирование товаров, изменения не сохраняются;

  • кнопка “Сохранить” - закрывает редактирование товаров, изменения сохраняются;



При “Холодном старте” в контентном блоке отображается форма создания категорий:



  • текст: “Каталог товаров пуст. Сначала создайте категории товаров. ”;

  • блок категорий, где отображаются названия новых категорий. Возле названия категории - кнопка “Удалить”;

  • поле для ввода названия категории;

  • кнопка “Добавить категорию” - отображает название категории в блоке категорий;

  • кнопка “Сохранить” - все созданные категории сохраняются, данная форма закрывается, а в контентном блоке отображается блок “Добавление товаров”.




Блок “Добавление товаров”.

При нажатии на кнопку “Добавить товары в категорию” открывается страница “Редактирование товаров в категории”, где отображены все утвержденные товары




  • Левый бар: блок “Поиск товаров по ключевому слову”: инпут для ввода текста запроса, кнопка “Поиск” ведет на страницу “Поиск товаров магазина” (описана ниже); блок “Категории”. Отображаются: категории товаров магазина (активная - выделена); кнопка “Редактировать категории” - открывает блок “Редактирование категорий товаров магазина”. При клике на категорию в “Контентном блоке” отображаются соответствующие товары.




Редактирование категорий товаров магазина

Открывается при нажатии на кнопку “Редактировать категории”. Состоит из:



  • список названий категорий. При клике на название категории открывается блок редактирования категории: инпут с названием категории, кнопка “Удалить”, кнопка “Сохранить”;

  • блок “Добавление новой категории”: поле для ввода названия категории; кнопка “Добавить категорию” - отображает название категории в блоке категорий (новая категория - выделенная); кнопка “Сохранить” - все созданные категории сохраняются, данная форма закрывается.

20.3.3 Услуги. Мой сайт.


  • Верхний блок (описан здесь);

  • Блок разделов (описан здесь);

  • Контентный блок: вертикальных мини карточек услуг №4; кнопка “Редактировать список услуг” - ведет на страницу “Редактирования услуг в категории”, пагинация (п. 6.3 Пагинация).

Редактирование услуг в категории”.

Состоит из:


  • блок фильтрации. Кнопки (стилизованные под ссылки): Отображаемые услуги, Скрытые, Все утвержденные. При клике - отображаются соответствующие услуги;

  • блок поиска услуг в категории: инпут для ввода текста, кнопка-иконка “Поиск”;

  • таблица услуг. Колонки: услуга (изображение, название), описание (текстовое описание услуги), цена (валюта, цифровое отображение, мера измерения), последние изменение, действия (скрыть/отобразить услугу в категории). Если активна кнопка “Все утвержденные”, то в таблице услуга, что отображается в категории отображается с затемненным фоном;

  • пагинация (п.6.3 Пагинация);

  • кнопка “Отменить” - закрывает редактирование услуг, изменения не сохраняются;

  • кнопка “Сохранить” - закрывает редактирование услуг, изменения сохраняются;


При “Холодном старте” в контентном блоке отображается форма создания категорий:



  • текст: “Каталог товаров пуст. Сначала создайте категории услуг”;

  • блок категорий, где отображаются названия новых категорий. Возле названия категории - кнопка “Удалить”;

  • поле для ввода названия категории;

  • кнопка “Добавить категорию” - отображает название категории в блоке категорий;

  • кнопка “Сохранить” - все созданные категории сохраняются, данная форма закрывается, а в контентном блоке отображается блок “Добавление услуг”.




Блок “Добавление услуг”.

При нажатии на кнопку “Добавить услуги в категорию” открывается страница “Редактирование услуг в категории”, где отображены все утвержденные услуги..


  • Левый бар: блок “Поиск услуг по ключевому слову”: инпут для ввода текста запроса, кнопка “Поиск” ведет на страницу “Поиск услуг магазина” (описана ниже); блок “Категории”. Отображаются: категории услуг магазина (активная - выделена); кнопка “Редактировать категории” - открывает блок “Редактирование категорий услуг магазина”. При клике на категорию в “Контентном блоке” отображаются соответствующие услуги.




Редактирование категорий услуг магазина

Открывается при нажатии на кнопку “Редактировать категории”. Состоит из:



  • список названий категорий. При клике на название категории открывается блок редактирования категории: инпут с названием категории, кнопка “Удалить”, кнопка “Сохранить”;

  • блок “Добавление новой категории”: поле для ввода названия категории; кнопка “Добавить категорию” - отображает название категории в блоке категорий (новая категория - выделенная); кнопка “Сохранить” - все созданные категории сохраняются, данная форма закрывается.

Витрина товаров и услуг


Добавление товаров и/или услуг происходит по такому же методу как и добавление обыкновенных товаров/услуг. Количество товаров/услуг зависит от тарифного пакета поставщика.

20.3.4 Информация о поставщике. Мой сайт.


Состоит из:

  • блок “Меню” - кнопки переключения разделов: Профиль компании, Производительная мощность, Торговый потенциал, Сертификаты, Взаимодействия между покупателями (активная кнопка визуально выделена), кнопка “Редактировать разделы” являются разделами по-умолчанию. Если какой-то из разделов не заполнен (ни разу не заполнялся) то он не отображается. При нажатии на данную кнопку - блок “Редактирование разделов”;



Блок “Редактирование разделов”.

При ховере на кнопки переключения разделов, под ними отображается кнопка “Отключить/Подключить” раздел. Кнопка отключенного раздела визуально выделена. При клике на кнопку раздела - инпут редактирования названия раздела.

Под кнопками переключения разделов размещен блок “Добавление нового раздела” - инпут “Новый раздел”, кнопка “Добавить раздел”.

Под блоком “Добавление нового раздела” - кнопки: “Отменить”, “Сохранить”.




  • Блок раздела “Профиль компании”:

- изображение, превью (не больше 4-ох). Если изображения небыли

загружены, тогда вместо них отображаются плейсхолдеры, при клике

на основной плейсхолдер - редактирование (п.20.8 Раздел “Аккаунт.



Кабинет поставщика”);

- информация о поставщике: вид деятельности, продукт (основные

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


  • частота ответов, проценты;

  • имя, фамилия контактного лица;

  • ссылка “Редактировать” (отображается только для владельца магазина, при ховере - эффект изменения цвета кнопки) ведет на страницу Личного кабинета “Аккаунт”, О компнаии(п.20.8 Раздел “Аккаунт. Кабинет поставщика”).



  • Блок раздела “Производительная мощность”:

    • Коммерческие условия (Incoterms);

    • Способы оплаты (LC, T/T, PayPal, Western Union, Money Gram);

    • Среднее время выполнения - текстовое описание, как и когда может быть выполнен заказ;

    • Количество сотрудников за рубежом;

    • Начало экспорта;

    • Экспорт в процентах;

    • Основные рынки;

    • Итого прибыль (последний год);

    • Кнопка “Редактировать” ведет на страницу Личного кабинета “Аккаунт”, Торговая информация (п.20.8 Раздел “Аккаунт. Кабинет поставщика”).





  • Блок раздела “Торговый потенциал”:

    • Адрес завода;

    • R & D мощности: OEM (Производитель оригинального оборудования), ODM (оригинальный производитель);

    • Кол. R&D персонала;

    • Кол. Производственных линий;

    • Итого прибыль (последний год);

    • Кнопка “Редактировать” ведет на страницу Личного кабинета “Аккаунт”, Торговая информация (п.14.8 Раздел “Аккаунт. Кабинет поставщика”).




  • Блок раздела “Сертификаты”.

Состоит из двух вкладок: Патенты, Сертификаты. Название вкладок - переключатели между вкладками.

Вкладка “Патенты” состоит из блоков патентов и кнопки “Добавить патент”. При клике на данную кнопку открывается форма “Добавление патента”:



  • название формы;

  • блок “Фото патента” - 4 фото, если нет - отображаются плейсхолдеры, кнопка “Загрузить фото” - открывается окно браузера для загрузки фото;

  • инструкция по загрузке файлов;

  • инпут “Название патента”;

  • инпут “№ патента”;

  • инпут “Тип патента”;

  • инпут “Дата начала”, при фокусе на инпут - календарь выбора даты, при клике на дату она отображается в инпуте;

  • кнопка “Добавить патент” - изменения сохраняются, форма закрывается;

  • кнопка “Отменить” - изменения не сохраняются, форма закрывается;




Вкладка “Сертификаты”

Состоит из стилизованных Чекбоксов выбора имеющихся у поставщика сертификатов, кнопки “Сохранить” - сохраняются все изменения, активна если были внесены изменения. Все сертификаты отображаются по-умолчанию.





  • Блок раздела “Бизнес лицензия”:


При нажатии на кнопку “Редактировать” переход на страницу Личного кабинета “Аккаунт”, Бизнес лицензия (п.14.8 Раздел “Аккаунт. Кабинет поставщика”).




  • Блок раздела “Взаимодействия с покупателями”

Состоит из блоков:

  • Скорость отзыва;

  • Среднее время отзыва;

  • Ответы на запросы.

Данные раздела генерируются автоматически.



20.3.5 Контакты. Мой сайт.



Состоит из двух блоков:



  • Персональная информация: фото, имя и фамилия контактного лица, телефон, мобильный телефон, е-мейл (отображаются только заполненные поля в Личном кабинете), кнопка “Редактировать” ведет на страницу Личного кабинета “Аккаунт”, Мой профиль (п.14.8 Раздел “Аккаунт. Кабинет поставщика”);

  • Информация о компании: название компании, телефон, факс, почтовый индекс, провинция/область, страна, город, адрес, кнопка “Редактировать” ведет на страницу Личного кабинета “Аккаунт”, Контакты компании (п.14.8 Раздел “Аккаунт. Кабинет поставщика”);



Поделитесь с Вашими друзьями:
1   ...   17   18   19   20   21   22   23   24   25


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

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