- Повторяющиеся элементы, такие как шапка, навигационная панель с кнопкой «выход», футер.
- Слева основное меню имеющее следующую структуру
- Мои объявления
- Кошелек
-- Пополнение
-- Услуги
-- История операций
- Настройки
- Страница Мои объявления имеет список объявлений. Для каждого объявления есть возможность редактировать, удалить, сделать VIP, поднять в поисковом запросе, сделать активным или не активным. Кнопка подачи нового объявления.
- Страница Кошелек имеет информацию о сумме денег на счете аккаунта, навигационную панель по разделам кошелька, таким как Пополнение, Услуги, История операций. Ниже перечень способов пополнения кошелька и перечень предоставляемых услуг.
- Страница Кошелек подраздел Пополнение имеет поле для ввода суммы пополнения и выбор способа пополнения. Кнопка пополнить кошелек переводить пользователя на страницу выбранной платежной системы.
- Страница Кошелек подраздел Услуги содержит перечень объявлений пользователя, где можно выбрать к каким именно объявлениям будут применены те или иные услуги. А также список услуг, из которого можно выбрать нужные.
- Страница Кошелек подраздел История операций содержит перечень операций произведенных пользователем. В этом перечне отображены даты операции, сама операция, способ оплаты, сумма и статус.
- Страница Настройки имеет четыре блока. В первом отображена информация пользователя: электронный адрес, дата регистрации и сумма денег в кошельке сайта. Во втором Контактная информация: имя, город и телефон (можно менять). В третьем Смена пароля: поля ввода старого пароля, нового пароля, подтверждение пароля. В четвертом Удаление учетной записи.
Модульные сетки страниц личного кабинета (1024)
Мои объявления
Кошелек
Кошелек – Пополнение
Кошелек – Услуги
Кошелек – История операций
Настройки
Вариант модульной сетки при ширине экрана 320 пикселей (мобильные телефоны портретная ориентация)
Мои объявления
Кошелек
Кошелек – Пополнение
Кошелек – Услуги
Кошелек – История операций
Настройки
Вариант модульной сетки при ширине экрана 480 пикселей (мобильные телефоны альбомная ориентация)
Мои объявления
Кошелек
Кошелек – Пополнение
Кошелек – Услуги
Кошелек – История операций
Настройки
5. Вариант модульной сетки при ширине экрана 600 пикселей (небольшие планшеты портретная ориентация)
Мои объявления
Кошелек
Кошелек – Пополнение
Кошелек – Услуги
Кошелек – История операций
Настройки
6. Вариант модульной сетки при ширине экрана 800 пикселей (небольшие планшеты альбомная ориентация)
Мои объявления
Кошелек
Кошелек – Пополнение
Кошелек – Услуги
Кошелек – История операций
Настройки
7. Вариант модульной сетки при ширине экрана 768 пикселей (планшеты уровня Apple IPad 2-3, mini портретная ориентация)
Мои объявления
Кошелек
Кошелек – Пополнение
Кошелек – Услуги
Кошелек – История операций
Настройки
Тестирование
Проект должен быть тщательно протестирован QA-тестером. Каждая функциональность во всех возможных сценариях должна быть проверена. Как функционально, так и с точки зрения юзабилити. Необходимо проверить кроссбраузерность и валидность:
https://validator.w3.org/unicorn/
https://jigsaw.w3.org/css-validator/