Preliminary Sketches for The Flight Tracker.
Header image on all screens on the top, left menu and have the flight tracker at the user’s fingertips. The most important information on the home screen with a few other features.
Home Screen Wireframe Idea 1.
Flight tracker is the biggest block, and the supplementary information (dashboard) at a glance on the right.
Home Screen Wireframe Idea 2.
The dashboard is laid out on the bottom of the screen.
Preliminary Sketch for the Map and dashboard.
The universal header image and menu is still on the screen. Centrally located map of the terminal, with different buttons for each terminal on the top. Other dashboard information on the bottom.
Preliminary Sketch of the map page.
This is another idea with the terminal information on the left instead
Map Wireframe Idea 1
Map Wireframe Idea 2
Final Home Screen with Dashboard on the right hand side.
The flight tracker has clear big buttons for arrivals versus departures. The status of each flight is clearly labeled with color coded “On time” “Delayed” and “Canceled”. On the right there are meters for the status of the parking garages, TSA wait times and the opportunity to book a flight. These were the top features that users look for in an airport website.
Final Flight tracker screen.
This is a more detailed screen of the flight tracker.
Final Parking Information Screen.
On the right is a parking calculator so users can determine which lot is better for their budget.
Final Shops, Food and Services Screen.
The overview of the terminals has the locations and facilities listed below the map.
Final Terminal E Information has more detailed information per terminal.