A Community-Centered Digital Platform for Hong Kong's Cultural Events & Art Spaces
YEAR
2024
Challenge
Client looking for unified digital platform, requiring a visual identity and Design System that harmoniously blends traditional and modern aesthetics to connect arts and cultural events with both Chinese and English-speaking audiences, while ensuring consistent user experience across all digital touchpoints and making cultural events more accessible.
Solution
Designed responsive website interface optimized for both desktop and mobile
Created user-friendly navigation system for event information and registration
Developed visual identity including typography, color scheme and layout
Implemented interactive features for community engagement
Ensured seamless integration of bilingual content (English/Chinese)
My Role
UX Design, Brand Design, Information Architecture
Work closely with stakeholders and front-end engineers.
Scope
Tai Hung
6 months, April 2023 to Sep 2023
Yuen Long
3 months, Nov 2023 to Feb 2024
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
Information Architecture and User Flow
Plan your visit
Structured event information with intuitive navigation hierarchy, guiding users through a logical journey from overview to detailed planning, supported by clean visual organization and typography.
UX (User Experience) and Information Architecture
Programme and Events
Streamlined workshop information display with structured formatting of key details, emphasizing clear hierarchy and scannable content to help users quickly find and understand essential participation requirements.
Overview.
The website utilizes organic shapes and vibrant colors to captivate our target audience. We provide an interactive map page that allows users to easily navigate and enjoy the local tour. Additionally, our event page invites users to participate in various cultural activities, making it simple for them to engage with the arts through our platform.
Research & Planning
Develop a vibrant, eye-catching color scheme using neon yellow-green to convey energy and creativity.
Curate contrasting images that showcase urban arts and culture, such as a cozy, book-filled interior and a close-up of a handcrafted object.
Implement bilingual text (English and Chinese) to reach a wider audience and highlight the multicultural nature of the initiative.
Design & Prototyping
Incorporate organic shapes and rounded edges to soften the urban theme and enhance approachability.
Use stylized, modern typography for "ARTS IN THE CITY" to reflect an urban and contemporary feel.
Create a minimalist layout that focuses on key visual elements and text.
Conduct usability testing to gather feedback on clarity and user experience from target users.
Iterate on designs based on user input and test results.
Collaborate closely with developers to ensure accurate implementation of the design.
You may also be interested ...
A Community-Centered Digital Platform for Hong Kong's Cultural Events & Art Spaces
ROLE
CLIENT
Hong Kong Arts Development Council
ROLE
UIUX Design
Date
2023
Challenge
Client looking for unified digital platform, requiring a visual identity and Design System that harmoniously blends traditional and modern aesthetics to connect arts and cultural events with both Chinese and English-speaking audiences, while ensuring consistent user experience across all digital touchpoints and making cultural events more accessible.
Solution
Designed responsive website interface optimized for both desktop and mobile
Created user-friendly navigation system for event information and registration
Developed visual identity including typography, color scheme and layout
Implemented interactive features for community engagement
Ensured seamless integration of bilingual content (English/Chinese)
My Role
UX Design, Brand Design, Information Architecture
Work closely with stakeholders and front-end engineers.
Scope
Tai Hung
6 months, April 2023 to Sep 2023
Yuen Long
3 months, Nov 2023 to Feb 2024
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
User Flow and Interactive Design
interactive CITY mapDeveloped an interactive city navigation system replacing paper maps, using multiple access points (dropdown, markers, menu) to guide users through Hong Kong's cultural locations intuitively.
User Flow and UI Design
locations introductionDesigned location guides integrating venue highlights and event information, with customized Google Maps integration, enabling users to quickly access locations and essential details.
Information Architecture and User Flow
Plan your visitStructured event information with intuitive navigation hierarchy, guiding users through a logical journey from overview to detailed planning, supported by clean visual organization and typography.
Information Architecture and User Flow
Plan your visitStructured event information with intuitive navigation hierarchy, guiding users through a logical journey from overview to detailed planning, supported by clean visual organization and typography.
Information Architecture and User Flow
Plan your visitStructured event information with intuitive navigation hierarchy, guiding users through a logical journey from overview to detailed planning, supported by clean visual organization and typography.
Information Architecture and User Flow
Plan your visitStructured event information with intuitive navigation hierarchy, guiding users through a logical journey from overview to detailed planning, supported by clean visual organization and typography.
UX (User Experience) and Information Architecture
Programme and EventsStreamlined workshop information display with structured formatting of key details, emphasizing clear hierarchy and scannable content to help users quickly find and understand essential participation requirements.
UX (User Experience) and Information Architecture
Programme and EventsStreamlined workshop information display with structured formatting of key details, emphasizing clear hierarchy and scannable content to help users quickly find and understand essential participation requirements.
UX (User Experience) and Information Architecture
Programme and EventsStreamlined workshop information display with structured formatting of key details, emphasizing clear hierarchy and scannable content to help users quickly find and understand essential participation requirements.
UX (User Experience) and Information Architecture
Programme and EventsStreamlined workshop information display with structured formatting of key details, emphasizing clear hierarchy and scannable content to help users quickly find and understand essential participation requirements.
Overview.
The website utilizes organic shapes and vibrant colors to captivate our target audience. We provide an interactive map page that allows users to easily navigate and enjoy the local tour. Additionally, our event page invites users to participate in various cultural activities, making it simple for them to engage with the arts through our platform.
Research & Planning
Develop a vibrant, eye-catching color scheme using neon yellow-green to convey energy and creativity.
Curate contrasting images that showcase urban arts and culture, such as a cozy, book-filled interior and a close-up of a handcrafted object.
Implement bilingual text (English and Chinese) to reach a wider audience and highlight the multicultural nature of the initiative.
Design & Prototyping
Incorporate organic shapes and rounded edges to soften the urban theme and enhance approachability.
Use stylized, modern typography for "ARTS IN THE CITY" to reflect an urban and contemporary feel.
Create a minimalist layout that focuses on key visual elements and text.
Conduct usability testing to gather feedback on clarity and user experience from target users.
Iterate on designs based on user input and test results.
Collaborate closely with developers to ensure accurate implementation of the design.