The Hong Kong Green Building Week 2022
Online Game Website
Online Game Website
wireframe & userflow.
The user flow of the campaign is well-defined. Upon landing on the homepage, new users are presented with the option to sign up by clicking the sign-up button, while registered users can access the city map page by clicking the login button. The homepage also features information about the prizes and how to play the game, making it easy for users to understand how the campaign runs.
To participate in the game, users need to link their Facebook account to their game account. Once they agree to the terms, they can create their avatar appearance and name, providing them with a unique identity in the game. Their avatar can then explore missions on the city map, engaging in the game's challenges and earning rewards.
To participate in the game, users need to link their Facebook account to their game account. Once they agree to the terms, they can create their avatar appearance and name, providing them with a unique identity in the game. Their avatar can then explore missions on the city map, engaging in the game's challenges and earning rewards.
ui design.
The website has been designed with a focus on user engagement and gamification. There are five distinct mission themes, each with its unique icon and theme colour. The website is designed to create a sense of community and features little green buildings for users to explore. Users can enter different buildings to complete missions and earn medals, with each mission assigned a theme colour based on its type.
We have incorporated game-like elements such as pop-up message boxes and avatar customization to create a typical video game interface. The copies have been crafted with care to enhance the overall gaming experience while promoting eco-friendly learning.
We had the opportunity to create the campaign website for our client last year, which only had a mobile version available. This year, we suggested adding a desktop version to the site, as it would better fit the immersive NFT world concept. However, to participate in the GPS location-based and motion tracking games, users must use their mobile devices.
Create & Yay, our branding partner, played a crucial role in defining the colour palette and art direction for the project. While working closely with them, my team focused on designing the user flow, providing UI & UX consulting services, and tackling all technical issues that emerged.
We have incorporated game-like elements such as pop-up message boxes and avatar customization to create a typical video game interface. The copies have been crafted with care to enhance the overall gaming experience while promoting eco-friendly learning.
We had the opportunity to create the campaign website for our client last year, which only had a mobile version available. This year, we suggested adding a desktop version to the site, as it would better fit the immersive NFT world concept. However, to participate in the GPS location-based and motion tracking games, users must use their mobile devices.
Create & Yay, our branding partner, played a crucial role in defining the colour palette and art direction for the project. While working closely with them, my team focused on designing the user flow, providing UI & UX consulting services, and tackling all technical issues that emerged.
output.
data report.
We wrote a report based on the data conducted via Google Analytics and Facebook. The report analyzed the user engagement of the campaign, including the number of page views, bounce rate, session duration, and conversion rate. The client expected to gather user information and activity to review their digital strategy, content attractiveness, design style, and game formats. The report provided actionable recommendations for improvement in future campaigns.
To achieve this, we connected to Google Analytics and Facebook to collect data. However, due to the new privacy policy, certain user information such as gender and age range can no longer be collected through online platforms. Nevertheless, we can still gather this information through manual settings.
To achieve this, we connected to Google Analytics and Facebook to collect data. However, due to the new privacy policy, certain user information such as gender and age range can no longer be collected through online platforms. Nevertheless, we can still gather this information through manual settings.