Singapore Changi Airport has a website that allows passengers to buy duty-free items and collecting them before their flights, saving them time and giving them the convenience to have fuss-free shopping. Yet with such a strong selling point, passengers don’t use it often as they aren’t sure of the buying and collection process as well as what is available.
I was tasked by JWT Singapore to develop the UX to modernize their website and develop new features to enhance the passenger’s experience.
The taxonomy of the old website was confusing and didn’t have many options for users to filter their options, hence a new structure had to be developed to address this. We had to also enhance product discovery to help increase basket size.
New users aren’t familiar with the site and the functionalities and had to be given some immediate assistance.
Gifts are a big portion of purchases and the client wanted an easy way for passengers to search for what they want
The purchasing flow was long and confusing, especially on mobile phones. One of the reasons for a longer purchase flow was due to the fact that there are 4 different terminals in the airport and the products available are dependent on whether the user is arriving or departing at which specific terminal.
A balance had to be achieved to give brands the opportunities to showcase their promotions
User journey was developed to show how a typical passenger would use the website
We analyse the user journey to understand how the users work on the site.
In addition to helping develop 26 different templates for Desktop and Mobile with multiple states, I also help to consult with the client on their feedback and manage their expectations during our weekly meetings.
This project took 2 months to complete.
We had to readdress the categories and develop something more logical. We also had to ensure that there are many available paths to product discovery to help users find what they are looking for and more.
The products were recategorized into clearer sections to help users locate items quicker. The arrangement of the categories were placed such that more popular categories were first on the navigation bar
The original website employed rows of products with different categories, pre-defined by Singapore Changi Airport staff according to different festivals and promotions. This was to be enhanced to allow for social elements as well as flash deals to help push more potential entry to sales.
Allow for easy access to different categories, in three different browsing habits:
Flash deals were placed further up on the page with a timing to remind users of the deals they are potentially missing out on. User’s flight settings had to be taken into account to ensure that users will be able to
A row of 3 simple explanation of what they can do on the website. This appears when the user first land on the website on a new device, immediately explaining what they can do on the website.
The original purchase process was a single form that had hidden secondary steps that often interrupted the user’s purchase flow, leading to a 40% drop off rate. An approach with a clear path to purchase, as well as paginated check out process was introduced to solve this issue.
Brands want their promotions to be shown and different promotions appear depending on the product that users select. A prominent yet relatively unassuming area had to be selected in order to:
On the homepage, a small banner above the main hero banner will remind users of a site-wide promotion.
On the shopping cart page, users will also be reminded of a promotion as they check on their orders. This helps to subtly remind users that they can enjoy a promotion if they reach a certain order amount.
Often, users will have friends who want them to buy items for them when travelling. A wishlist feature was developed to ensure that users can ask their friends to tell them what they want or add to wishlist for future purchases on future trips.
Users can add to their wishlist from anywhere on the site, which goes into a main wishlist. They can also create shared wishlists as well as see what wishlists has been shared with them.
Users can rename their wishlists, delete them or share them with their friends.
Users can add all items to their chart in a single button. If an item is checked, the buttons change to 4 different options:
It was a fantastic experience developing an eCommerce website. Beside working on just the wireframes, engaging with the client and managing to successfully sell through the approach was satisfying and most enjoyable. Throughout the process, I learned a few things: