Our goal with this design was to create an online interface for Airport XO which would be clean and uncomplicated, but also sleek and intuitive. GeekPower has created a bold, modern look which transcends devices and looks great while working even better.
Our designer has utilized the colours from the established branding in the Airport XO logo which are blue and red. The red especially is vibrant and acts as a sharp accent to the rest of the design.
We have selected a contemporary sans-serif font for the majority of the text on the website for a clean, concise look. For the scrolling news at the bottom of the site we used a eccentric dotted font to imitate the look of digital displays at an airport. Both of these fonts are completely web safe.
A responsive design allows Airport XO's interface to be more accessible to their visitors. The design stretches and forms itself to every screen size, so that every user gets the best possible experience.
The Desktop version of the design is optimized for viewing on a laptop or a monitor. Every element of the design will become larger and more spread out or smaller and closer together depending on the specific size of the screen.
jQuery is the perfect way to communicate all the various spaces Airport XO makes available to their clients, while adding subtle movement to the design.
The very top of the website features Airport XO's corporate logo, the main navigation and the login functionality for users. Below all this is room for some introductory text and three actionable items which help guide new users to the next steps.
This drops down when the user clicks on the login button in the top right corner. This is where users can log in, whether they are airport users or subscribers.
At the bottom of the page is a scrolling news feed. Not only is it informative, it looks amazing!
The tablet version of the design is similar to the desktop version, except that all the graphics get condensed to fit much better at the smaller resolution.
For mobile devices, all the content moves in to a one column layout so that all the images and text can remain large enough to be seen on a much smaller screen. Also many functionalities have been simplified for a touch interface, such as the main navigation.
Because a traditional drop down menu is not suitable for a touch interface, Geek Power has also designed a sleek mobile version of the main navigation.