Fanling Shopping Malls Website Overhaul
Category
UIUX Deisgn
YEAR
2023
Social
Shopping Circle
As a prominent retail hub in Hong Kong's North District, Fanling Shopping Center is ready to transform its digital presence across four websites into a more engaging platform for our community.
We're excited to unveil our newly developed unified brand elements for the Fanling area shopping centers, creating an enhanced and intuitive experience that will make connecting with our customers better than ever.
Persona
Green Code Plaza blends diverse shops, delicious dining, and exciting promotions for everyone.
Where Shopping Meets Community in Perfect Harmony
Key Challenges
Operating separate websites created brand confusion and hindered recognition. The outdated system made updates difficult and slow, while limiting our ability to showcase promotions effectively. Potential tenants struggled to understand leasing opportunities through our platforms. With most visitors using mobile devices, we needed a responsive design to better serve our digital audience.
Solution
Created a unified website architecture combining four mall properties
Designed a cohesive brand identity system
Implemented intuitive navigation and search functionality
Optimized for mobile-first experience
Integrated real-time promotion and event updates
Built a user-friendly CMS for efficient content updates
My Role
Full UX/UI process from research through implementation
Developed user personas and information architecture
Created wireframes and interactive prototypes
Partnered with developers and stakeholders to ensure successful delivery
Scope
First Iteration for 2 mall
10 months, April 2022 to Jan 2023
Second Iteration another 2 mall
3 months, Apr 2023 to Jun 2023
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
You may also be interested ...
Fanling Shopping Malls Website Overhaul
Category
UIUX Deisgn
YEAR
2023
Social
Shopping Circle
As a prominent retail hub in Hong Kong's North District, Fanling Shopping Center is ready to transform its digital presence across four websites into a more engaging platform for our community.
We're excited to unveil our newly developed unified brand elements for the Fanling area shopping centers, creating an enhanced and intuitive experience that will make connecting with our customers better than ever.
Key Challenges
Operating separate websites created brand confusion and hindered recognition. The outdated system made updates difficult and slow, while limiting our ability to showcase promotions effectively. Potential tenants struggled to understand leasing opportunities through our platforms. With most visitors using mobile devices, we needed a responsive design to better serve our digital audience.
Solution
Created a unified website architecture combining four mall properties
Designed a cohesive brand identity system
Implemented intuitive navigation and search functionality
Optimized for mobile-first experience
Integrated real-time promotion and event updates
Built a user-friendly CMS for efficient content updates
My Role
Full UX/UI process from research through implementation
Developed user personas and information architecture
Created wireframes and interactive prototypes
Partnered with developers and stakeholders to ensure successful delivery
Scope
First Iteration for 2 mall
10 months, April 2022 to Jan 2023
Second Iteration another 2 mall
3 months, Apr 2023 to Jun 2023
어디에 담아뒀는지
기억이잘안나
66
54세/주부/경기도
양문숙
어디에 담아뒀는지
기억이잘안나
66
54세/주부/경기도
양문숙
Persona
Outdated website limits store promotion visibility.
Poor communication affects event awareness significantly.
Struggles to connect with brand identity.
Hard to assess rental benefits remotely.
Introvert
Traditional
Patient
Detail
Cautious
Extrovert
Modern
Impatient
Big Picture
Risk-Taker
Challenges and Pain Point
Personally
Outdated website designs are not user-friendly.
Hard to find stores or promotions easily.
Feels excluded from desired family events.
Introvert
Traditional
Patient
Detail
Cautious
Extrovert
Modern
Impatient
Big Picture
Risk-Taker
Challenges and Pain Point
Personally
Ensure the store stands out
in the crowded shopping
center environment.
42year old
Potential Store Owner
looking for information
about stores and
services available
at the shopping centers.
56years old
Retiree
Where Shopping Meets
Community in Perfect Harmony
Green Code Plaza blends diverse shops, delicious dining, and exciting promotions for everyone.
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
Enhanced Tenant Experience
We've redesigned our mall's visual identity system to create a cohesive brand experience, helping potential tenants better understand our unique characteristics and assess brand compatibility.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
User-Friendly Navigation
The website features an accessible design with generous spacing, easy-to-read text sizes, and prominent buttons. Understanding that some elderly users may have limited digital literacy, we eliminated dropdown menus in favor of clearly displayed categories, allowing elderly users and local visitors to reach their desired pages within just 1-3 clicks.
Mobile-Optimized Info
The parking page prioritizes mobile users by enlarging key details like parking rates, ensuring drivers can instantly spot pricing information with a quick glance at their phones.
Main Page
Key Pages
Before & After
