Содержание
ГЛАВНАЯ…………………………………………………………………………………………………………………………………… 2 ст
КАБИНЕТ ИСПОЛНИТЕЛЯ+ ЗАКАЗЧИКА (идентичны)……………………………………………………………… 6 ст
ЛЕНТА ЗАКАЗОВ ЗАКАЗЧИКА+ИСПОЛНИТЕЛЯ(идентичные) …………………………………………………. 11 ст
ЗАДАНИЕ (ПРОЕКТ) ЗАКАЗЧИКА…………….………………………………………………………………………………… 12 ст
СТРАНИЦА АВТОРОВ………………………………………………………………………………………………………………… 15 ст
СТРАНИЦА ФОРУМА.………………………………………………………………………………………………………………… 15 ст
СИСТЕМА ГАРАНТОВ………………………………………………………………………………………………………………… 16 ст
ТЗ на разработку сайта InFIVE
В данном ТЗ будет расписано и детально разсмотренно суть функционирования сайта. Приенимо как для вёрстки так и для программной части.
Используемые цвета на сайте:
Синий # 22638f
Светло синий #3598dc
Голубой #edf4f8
Зеленый #38b170
Главная
Хедер меню
Меню фиксированное – position: fixed;
Логотип;
Меню; (ховер еффект указан в примере на пункте «ГЛАВНАЯ»)
Кнопки вход и регистрация; (при нажатии открывается в модальном окне на той же страничке)
Переключение языка
Модальное окно будет такого типа, структуру полностью копируем, меняем зеленый цвет под наш фирменный синий цвет, кнопка останется такого же цвета. «Вход» по цетру. В поля ввода пододавать иконки как в формерегистрации
Для формы регистрации берем за макет нашу форму для входа и додаем отсутствующие поля. С верху по центру «Регистрация». Поля в колонку. Кнопка того же типа, цвета и формы что в входе. Текст внутри кнопки «Вход»
В языковой панели при наведении и в активного языка ховер ефект – зеленый цвет
Первый блок
Кнопки «Заказать» и «Выполнить» работу. При нажатии осуществляется переход в модальное окно
Нажав кнопку «Заказать работу» человек видит следущее окно
В
ыделенную
область 50 на 50 я хочу подстроить под
нашу форму поиска исполнителя. Посмотрите
и разместите блоки те же и так как в
нашем блоке но с такими же подсказками
и возможностями как в их блоке
С низу конечно же так же добавляем форму для регистрации как показано в их примере.
При нажатии кнопки «Выполнить работу» пользователь переходит в модальное окно регистрации.
Иконки выполняемых работ на сервисе с ценами. Иконки кликабельние, при нажатии переходит на страницу «Лента пользователя» с активным фильтром того типа работы по которому был сделан переход.
Кликабельный текс, при нажатии открывает окно с перечнем всех предлагаемых работ на сервисе. *Список всех предложений даст заказчик. При переходе с модального окна по иконке операция повторяется так же как и в пункте 2. Для примера оформления модального окна можно посмотреть эту страничку https://studwork.org/studencheskie-raboty-na-zakaz
Второй блок
Обычные иконки и текста, активных только 2 кнопки для заказчика и исполнителя
Кнопка ведет к тому же модальному окну как в блоке 1 пункте 1 – задание + регистрация
Кнопка ведет к тому же модальному окну что и в хедере при нажатии на регистрацию
Третий блок
Полностью статический, нет никаких активных елементов.
Четвертый блок
Полностью статический, нет никаких активных елементов.
Пятый блок
Та же форма что и используется в модельных окнах первого блока, только уже без формы регистрации в низу. Если человек зарегистрирован то ему показывает уведомление что его задание добавлено.
Если человек не зарегистрирован то ему после заполнения формы и нажатия кнопки заказать открывает простое модальное окно регистрации что и в хедере.
После регистрации пользователю показывает уведомление поздравление с регистрацией и уведомление о размещении заказа.
Футер
Лого и копипаст сайта. Лого кликабельное, ведет на главную.
Статическая информация с контактными данными и работающими платежными системами.
Информационные блоки. Кликабельные, переводят на странички с описанием правил и тд.
Сапорт сайта. Отправка производится на почту.
Кликабельние иконки с переходом на сообщества в соцсетях.
КАБИНЕТ ИСПОЛНИТЕЛЯ+ ЗАКАЗЧИКА (идентичны)
Хедер
В
ыпадное
меню. При нажатии будет выпадать такого
типа подменю
Но пункту подменю будут такие: -На подтверждение -На выполнении -На проверке -На доработке –Ставки.
Напротив каждого подпункта будут численно отображаться количество таких работ если они будут.
Напротив событий так же будет отображаться числено количество новых событий
При нажатии будет открываться
Будет числено отображаться количество новых сообщений. При нажатии будет переходить на страничку сообщений.
Будет отображаться состояние счета. При нажатии на счет будет переход на страницу с финансовыми операциями.
Детальнее со всеми операциями и вкладками вы сможете ознакомится по данной ссылке https://vk.com/im?sel=214415114&w=history214415114_photo&z=photo214415114_456239169%2Fmail10843 , много расписывать и пояснять нет смысла, так как система доволи банальна, типическая как и на остальных ресурсах, и наша будет идентическая как в указанном примере.
При нажатии на звездочку будет выпадать меню идентическое с профилем, настройками и выходом
«Профиль» будет расписан на отдельной страничке, страничка «настроек» будут повторяться по тому же ресурсу https://studwork.org/info/settings
Бар-меню (боковое меню)
Боковое меню вместе с календарем будет статическое background-atacment: fixed; и постоянно
Добавить в друзья. Иконка кликабельная, после нажатия человек переносится в список друзей. (это если он в чужом профиле нажмет, если в своем то откроется модальное окно со списком друзей).
2 подать жалобу. Оформление жалобы или скарги при нарушении человеком правил.
Персональный заказ. При нажатии оформляется персональный заказ на человека (именной заказ)
Календарь. В календаре будут отражаться все активные заказы. Точнее дата их окончания, закрытия. Нужен будет функционал – при открытии заказа сначала дата будет светится зеленым светом, по мере истечения срок цвет должен меняться к желтому и когда срок уже будет практически заканчиваться этот день должен быть выделен красным цветом.
Бар-меню. При нажатии на какой то пункт страница будет скролится к нажатому месту, и соответственно при скроле странички меню тоже будет переходить между пунктами. Так называемый скрол прогресс.
Наглядный пример можете увидеть на данном сайте.
Пункты «Заказы в работе» «Выполнено работ» «Отзывы» будут отображать численную информацию с профиля.