UX/UI: Massport Website Re-Design

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.

Description

This was the final project was for a Human Factors Product design course. The assignment was to redesign the Massport.com website for the Boston Logan Airport. My team of 5 people researched airport websites, designed new screens, prototyped with Axure, ran usability tests, and presented the redesign for the class.

Role

I helped make some sketches, edited screens and ran usability tests

For

Massport

Date

May 2014

Type

Axure Prototype, Marvel App and Final powerpoint presentation