//// 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 - iBigHealth

iBigHealth

Website UI & Visual Design

ABOUT

Founded by professionals in medical technology and information technology, iBigHealth is committed to creating new values for the premier smart healthcare platform. They believe disease prevention is the first line of defense for in healthcare. By creating a collaborative health data bank, iBigHealth provide real-time health status analyses, health forecasts, and most importantly, alerts on potential health risks. The more the people sharing data in iBigHealth, the greater the value of data. New insights derived from big data will bring a positive change to health autonomy, familial disease prevention and community care, so anyone can safeguard themselves and their loved ones.

//// 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 - Marco Polo German Bierfest 2018

Marco Polo German Bierfest 2018

Infographic Design

ABOUT

Celebrating Oktoberfest in style at the Marco Polo German Bierfest 2018, where guests can nosh on classic Bavarian dishes like crispy pork knuckle and pretzels, then wash it all down with Erdinger beer. German folk band Die Notenhobler set the mood with their rousing tunes and raucous drinking games. Already 27th anniversary since its inception in 1992, it has evolved to become one of Hong Kong’s longest-running outdoor Oktoberfest event.

PROJECT AIM

Being one of the official sponsors, Lufthansa Group and Munich Airport (5-Star carrier and airport nominated by Skytrax respectively) aimed to boost ticket sales and promote their social media channels during this exclusive gastronomic event. Targeting fun-loving guests who appreciate German culture with an eye to quality, an infographic backdrop has been designed to lure passers-by with a vibrant palette which set a welcoming and humorous tone to voice. Visualizing the details with an array of famous landmarks featuring Reichstagsgebäude, Brandenburger Tor, Kölner Dom and Schloß Neuschwanstein as well, the illustration also emphasizes Airbräu – the only airport brewery in the world, with its special beer “Gaudium” offered only at Munich Airport.



Infographic Design


Booth Standee



Booth Backdrop

//// SharpMotion :: Portfolio - MODA

MODA

App UI & Visual Identity

ABOUT

Within the healthcare industry, there are many different moving parts, with patients, doctors, hospitals, caregivers, and pharmaceutical organizations all looking to achieve the same goal – a better, healthier lifestyle for everyone. Technology has provided a more efficient way of collating important data for personalized healthcare, allowing professionals to work more closely with individuals and resulting in a more cohesive network. This is being dubbed as Healthcare 4.0.

Through the MODA app, subscribers can connect with professional coaches who can learn the intricacies of an individual’s diet and keep track of their daily exercise routine. Quickly accumulate relevant data through the MODA scale and MODA watch, by connecting to the app. Then, by utilizing the MODA app, individuals can easily spend time with professionals to get up-to-date advice without the need to be in the same room, or even the same continent.

DESIGN CONCEPT

The visual identity features an alluringly rendered colour gradient as the main design element; in fact, this vibrant palette is derived from a combination of two natural phenomena - Polar night & Midnight sun, which is the metaphor of unceasing and omnipresent connection between MODA’s subscribers and professionals. Polygon graphic is aptly used as an elegant expression of cohesive network connection as well as the intricacies of big data - diet plans and exercise routines. The letterform "M" extruded with negative space ingeniously depicts the new dimension of advanced healthcare technology.

APP USER INTERFACE



"Login" and "Device Connect" Section



"Dashboard" Screen



"Steps" Section



"Exercise", "Food Journey", "Pro-advice" and "Weight" Section

PROMOTIONAL WEB PAGE