Key Theme Promotion introduces the most up-to-date seasonal wearing to the customers. As a teammate of the online design team, I design newsletters, CCSHOP.COM banners, social media images etc. for the promotion.

Newsletter is one of the important channels to communicate with customers. During the design process, I consider overall appearance, mix and match of the styles, text clarity and user experience to make sure the message can deliver accurately.

My duties: Layout design & HTML coding

Usually, we prepare a set of design layout for online usage within the tight schedule. CCSHOP.COM is GRI Group’s multi-brand online store. We also need to resize the banners to fit in CCSHOP.COM for each online promotion.

Furthermore, we need to redesign the regular webpage according to the company policy. Each time I design the layout, I need to consider English, Chinese, desktop and mobile versions.

My duties: Layout design & HTML + CSS coding

GRI Group is the official Asian Franchises for world famous brands such as Nine West, Karen Millen. For the loyal fans of the brands, we would send out newsletters to keep them updated about their favorite brands.

For Brand Newsletter, I follow the design guidelines from principals to maintain the brands’ image, so I need to be careful on the style, typefaces, color tone and usage of logos and images.

My duties: Layout design & HTML coding

No matter carousel ads or single image ads, I know the best way to display the products. I also try image collage for Instagram posts and get some good response!

My duty: Layout design

Sale Promotion informs the latest discount offers to the customers. Sometimes we need to cooperate with the visual merchandising team for the visual elements in the layout design.

Newsletters for Sale Promotion need to be more colorful and emphasis on the font size to draw customers attention. Also, I would pick some good-looking products and focus on the discount price in the newsletters.

My duties: Layout design & HTML coding

It is a booklet recorded my process of studying flat design. It contains different stages of creating a personal logo, including researching, drafting and testing.

The process book is around 30 pages. For the theme of design process book, I used the hexagons to create patterns. The uses of honeycomb and green color can make people think of nature, but also can give a modern feeling to the readers.

My duties: Logo, Typography + Layout design

Shun Ying Trading Company is a packaging machinery company. My partner Kyla Yip and I decided to use modern style to build this website. I am mainly in charge of UX design for mobile and iPad versions and coding part.

We used blue color to make people feel secure and be confident to the packaging machines. As the target audiences are mainly middle-aged people, and they usually use mobile to read messages, we focused on the mobile version. The interface is a classic responsive design which is easy for people to use.

My duties: Coding + UX Design

This website is designed for introducing an app game – SoldierGo. SoldierGo is related to Hong Kong unique sexual relationship. The groupmates and I oversee different parts of this project. I am mainly responsible for the website.

I used comic style and humorous tone to match the taste of our target audience - youngsters. Also, there is an Easter egg in homepage: when you click on the characters, some animation and sound effect will play.

My duties: Coding + UI/UX Design + Copywriting

MatchUp is one of the ideas of the final year project. Groupmates and I are thinking about a game can let people have more interaction by using their phones.

For the website, I make use of color to create the happy atmosphere. Reference to the Tetris, I use some cute box characters to show the linkage of people. Animation is also an important element to make the website lively.

My duties: Coding + UI/UX Design + Copywriting

Black vs White is one of the ideas of the final year project. Although the idea was rejected, the website is built for introducing the concept.

The game is about the battle of black and white. The side with a larger company would be the winner. So I apply this concept to the website landing page. When you drag the page, blood will appear on the side where the color occupies less.

My duties: Coding + UI/UX Design + Graphic Design + Copywriting

Boxland is a company which provides a wide variety of iR-Furniture with Digital Marketing Champaign Solution for all kinds of the retailer. The 5 minutes long animation introduces the products and loops on the digital signage. I pay attention to introducing each product in detail and show the whole shopping experience in the retail store.

My duties: Graphic Design + Motion Design + Copywriting

This video introduces the new department of Hong Kong Christian Service. Cooperated with my partner Kyla Yip, we took about 2 weeks to create. The video is for internal use only, so we present the video in a friendly and casual way.

My duty: Motion Design

Do you know what kind of problems are rare disease patients facing? In Hong Kong, there is no definition for the rare diseases but they desire for help. We should care about the neglected group.

My duty: Motion Design

The idea is inspired by the video arcade. My groupmates and I would like to bring back the collective memory of childhood. Meanwhile, we do not want people to focus on their phones and lack of face-to-face conversation with their friends. Therefore, we designed this game to connect the people.

I am in charge of thinking the details of the game contents and video production. The characters and user interface are designed by my groupmate Kyla Yip.

In the video, I explain the rules step by step and let others understand our game easier.

My duties: Motion Design + Copywriting

This short video explains the Hong Kong sexual culture and promotes the main idea of our app game “Bingo!”.

My duties: Motion Design