//// 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 - Vivva L'hotel

Vivva L'hotel

Membership Loyalty Programme Website

ABOUT

The idea of this lifestyle store was blossomed by the founders of the company, Mr. Robert Lo and his wife, Nico. The couple has travelled to many countries over the years and their passion for interior design has been cultivated during the course of their business. Ski Portillo (where the idea of the boutique name comes from) is a unique resort located in the Andes Mountains 120 km from Santiago de Chile, where they have spent an unforgettable moment in this exceptional paradise.

We've been invited to create a set of brand identity for this new lifestyle concept store located in China.

LOGO DESIGN CONCEPT

Our lifestyle is what shapes our everyday lives, and to experience our lives to the fullest, merely seeing and touching the belongings that we own is not sufficient, but it's using all five of our senses (Tactile, Olfactory, Visual, Auditory & Gustatory) together to the fullest extent to feel the whole atmosphere and ambience, and to really relish it.

The concept of this logo is based on a pentagon, each corner representing each sense, the lines intertwining representing the joint senses, and the endless possibility of different combinations that will be provided by Portillo Estudio.

BRAND IDENTITY

MOTION GRAPHICS

Tagline: DEFINE & REFINE YOUR SPACE

Portillo Estudio, a new rising star in China home design, is like a fresh breeze sweeping across the stuffy summer of a steamy desert. People are all born with their uniqueness and individuality. No individuals are the same, not even between father and son, or mother and daughter. In Portillo Estudio, it is believed that a home is the most intimate place next to one's heart, a place where people can express themselves through their selection of colors, design, and the display of collectibles.

//// 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 - Hong Kong Cultural Infrastructure

Hong Kong Cultural Infrastructure

Visual Identity

ABOUT

The mS9 DNA Colorectal Cancer Screening Test is intended for detecting the presence of methylated Septin 9 (mS9) DNA in the cancer patient blood, which is associated with cancerous cells of colon cancer present within the body. There is an increased level of methylated Septin 9 DNA and cells circulating in the blood of cancer patients compared to healthy controls and this can be used as a useful biomarker for colon cancer detection.

The test was designed to specifically detect the mS9 DNA in blood plasma and serves as an early warning indicator that further confirmation with colonoscopy will be necessary. Screening means examining individual without symptoms in order to detect disease or find individual at increased risk of disease.

MINISITE DESIGN





COLLATERAL DESIGN

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