Redesigning Ngee Ann City Shopping Centre's Website

Redesigning Ngee Ann City Shopping Centre's Website

Enhancing User Experience with a Corporate Event Portal, Interactive Directory, and Event Features

Enhancing User Experience with a Corporate Event Portal, Interactive Directory, and Event Features

Client

Client

Website Design

Website Design

Year

Year

2025

2025

Skills

Skills

User Research & Persona Development, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Customer Experience Optimization

User Research & Persona Development, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Customer Experience Optimization

Overview
Overview

The primary goal of the Ngee Ann City Shopping Centre (NAC) website redesign is to enhance the user experience for both tourists and corporate entities. For tourists, the website provides event listings, multilingual support, and a comprehensive directory that includes office spaces and co-working areas. For corporate clients, it introduces an event portal to streamline event registration and management. The redesign aims to create a more intuitive, engaging, and functional website that meets the needs of both visitors planning their trips and businesses seeking leasing or event collaboration.

The primary goal of the Ngee Ann City Shopping Centre (NAC) website redesign is to enhance the user experience for both tourists and corporate entities. For tourists, the website provides event listings, multilingual support, and a comprehensive directory that includes office spaces and co-working areas. For corporate clients, it introduces an event portal to streamline event registration and management. The redesign aims to create a more intuitive, engaging, and functional website that meets the needs of both visitors planning their trips and businesses seeking leasing or event collaboration.

Service

UI/UX Design

Website Design

Duration

2 Weeks

This project is part of my comprehensive UX Design course at General Assembly, where I've gone through the entire case study process, from user research, ideation, and wireframing to designing, usability testing, and prototyping user-centered solutions.

This project is part of my comprehensive UX Design course at General Assembly, where I've gone through the entire case study process, from user research, ideation, and wireframing to designing, usability testing, and prototyping user-centered solutions.

The Challenge
The Challenge

For user research, we realised a challenge - that people do not use shopping mall websites. When they are finding a particular store, its more intuitive for them to search on google instead. We were unsure if the website could even help users since they are not even using it!

For user research, we realised a challenge - that people do not use shopping mall websites. When they are finding a particular store, its more intuitive for them to search on google instead. We were unsure if the website could even help users since they are not even using it!

The Solution
The Solution

Our approach was not only to redesign the website but to make it more user-friendly for both tourists and corporate entities. Here's how we addressed each group's needs:

1. Clear Availability Messaging

1. Clear Availability Messaging

For Tourists: Enhanced Directory: Expanding the directory to include not just the atrium but also Towers A & B, which house offices, clinics, and co-working spaces—features that could benefit tourists as well.

  1. Enhancing the Restock Experience with a Waitlist Modal

For Corporate Entities: Corporate Event Portal: Introducing a portal to streamline event registration and management, enhancing efficiency and user satisfaction for corporate clients.



3. Optimized User Flow

3. Optimized User Flow

For Tourists: Before: The current and upcoming events were spread across multiple pages, with excessive text that overwhelmed the audience with too much information. After: Events are now prominently featured on the homepage with engaging hero images and consolidated into a single, dedicated Events page, providing a clearer and more user-friendly experience.

A/B Testing Strategy & Insights
A/B Testing Strategy & Insights

For Tourists: During a 15-minute observation, we monitored the behavior of 7 users interacting with the mall's interactive directory. The current directory supports only three languages (English, Chinese, and Japanese). However, the customer service officer noted that many visitors from Indonesia struggle with the available languages, suggesting the addition of Bahasa Indonesia. This feedback, along with the observation data, offers valuable insights into user preferences and highlights the need for language inclusivity. As a result, the website will be offered in multiple languages, tailored to the nationalities that frequently visit Ngee Ann City.

Results:

Results:

Consultation
Consultation

Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps

What I’ve learned through this process is that while solutions may seem straightforward initially, in UX design, research uncovers deeper insights. I first assumed that improving the website’s directory navigation would drive more traffic. However, I realized that most users simply googled what they’re looking for, meaning the mall's website might still struggle to attract attention. By conducting thorough user research and analyzing the website’s target audience, I was able to identify the underlying issues. Engaging with customer service staff provided invaluable insights, as they have direct interactions with users and understand their pain points, helping inform a more effective, user-centered solution. For the next steps, I can look into designing the back-end for the Ngee Ann City website to improve how event bookings are handled. This will involve analyzing the current system, identifying pain points, and developing a more efficient process for event organizers and staff. By focusing on the back-end, I can ensure that the booking workflow is seamless, automated where possible, and aligns with the needs of both users and administrators.

What I’ve learned through this process is that while solutions may seem straightforward initially, in UX design, research uncovers deeper insights. I first assumed that improving the website’s directory navigation would drive more traffic. However, I realized that most users simply googled what they’re looking for, meaning the mall's website might still struggle to attract attention. By conducting thorough user research and analyzing the website’s target audience, I was able to identify the underlying issues. Engaging with customer service staff provided invaluable insights, as they have direct interactions with users and understand their pain points, helping inform a more effective, user-centered solution. For the next steps, I can look into designing the back-end for the Ngee Ann City website to improve how event bookings are handled. This will involve analyzing the current system, identifying pain points, and developing a more efficient process for event organizers and staff. By focusing on the back-end, I can ensure that the booking workflow is seamless, automated where possible, and aligns with the needs of both users and administrators.

PORTFOLIO

CHECK OUT SOME MORE

CHECK OUT SOME MORE

CHECK OUT SOME MORE

CHECK OUT SOME MORE

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

UI/UX

Web Design

Mobile Design

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

UI/UX

Web Design

Mobile Design

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

UI/UX

Web Design

Mobile Design

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

Cozyplace: Booking Made Easy

UI/UX

Web Design

Mobile Design

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design