Структура сайта представлена далее:

•     

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

      

•     Регистрация     (форма)

      

•     Авторизация     (форма)

      

•     И другие страницы,     требуемые для разработки.

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

Базовый стилевой макет должен быть разработан с шириной 960 px (для отображения на экранах с шириной 1024 px).    

Исполнитель должен создать один вариант макетов (набор экранов указан в карте сайта), учитывая пожелания Заказчика указанные в таблице.

1.     
   1.         

   2. Адаптация под дисплеи         высокой плотности (Retina)

          

Использование векторной графики для мелкой графики (пиктограмм и иконок), подготовка двойных размеров для фотографических изображений (баннеров, анонсов, фотографий людей и объектов).

1.     
   2.         

   3. Оптимизация и нарезка         стилевых макетов         

              

   4. Подключение         расширенного набора шрифтов

          

Подключение сервиса Google Fonts, до 5 начертаний.

1.     
   4.         

   5. Масштабируемость

          

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

1.     

2.     При уменьшении     ширины экрана количество колонок может     сокращаться     

       

3.     При уменьшении     ширины экрана менее важные блоки     перемещаются вниз, упрощаются, сокращаются     по площади или скрываются.

       

4.     При уменьшении     ширины экрана мелкие важные элементы     (call-to-action, функциональные иконки и т.     п.) акцентируются.

       

5.     Для разрешений     меньше минимального из указанных в     таблице, должен применяться вариант с     минимальным разрешением, при этом     допускается полоса прокрутки или     частично некорректное отображение     элементов

7. Требования к верстке макетов
Верстка сайта  - адаптивная и кроссбраузерная, что означает корректное отображение сайта на мониторах с разрешением от 1024x768 пикселей с использованием следующих браузеров:

ПК и ноутбуки под управлением Windows – 2 последние версии*

•     
  •         

  •         Microsoft Internet         Explorer **

            

  •         Mozilla Firefox

            

  •         Браузеры         на основе Chromium (Opera, Яндекс.Браузер,         Google Chrome)

        
•     

•     ПК и ноутбуки     под управлением MacOS – 2 последние версии*

      
  •         

  •         Safari

            

  •         Google Chrome

        
•     

•     Мобильные     устройства и планшеты под управлением     последних версий Android, iOS и Windows Mobile.***

8. Требования к системе управления
Система разрабатывается на платформе CMS “Wordpress ” + добавляется возможность подключения базы 1С-Битрикс для заключения договоров и ведения всей документации.

8.1. Дизайн сайта - шаблон/тема

Для удобства и быстроты реализации проекта, будет подобран подходящий шаблон который устроит заказчика по структуре и наполнению и не будет создавать трудностей в процессе разработки сайта.

1.     
   5.         

   6. 
      Адаптивность         и отображение на мобильных устройствах

          

Все страницы сайта должны быть полностью адаптивными и проходить тест https://www.google.com/webmasters/tools/mobile-friendly/?hl=ru и должны иметь корректное отображение. Отрисовка отдельных макетов для страниц: Главная, Каталог товаров со всеми уровнями вложенности, карточка товара и оформление заказа с личным кабинетом.

10. Требования к нагрузке.
По окончанию работ и при окончании этапов разработки каждого сайта системы производится нагрузочное тестирование системы. Работа Исполнителем считается выполненной, если пройден мониторинг производительности Битрикс. Система должна выдерживать нагрузки до 15000 уникальных пользователей в сутки. Скорость любой страницы сайта до 3 секунды под нагрузкой.

11. Требования к контенту
Наполнение сайта контентом Заказчика указывается в основном Договоре об указании услуг.

12. Общие элементы страниц
1. Шапка

  1). Верхнее горизонтальное меню. Содержит ссылки «Главная», «Услуги» - "грузоперевозки", "экспедиторство", "субподрядчики", «Почему мы», «Сотрудничество» - "клиенты", "субподрядчики", «Контакты», «Регистрация» - "Клиент", "субподрядчик",  «Вход в лк»

  2). Логотип компании. Содержит ссылку на главную страницу сайта.
   3). Вход – при нажатии появляется pop-up окно авторизации.
   4). Регистрация – при нажатии открывается страница с возможность зарегистрироваться как «Клиент» или «Субподрядчик» лицо.

2. Подвал
1). Логотип компании со ссылкой на главную страницу
2). Ссылочное меню в футере. Содержит ссылки «Главная», «Услуги» - "грузоперевозки", "экспедиторство", "субподрядчики", «Почему мы», «Сотрудничество» - "клиенты", "субподрядчики", «Контакты», «Регистрация» - "Клиент", "субподрядчик",  «Вход в лк»

2). Логотип компании. Содержит ссылку на главную страницу сайта.
3). Текстовый блок с адресом компании и графиком работы.
4). Блок, содержащий телефон и Email. При смене города телефон в подвале меняется по аналогии с телефоном в шапке сайта.
5). Ссылки на представительства компании в соцсетях: «Facebook», «Twitter» (указать свои по необходимости).

6). Блок с копирайтом.

13. Страницы
1. Главная страница

1. Верхний слайдер главной страницы.

Переключает слайды, являющиеся изображениями в фоматах .png или .jpg как в автоматическом режиме, так и вручную при помощи элементов переключения.
Используется компонент «Слайдер», представленный в используемой редакции  Wordpress.

Изображение может содержать одну ссылку, ведущую на другие страницы системы или другие адреса в интернет. Реализуется возможность ручного добавления ссылки на слайд из системы администрирования сайтом.

Характеристики:
1. Автоматическое переключение слайдов.
   а) Реализовать возможность регулировать временной интервал смены слайдов из административной части системы.
   б) При наведении курсора на слайдер автоматическое переключение останавливается. Если курсор снова убран, переключение слайдов в автоматическом режиме возобновляется.
2. Ручное переключение слайдов.
   а) Возможность попасть на любой слайд одним кликом. Это означает расположение отдельного управляющего элемента на каждый слайд в компоненте.

2.   Слайдер акция «Специальные предложения»

Содержит информацию о проходящих в данный момент акциях и информирует клиентов о них напрямую.

3. Блок «Последние новости»
В данный блок выводятся анонсы трех последних по дате размещения новостей.
Каждый анонс состоит из изображения, даты размещения, заголовка анонса, текста анонса и ссылки «Подробнее», ведущей на страницу данной новости.

4. Блок «Акция».
В данном блоке выводится анонс акции, случайно выбранной при загрузке страницы. При перезагрузке страницы без очистки браузерного кеша,  данный анонс акции сменяется на другой.
Каждый анонс состоит из изображения, заголовка анонса, текста анонса и ссылки «Подробнее», ведущей на страницу данной акции.

5. Текстовый информационный блок.
Данный блок состоит из заголовка и текстовой области о компании. Реализуется возможность редактирования данного блока из административной части сайта.

1.     
   6.         

   7. 2.         «Другие страницы»

          

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

1.     
   7.         

   8. 3.         «Авторизация»

          

Поле “Email” – валидация по маске ввода Email.
«Забыли пароль» - пользователь переходит на страницу восстановления пароля.

Без регистрации

Поля для заполнения

1.     

2. Имя;

       

3. Телефон     (маска);

       

4. Email     (валидация);

    3. «Регистрация»

Регистрация физического лица.

Поля формы регистрации клиента.

Пользователь выбирает «Клиент» в типе лица.
Поля регистрации

1.     

2. Имя (подсказки     dadata);

       

3. Фамилия     (подсказки dadata);

       

4. Телефон;

       

5. E-mail     (подсказки dadata);

Поля «Имя», «Телефон» и «Email» - обязательные для заполнения.

Регистрация юридического лица.

Поля формы регистрации субподрядчика

Поля регистрации

1.     

2. ИНН (загрузка     данных на основании модуля:     https://marketplace.1c-bitrix.ru/solutions/gorillas.dadata/);

       

3. КПП     (автоматически по ИНН);

       

4. Название     организации (автоматически по ИНН);

       

5. ОГРН     (автоматически по ИНН);

       

6. Юридический     адрес (автоматически по ИНН);

       

7. БИК     (автоматически dadata);

       

8. Расчетный     счет;

       

9. ФИО (подсказки     dadata);

       

10. Email     (подсказки dadata);

        

11. Телефон     (используется маска: + (___) ___-__-__);

Уточнение - заказчик должен внести изменения согласно договору который он заключает с субподрядчиком, а именно: какие данные требуются для регистрации данного лица на сайте. Информацию можно вносить напрямую в данный раздел договора.

Все поля являются обязательными для заполнения.
Поле «ИНН» проверяется по базе ИНН в 1С. Если значение существует, выводится сообщение «Данный ИНН уже существует, вы можете связаться с нашими менеджерами по телефону [номер телефона], либо заполнить форму поддержки пользователей», восстановить пароль в автоматическом режиме.

«Форма поддержки пользователей» - ссылка, при нажатии на которую появляется модальное окно с формой заполнения, состоящее из полей.
- Имя – обязательное поле
- Телефон –  валидация по наличию цифр и маске, заложена маска + (___) ___-__-__
- email – валидация по наличию символа «@»
- комментарий – необязательное поле
- ссылка для крепления файла – необязательное поле
Валидация поля ИНН – 10 или 12 знаков.

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

1.     
   8.         

   9. 
      

              

   10. 11.         «Личный кабинет»

           

Личный кабинет пользователя состоит из четырех частей.

Профиль

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

Заказы
Страница заказов состоит из блока сортировки и таблицы заказов (см. прототип). При нажатии на заказ

Сменить Email/Пароль

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

1.     
   10.         

   11. 11.1.         «Личный кабинет клиента»

           

Личный кабинет клиента состоит из следующей иерархии:

* Название компании

* Идентификационный номер

* Улица и номер дома

* Город

* Индекс

* Страна

* Телефон

* Почта

Возможность прикрепления документов:

- Регистрационный документ компании

- Подтверждение о регистрации компании

- Доверенность

Все данные попадают в 1С и создается карта клиента.

После заполнения всех данных, менеджер сайта проверяет достоверность документов и ставит пометку о подтверждении и после этого клиент получает доступ к ЛК.

В кабинете будет присутствовать стандартный договор между клиентов и компанией Viking Trans. После заполнения договора, он остается в лк и отправляется в 1С.

Каждый договор будет пронумерован уникальным номером.

На каждый договор будет крепиться статус - принят в обработку/обработан/заказ исполнен.

1.     
   11.         

   12. 11.2.         «Личный кабинет клиента»

           

Личный кабинет клиента состоит из следующей иерархии:

* Название компании

* Идентификационный номер

* Улица и номер дома

* Город

* Индекс

* Страна

* Телефон

* Почта

Возможность прикрепления документов:

- Регистрационный документ компании

- Подтверждение о регистрации компании

- Доверенность

- Страховка

- Лицензия на перевозки (у авто с массой более 3.5т, лицензия выдается на каждый в отдельности).

Все данные попадают в 1С и создается карта субподрядчика.

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

1. Гос.номер авто

2. Размер кузова(высота, длина, ширина)\

3. Вес грузоподъемности

4. ФИО водителя

5. Телефон водителя

После заполнения всех данных, менеджер сайта проверяет достоверность документов и ставит пометку о подтверждении и после этого клиент получает доступ к ЛК.

В кабинете будет присутствовать стандартный договор между субподрядчиком и компанией Viking Trans. После создания/заполнения договора менеджером сайта, он попадает в 1С и дублируется в ЛК субподрядчика.

Каждый договор будет пронумерован уникальным номером.

На каждый договор будет крепиться статус - принят в обработку/обработан/заказ исполнен.

Дополнительно: Необходим функционал для возможности загрузки субподрядчиком дополнительной информации: сопроводительный лист на груз.

1.     
   12.         

   13. 13.         Интерфейс менеджера

           

Исполнитель производит изменения в модуле заказов 1С:Битрикс, не изменяя ядро системы и бизнес-процессы системы.

1. Регистрация заказа и клиента

При оформлении заказа пользователем, администратору на e-mail отправляется письмо с информацией о заказе.

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

Менеджеру присваивается право пользователя на редактирование заказа, за которым он закреплен ответственным.