SHOWCASE OF RECENT HIGHLIGHTED PROJECT
Digital Design
Working in both Fox Asia and PwC Hong Kong provides a chance to get involved in the design focus on the digital platform. Especially for website and app-based usage. In the era of digitalization, adapting graphics design becomes more critical for different corporations.
Not only graphics design, but UX/UI Design and animation are also playing an important role in the industries. Working in both companies has also provided a chance for me to enhance and incorporate my skill in Figma and Adobe AfterEffect on daily working bases.
Self-Learning Seat Booking System
Desktop and Mobile App Design
The Self-Learning Seat Booking System is a cross-platform system that allows users to manage and register their own venues and courses for self-learning.
The key art primarily focuses on cross-platform interaction and the concept of learning. At the centre, a laptop and mobile device emphasize these cross-platform ideas. All elements are connected to these devices with dashed lines, conveying the notion that the platforms are highly interconnected with our learning practices.
User behavior on mobile devices differs significantly from that on desktops, which results in a distinct UI design for the mobile version. However, the overall design concept remains consistent with the desktop version, with an emphasis on reducing the steps involved in the booking process.
Banners, Join invitation, Call for action thumbnail and short opening animation
The design combines a symbol with a simple shape and a spinning motion. Two sections of DNA also form an ∞ symbol, representing infinite possibilities for learning and personal development.
LEAD Portal
Keyart and Interactive website design
The LEAD Portal is a website similar to Linktree, but with more interactive features and content related to leadership skills. It offers learners a more accessible and organized way to search for and access e-Learning courses throughout the company.
The key art and theme of the design is a DNA symbol, which represents the idea that leadership abilities are innate and can be developed through proper nurturing. This classic metaphor highlights the ongoing debate of nature versus nurture and emphasizes the importance of continuously learning and improving our knowledge and skills.
In 2022, amidst the pandemic, our team launched a project to uplift our colleagues and encourage their learning while working from home. We introduced a new learning portal called "Lead Catalyst" to our leaders, with a travel theme to ignite their curiosity.
However, after discussions and brainstorming, we decided to fuse the platform into another one our team developed, creating a one-page website called "Development Miles". This allows users to easily navigate the website and keep a record of their learning journey. The design also follows a travel theme, with the added function of earning miles like an aviation company. The portal has been changed from landscape to portrait orientation.
Banners, Join invitation, Call for action thumbnail
and short opening animation
The design combines a symbol with a simple shape and a spinning motion. Two sections of DNA also form an ∞ symbol, representing infinite possibilities for learning and personal development.
Development Miles
Interactive Website design
As mentioned, the Development Miles portal is a one-page website for the leadership upskilling campaign, which replaces the old design. Its primary feature is a one-page website that enables learners to monitor their learning progress. The leaderboard is fashioned as a travel passport, maintaining the project's travel-inspired theme.
The GenAI Upskilling
Interactive Website and Tracker design
Generative AI become one of the hottest topics within technology industries. Tools like ChatGPT create a way to speed up the working process. No matter is tasks like writing a reply to customer emails or summarising and categorising data/news online. It's also become one of the key focuses of the upskilling programme within the firm.
The Tracker is a platform that allows learners to track their learning progress in a gamified way. The user interface is divided into three parts. The top section shows the learner's basic information and progress. The left section displays the leaderboard for each course. The bottom section shows the detailed progress of the learner. The idea behind this design is to enable learners to access all the relevant data on one page without having to switch pages or look into each section of data separately.
The use of stock images
There are three different designs available for the training program and related materials. These designs mainly focus on the illustrations of chip shapes, which have a significant impact on the development of generative AI. Additionally, the binary format uses "0" and "1" numbers that spell out the words "Generative AI".
The alternative version of the platform:
For the management level
A slightly different UI design is adopted for the management level to cater for the different learning and upskilling goals of the partners. The main difference is that the score-counting part is removed and replaced with a simple learning record, as shown below.
The New Partner Orientation
Key Art Design
Some of the projects in the firm required a Visual Identity for use on different platforms, which included a key art/icon design. The design remains in a simplified minimalist approach. To ensure it can be adopted perfectly on varies platforms.
New Partner Orientation (NPO) is a yearly event which aims to celebrate the newly promoted partner within the firm. The design should have a celebratory vibe and also with in a symbolic style which can be adopt into various platform and medium
1. Key visual: Polaris star
-
The brightest star in the constellation which is readily visible to the naked eye at night
-
This is the metaphor of leadership, implying the new partners are becoming the brightest stars and serving as guiding stars in turbulent times with the firm
2. Supporting element 1: Star trail and orbit
-
Indicates how leaders inspire their teammate to have their own career path and future development with their specific roles to formulate the grand system as galaxy
3. Supporting element 2: Galaxy and star system
-
Symbolise the teamwork and collaboration within the firm and the importance of the role of leaders
Emerging Leader Programme
Key Art Design
The Emerging Leader Programme aims to equip individuals with the necessary skills and knowledge to transition into a leadership role within their team. With this programme, participants can confidently take on new roles and become effective leaders.
The design project's main goal is to create branding materials that convey an upbeat and exciting vibe to the user. To achieve this, a series of isometric illustrations have been used to create a fun and refreshing look compared to other projects.
The key art
The Arrows and letters
Arrow offers three distinct areas of focus: Inspiring Leaders, Market Innovators, and Business Strategists. They began by using the letter "L" as a foundation and created a framework that represents the Emerging Leader Program (ELP, or eLP for short).
-
Arrow present the concept of Reskilling and Upskilling.
-
No matter is developing a new set of skills or further mastering the skill that you are already familiar with.
-
Arrow goes upwards to represent upskilling.
-
Arrow goes horizontal to represent reskilling.
MLB, Major League Baseball 2019/2020
IN APP GRAPHICS/POSTER DESIGN
Major League Baseball is a professional baseball organization and the oldest major professional sports league in the world. The design concept is based on the original logo. With the same colour scheme and mimicking the shape and form of the logo graphics. The new design based on the illustrative style with the player's portraits. The background of the design is now changed into drawing paper instead of vector graphics. In order to achieve the feeling of hand-drawn.
The use of stock images
By using photoshop to adjust and create the sketchy style of the portraits. The process includes removing the background and adding adjustment layers to the original source materials.
Formula One in-app graphics
In app graphics/Poster design
A series of graphics has been created for various platforms based on the official graphic asset design. The design features the iconic racing drivers Michael Schumacher and Lewis Hamilton, along with a red and blue color scheme. The graphics also incorporate serial light and gas layers to convey a sense of speed and a racing theme.
Official artwork and stock image
Removing the background from a shallow depth-of-view portrait creates a solid foundation for further editing and enhancement.
Fox Plus Content Reel
Animation, motion graphics Design
A short clip was created in order to highlight the Fox Plus content and also the features of the app. The promotional videos contain several movies and TV show clips, combined with dedicated motion graphics to show the UI and interactive features within the app.
the design is based on a minimalist approach, in order to create a clean and smooth movement for the motion graphics of the text and also the phone. In order to show the app has a quick responsive UI and also provide modern feelings towards the user, apart from complicated illustration. The original motion graphics design is show on the left.
The aim of the videos is to showcase the content and also features of the app. Therefore the video clip is the main part of the videos, the motion graphics act as the supportive function only.
The Opening and closing
Basic animation for the logo, the first part of the promotional video. The closing Showing all platform of the apps and also with an animation logo to wrap-up the whole video.
