//// SharpMotion :: Portfolio - We Care for CityU Sports

We Care for CityU Sports

Website Design

ABOUT

City University of Hong Kong (CityU) has nurtured thousands of outstanding student-athletes over the years, and now has over 400 athletes in 18 sports events. CityU is “One of the Best Universities in Sports” among 13-member tertiary institutions in Hong Kong, and the only University that has captured Double Champions for 9 times Grand Slam in the USFHK Sports Competitions.

The “We Care for CityU Sports” campaign aims to nurture the growth of their full-time CityU student-athletes in personal, academic, and career development, by providing adequate support through volunteer services and donation to them. All supporters of the University are cordially invited to take part in the campaign.

DESIGN CONCEPT

The motif of “three.js” animation is inspired by the polygon of CityU logo element, with a vibrant colour scheme adapted from the corporate identity system. The motion graphics create a visual metaphor of “Converging the dynamic of sports teams” as well as the connotation of “Every little makes a mickle”. Finally, it illustrates an objective of encouraging the myriad alumni to continually support the student-athletes through donations and volunteer services.

//// SharpMotion :: Portfolio - brother

brother

Official E-Commerce Website

ABOUT

Plaza Hollywood is one of the largest shopping malls in Hong Kong's Kowloon East. It offers an unequalled environment of light and space, a place to shop, relax and enjoy life to the full.

DESIGN THEME

We've revamped the website so as to make it mobile-friendly and responsive to different computer and mobile screen sizes. The design concept is enhanced with the help of latest technologies on animation effects, that offers a one-stop marketing experience with online branding, search engine optimization (SEO), social community building and the analysis of behavior of the online consumer.

A responsive layout with clean and minimal navigation & grid design, full screen background images are used to create a great visual impact. "Flat-design animated-graphics" is the iconic theme throughout the website.

//// SharpMotion :: Portfolio - Butterfly Hotels

Butterfly Hotels

Website Design

ABOUT

At Butterfly Hotels, they focus on what truly matters. Transform visitors' experience with them - each hotel with its own unique personality, ever-improving services and distinct location to connect all visitors to the heart of the city. Situated at the core of Hong Kong’s prime districts like Central, Tsim Sha Tsui, and Sheung Wan, visitors will find a myriad of culinary delights, shopping centres, and exhilarating sightsees and attractions to make their stay a truly memorable one. With each Butterfly Hotel exuding its own unique style and design that blends in with its surrounding atmosphere and local characteristics, it is certain that their offerings will provide all visitors with a variety of choices to make their stay that much more unique and unforgettable.

JUDGE'S COMMENT (WEBAWARD 2020)

"The site appears to be truly mobile-first in its design approach, which is refreshing to see. The "Itinerary Planner" is absolutely brilliant. I've used similar tools in the past, but nothing that takes a user this far along — actually drawing the directions line to connect the POI to the hotel is a great user experience! Allowing the Book Now button to drop the booking tool down rather than directing users to a new page improves speed and efficiency — and, again, works great on a mobile. Overall, a great use of technology to improve the booking process!"

//// SharpMotion :: Portfolio - Acecgt NutriGene

Acecgt NutriGene

Corporate Visual Identity

ABOUT

From the lab to the dining table - Nutritional Genomics is recognized as a major breakthrough in the nutritional sciences. Nutrigenetics is a branch of nutritional genomics which aims to identify genetic susceptibility to diseases and genetic variation in the effects of nutrient intake on the genome.

Acecgt NutriGene (ANG) is established for investigating individual genetic differences that can affect the way individual responses to diet and nutrients. This exciting new frontier offers tremendous promise through a proactive approach, by making recommendation on personalizing the diet and lifestyle factors based on your own genetic profile.

We've been invited to create a full set of corporate visual identity for this brand new biotechnology company.

LOGO DESIGN CONCEPT

The shape of the logo is basically formed by the letters - "A", "N" and "G". The "A" & "N" are combined and modified as the form of strand of human DNA helix, whereas the metaphor of "identifying genetic issue regarding nutrient intake" is visually expressed by the intersection of the curve of "G" with the diagonal stroke of "N". The orange stripe implies the identified substance that affecting the genome.

VISUAL IDENTITY

COLLATERAL DESIGN

OFFICIAL WEBSITE

We've created a fully responsive and mobile-friendly website with minimal UI design - The biotechnological knowledge is intuitively presented to the target audience through the help of interactive scrollable animation effects and bold infographics, that offers an immersive experience which facilitate the online marketing, search engine optimization (SEO), social community building and the analysis of customers' behaviour.






//// SharpMotion :: Portfolio - Wacom

Wacom

Packaging & Collateral Design

ABOUT

Wacom Co., Ltd. is a Japanese company headquartered in Kazo-shi, Saitama, Japan, that specializes in graphics tablets, interactive pen displays and digital interface technologies. Wacom serves a broad range of creative customers across the world from film and animation, auto-design and manga. Wacom also supports leading enterprises in medical, education and financial services as well as leading IT partners with innovative user interface technologies and solutions.

As the design agency of Wacom Asia Pacific and Wacom China since 2001, we are responsible for the graphic design and localization of packagings as well as related collateral materials, which includes the series of Intuos, Graphire, Cintiq & Bamboo, etc.

ONE BY WACOM



One by Wacom Packaging Design
Wacom Asia Pacific - 2014

INTUOS



Intuos Packaging Localization
Wacom Asia Pacific & China - 2013




Intuos manga Packaging Localization
Wacom Asia Pacific - 2013

INTUOS PRO



Intuos pro Packaging Localization
Wacom Asia Pacific & China - 2013

CINTIQ



Cintiq Brochure Localization
Wacom Asia Pacific - 2012

BAMBOO MANGA



Bamboo Manga Packaging Localization
Wacom Asia Pacific - 2012




Bamboo Manga Brochure Design
Wacom Asia Pacific - 2012

INTUOS5



Intuos5 Brochure Localization
Wacom Asia Pacific - 2012

BAMBOO



Bamboo Pen / Pen & Touch Packaging Localization
Wacom Asia Pacific & China - 2011




Bamboo Fun Packaging Localization
Wacom Asia Pacific & China - 2011




Bamboo Brochure Design
Wacom Asia Pacific - 2011

BAMBOO ONE



Bamboo One Packaging Localization
Wacom Asia Pacific & China - 2010

INKLING



Inkling Packaging Localization
Wacom Asia Pacific & China - 2010

INTUOS4



Intuos4 Packaging Localization
Wacom Asia Pacific & China - 2009

BAMBOO



Bamboo & Bamboo One Packaging Localization
Wacom Asia Pacific & China - 2007




Bamboo Fun Packaging Localization
Wacom Asia Pacific & China - 2007




Bamboo Brochure Design
Wacom Asia Pacific - 2007




Bamboo Series Magazine AD Design
Wacom China - 2007




Bamboo Fun Brochure Design
Wacom China - 2007

FAVO CLASSIC



Favo Classic Magazine AD Design
Wacom China - 2007




Favo Classic Flyer Design
Wacom China - 2007

INTUOS3



Intuos3 Wide Version Packaging Localization
Wacom Asia Pacific - 2007




Intuos3 Poster Design
Wacom Asia Pacific - 2006




Intuos3 Brochure Design
Wacom Asia Pacific - 2006

CINTIQ 21UX



Cintiq 21UX Brochure Design
Wacom Asia Pacific - 2006

GRAPHIRE BLUETOOTH



Graphire Bluetooth Packaging Design
Wacom Asia Pacific - 2006

GRAPHIRE4



Graphire4 Comic Pack Packaging Design
Wacom China - 2006




Graphire4 Packaging Design
Wacom China - 2006




Graphire4 Packaging Design
Wacom Asia Pacific - 2005




Graphire4 Digital Photography Toolkit Packaging Design
Wacom Asia Pacific - 2005




Graphire4 Magazine AD Design
Wacom Asia Pacific - 2005




Graphire4 Brochure Design
Wacom Asia Pacific - 2005

BIZTABLET



BizTablet Packaging Localization
Wacom Asia Pacific - 2005




BizTablet Brochure Design
Wacom Asia Pacific - 2005

INTUOS3



Intuos3 Packaging Localization
Wacom Asia Pacific - 2004




Intuos3 Brochure Design
Wacom Asia Pacific - 2004




Intuos3 Poster Design
Wacom Asia Pacific - 2004

GRAPHIRE3



Graphire3 Digital Photography Toolkit Packaging Design
Wacom Asia Pacific - 2004




Graphire3 Digital Photography Toolkit Brochure Design
Wacom Asia Pacific - 2004




Graphire3 Digital Photography Toolkit Poster Design
Wacom Asia Pacific - 2004




Graphire3 Brochure Design
Wacom Asia Pacific - 2003




Graphire3 Poster Design
Wacom Asia Pacific - 2003

INTUOS2



Intuos2 Magazine AD Design
Wacom Asia Pacific - 2003




Intuos2 Poster Design
Wacom Asia Pacific - 2003




Intuos2 Magazine AD Design
Wacom Asia Pacific - 2002




Intuos2 Brochure Localization
Wacom Asia Pacific - 2002

FAVO



Favo J-420 Packaging Design
Wacom China - 2003




Favo J-420 Flyer Design
Wacom China - 2003




Favo F-510 Packaging Design
Wacom China - 2002




Favo FJ 410 Packaging Design
Wacom China - 2002




Favo Series Poster Design
Wacom China - 2002

GRAPHIRE2



Graphire2 G-410 & G-510 Series Magazine AD Design
Wacom Asia Pacific - 2002




Graphire2 G-410 & G-510 Series Brochure Design
Wacom Asia Pacific - 2002




Graphire2 Magazine AD Design
Wacom Asia Pacific - 2001




Graphire2 Brochure Design
Wacom Asia Pacific - 2001

CINTIQ



Cintiq Magazine AD Localization
Wacom Asia Pacific - 2001




Cintiq Brochure Localization
Wacom Asia Pacific - 2001

INTUOS



Intuos Magazine AD Localization
Wacom Asia Pacific - 2001