Warn Letter
Created for users to effectively for the specific goal of inputing, editing and managing critical data
In this page
Prototypes
Sept 12th, 2020
Warn Letter
Main page
The main page is straightfoward. It displays latest Warns based on the current date. Each Warn listing should be clickable; hence, linked to a product page.
Navigation
The UI displays four sections.
- Main
- Hotel
- Destination (search by airport code)
- Extras
Each of these sections, have a starting point. The starting point MUST ALWAYS SHOW A DISABLED STATE (this is evident on the prototypes) with the exception of the main page.
Warn Data for Hotel
This following shows what occurs after a user has entered the name of the hotel and clicks in the Show Warns button.
Create Warn
The Create Warn button will go to the Create Warn page. There are 3 buttons on the Create Warn page. They each have particular task.
- Cancel: Takes user to previous page without saving any changes.
- Save: Save any additions or changes on the form.
- Verify: Completes the form.
Confirmations
These pages are important as they direct the user on the next task. After the user clicks on the SAVE button or VERIFY button, they will get confirmations.
Email and Bookings
THis pages shows the Verified section. On the first verified listing, the toggle menu is active.
Warn Data for Destination
After the user enters the Airport Code and clicks on the Show Warns button, they will see the Warn data associated with the City/Airport code.
Code
Update: CSS stylesheet has been update. File name:
- warn-09-08-20.css MODIFIED: September 15, 2020