//// 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 - 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 - Rainforest Connection

Rainforest Connection

Marketing Collateral & Infographic Design

ABOUT

Rainforest Connection (RFCx - https://rfcx.org) is a NGO that uses upcycled mobile technology to monitor and protect remote forests, enabling real-time interventions. It's a solution that can halt illegal logging in rainforests. The fact is, destruction of tropical rainforest is a leading cause of climate change and global mass extinctions. RFCx transforms recycled cell-phones into autonomous, solar-powered listening devices that can monitor and pinpoint chainsaw activity at great distance, and providing the data openly, freely, and immediately to anyone around the world.

They've proven it in the field in Sumatra against actual illegal logging operations. Their goal is to demonstrate that their system can operate on a global scale, in any forest, anywhere.

This project was shortlisted in the London International Creative Competition 2016.

PROJECT AIM

This self-initiated project is intended to develop a marketing collateral redesign for the Rainforest Connection (RFCx) that helps promoting their goal of action against illegal logging in rainforests. Infographic presentation is explored to succinctly visualize the mechanism of detection system and the old smartphone upcycling process.

The project aims to educate the public about the RFCx operation and encourage people to take part in the old smartphone donation campaign, also enhancing the communication between RFCx and other co-operative parties, that finally help expanding their system to operate on a global scale.



Isometric Vector Illustration - Old Smartphone Upcycling



3-in-1 Infographic Poster Mockup



Infographic Poster Series Mockup



Poster in Bus Shelter - Mockup



Brochure Mockup - Front Cover & Inner Page



Brochure Mockup - Front Cover & Back Cover



Brochure Mockup - Inner Page 1 & 2



Brochure Mockup - Inner Page 3 & 4



Brochure Mockup - Inner Page 5 & 6



Direct Mail Design - Old smartphone donation & upcycling campaign



Direct Mail Mockup - Outer Pack Front & Back Cover



Direct Mail Mockup - Outer Pack Cover: Tear open & phone taken out



Direct Mail Mockup -Envelope Front & Back



Direct Mail Mockup - Envelope Tear open: Reuse for donated phone return mail, reseal tape underneath the flap

Please note that this project was completed as part of a self-initiated brief, and was not commissioned by the company featured or any associated companies.

//// SharpMotion :: Portfolio - ISTD : Design Museum

ISTD : Design Museum

New Typographic Identity

ABOUT

The Design Museum is known internationally as a champion for architectural, fashion, graphic, industrial and product design. Founded in 1989 as a charity and based on the banks of the river Thames in London, it exists to promote a greater understanding of the value of design. Due to this success, it has outgrown its original home and will relocate to the former Commonwealth Institute building in Kensington, London in 2016.

Its new home will have "10,000 square meters" of total space, giving it three times more than in its current location, with vastly improved learning facilities and a dedicated gallery to display its permanent collection. The move offers not only significantly more space and great accessibility, but also a unique opportunity to revisit the visual and typographic identity of the museum.

DESIGN CONCEPT

The concept of new identity design is based on the "dimensional figure (10,000 m2 = 100 x 100)" as a foundation, which is visually translated into a 100 x 100 grid system, where the entire identity elements are drawn on it. From logotype to patterns and icons, the intertwining lines not only create all compelling visual elements, but also express the meaning of connecting ideas and people within the “space”, which is one of the Design Museum’s culture. This unique and dynamic system will invite surprise and flexibility across all media with a unified visual language.

The logo design symbolizes the letterform of “M” and succinctly reveals the architectural signature of the Commonwealth Institute, a Grade II listed building: Hyperbolic paraboloid copper roof, with low brick plinth clad in grey-blue glazing. To define the colour scheme of this visual identity, an extracted palette of copper and blue from the building epitomises the historical background of the museum as well as its forward-thinking of vision, mission and values, creating a mixture of classic and contemporary tone of voice.



Vertical version



"DM" Monogram Design - an effective reduction of the main identity intended to be used when the area of placement is limited



Letterhead & Stationery Mockup



Custom Font Design : DM-Inline



Custom Font Design : DM-Solid



Title Design with Custom Font



Typographic Experiment : Custom typeface incorporated with the generative graphic



Poster Series Mockup



Poster in Bus Shelter - Mockup



T-Shirt Mockup - Light version



T-Shirt Mockup - Dark version



Paper Bag Mockup



Icon and signage designs with the logic of Tangram



Signage Mockup - Exterior & Interior

Please note that this project was completed as the brief of ISTD (International Society of Typographic Designers), and was not commissioned by the company featured or any associated companies.

//// SharpMotion :: Portfolio - Acecgt Group

Acecgt Group

Corporate Visual Identity

ABOUT

Acecgt group is based in Hong Kong and committed in bringing innovative solution and translating life science's technology into everyday applications. Leveraging on the vest amount of knowledge and know-how derived from Human Genome Projects (HGP), International HapMap Project and other projects, Acecgt is taking this opportunity to translate the science into practice in the fast growing markets covering Hong Kong, China and Asia.

LOGO DESIGN CONCEPT

Acecgt’s group mission is to bring closer to the people the power of life science technology to become healthier individuals and to prolong individuals’ healthy life expectancies. They are very into DNA and technology, so that it’s reflected in their name Acecgt [pronounced as A,C,G,T]. As we all know, A, C, G and T are the essential building blocks of DNA and it holds many secrets of life.

Hexagonal shape is used as the basic element of the logo, it represents their business model is built upon the spectrum of six technology areas - (1) Stem cell regeneration biology, (2) Personalized and preventive medicine, (3) Medical molecular diagnosis, (4) Individualized diets, (5) Health and wellness, (6) Healthcare technology. Designing with negative space, the entire graphic of “ace” is visually connected by the silhouette of DNA helix.

VISUAL IDENTITY



Colour Scheme: Management Team (Virtual Pink) | Technical Team (Riviera) | Marketing Team (Magenta Haze)

COLLATERAL DESIGN



Letter "a" will change to "6" when flip-over : Acecgt's business model is built upon the spectrum of six technology areas.



Corporate infographic flyer



Corporate brochure

OFFICIAL WEBSITE