top of page

Phoenix Sky Harbor Redesign

Phx Sky Harbor Redesign

Introduction

2016
Overview

 

I love the name "Sky Harbor." It sounds so cool and is one of my favorite things about Phoenix. 

 

I have been itching to redesign the website for a while. The current design is functional and simple, but I felt like the homepage look could be updated. 

​

On the flip side, I have been working with prototyping alternatives to learn how to use them. For this personal project, the layout was created in Photoshop and uploaded to InVision.

​

The current prototype is not finished. The homepage design is complete, but the footer isn't there (yet) and I'd like to work on the navigation's informational display from user process flows.

Process

Issues

​

Menu Dropdown

The current navigation is strange. There is a secondary nav above the global nav with no site map in the footer. The dropdown menus fill half of the targeted menu item. Right-handed users may need to inch the cursor to the left to prevent the menu from collapsing unintentionally. The prototype gives more menu space. 

​

Accessibility?

Above both navigational menus is an Accessibility button for Special Needs traveling information.

 

The Accessibility is confusing because it is next to the button for Spanish translation, which makes you think the Accessibility button will give you an Accessible version of the website.

 

So I took away both buttons. Accessibility information can already be found under the main navigation. I might re-add the Spanish translation button later, but why is Spanish the only other option?

​

Short Nav

Having a short navigation is great, but I wonder why a link to "Prepaid Discount Parking" is used over general parking information. If you consider users popping onto the site for quick information on pick-up parking, they have to dig a bit. So "Prepaid Parking" was replaced with "Parking."

Sky Harbor's Current Layout
Redesign
Thoughts

 

You can find the InVision prototype here: Link

​

It's not finished and there are known appearance issues (e.g., hovering over the navigation after selecting "Departures" will reset the tab to "Arrivals"), but I wanted to give the redesign a shot while working with InVision. I learned a lot, like using "&" to create an alternate page.

​

On the other hand, work uploaded through InVision seems better fit for (strictly) design. The loading of multiple pages for functionality previewing can be quite laggy!

​

I'd definitely like to expand this prototype into Axure or with HTML/CSS. I just need to brush up on javascript.

​

bottom of page