Будь-який авторизований користувач матиме змогу переглядати свій профіль та профіль будь-якого іншого користувача WEB–додатку. Профілі можна класифікувати за двома типами:
профіль користувача, що здає автомобіль в оренду (рис. 3.17);
профіль користувача, що планує користуватися додатком лише з ціллю оренди (рис. 3.18);.
На відміну від другого, перший має на своєму профілі не лише інформацію про себе, а й всі необхідні дані про автомобіль: фото авто, повний опис, маркер «вільно», що змінює дизайн при натисканні за допомогою JS та кнопку оновлення розташування авто на мапі.
Також кожен профіль має в кінці сторінки список відгуків з можливістю залишення їх іншими користувачами.
Інтерфейс сторінки картки авто, що зображений на рис. 3.19, схожий з інтерфейсом сторінки профіля користувача, авто якого переглядається в даний момент, але знизу ще доданий функціонал, що надає можливість обрати дату та час оренди для відправлення запиту, що реалізується за допомогою форми:
,
де слугує для вводу дати оренди, а
для вводу часу.
Рис. 3.19. Інтерфейс сторінки картки авто
Створення інтерфейсу сторінки перегляду запитів
Дана сторінка існує для зручного перегляду отриманих запитів. Фото орендаря, дата та час запрошуваної поїздки відображається в полі запиту. При натисканні на нього, відбувається перехід на сторінку орендаря для того, щоб орендодавець зміг подивитись досвід водіння та відгуки, на основі яких прийняти рішення: підтвердити оренду чи відмовити. Подвійне натискання на поле підтвердження – змінює статус поля на «Запит відхилено», подвійне –
«Запит прийнято». Відповідно до прийнятого рішення буде змінюватися SVG–
зображення (хрестик або галочка).
Інтерфейс сторінки перегляду запитів зображений на рис. 3.20.
Рис. 3.20. Інтерфейс сторінки перегляду запитів
Коли орендодавець визначився з рішенням, користувачу прийде сповіщення у вигляді спливаючого вікна. Натиснувши на відповідну кнопку, відбудеться зв’язок орендаря та орендодавця в месенджері.
Інтерфейс спливаючого вікна про підтвердження запиту зображений на рис. 3.21.
Рис. 3.21. Інтерфейс спливаючого вікна про підтвердження запиту