ichangi_mockup.jpg

iChangi App

iChangi App

UX APP design

ichangi_mockup.jpg
 
 

CONCEPT

Changi Airport Singapore, voted one of the World’s Best Airports by Skytrax 2019, is renowned for its unrivalled airport experience in terms of efficiency, service and connectivity.

The task was to revamp the old iChangi App into one that is greatly improved in UI and UX.

Download The App
 

PROJECT BRIEF

Requirement(s): Part of the UX team for A/B testing. To research and create option B for testing via surveys at Changi Airport. To work closely with the designer working on option A. To determine how the user interface will operate and meet user expectations.

Tool(s) used: Adobe XD

*Final UI done by Catherine Irma

 
Flights.jpg
 
 

Flight

The flight screen is tidied up and allows for more breathing room. Features such as importing your flights is available now. Each flight is nested in its own card and makes for better distinction between flights.

 
 

Flight Search

Flight search happens within the page (information changes as the user types in the search bar) and users are able to use the filters provided to filter search results.

 
Flight Search.jpg
 
Single Flight.jpg
 
 

Single Flight

Users are able to view a map of the flight route at the top of the screen. Details are much neater and easier to read.

 
Shop.jpg
Dine.jpg

Shop & Dine

Grids are used to display both an image as well as a short description of the store / restaurant. At a glance, users are also able to see the general location of the store / restaurant. Users are also able to sort and filter with a tap of a button. This reduces the clutter that the old version had where it was displayed upfront.

 
 
Single shop.jpg
Single Dining.jpg

Single Shop & Dine

Users are now able to view where the nearest store is (if there is more than one store), opening hours as well as use a map to navigate them to the store.

 
 
Search.jpg
 
 

Search

Likewise to the flight search, search now happens within the page (information changes as the user types in the search bar).

 

Examples of some of screens used for A/B testing

 
 
ichangi_mockup.jpg