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

aro.cityu.edu.hk/home/caring/sports

"Digital Excellence - Sports Website” in "The Communicator Awards 2022"

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.

RelatedWorks

Acecgt NutriGene

Corporate Visual Identity

Butterfly Hotels

Website Design

Acecgt Group

Corporate Visual Identity

HomeSquare

Smart Buy Weeks 2020 e-Catalogue Minisite

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

www.butterflyhk.com

"Silver Winner - Hotel and Lodging Website” in "2020 W3 Awards"

and

"Outstanding Website" in "WebAward 2020"

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!"

RelatedWorks

Plaza Hollywood Revamp 2020

Website Design

Lufthansa Hong Kong

A350 Launch Minisite

Jack's Veterinary

Visual Identity

iBigHealth

Website UI & Visual Design

//// SharpMotion :: Portfolio - Jack's Veterinary

Jack's Veterinary

Visual Identity

ABOUT

Jack’s Veterinary is a team composed of veterinary surgeons and veterinary nurses. Seeing the many opinions and scattered and unverified information about pet care on the internet which may confuse owners, Jack’s Veterinary was set up which aims at providing better quality of life and health for our animals. The core value is to provide an online veterinary service and share the knowledge and information of pet care with the public. Apart from offering members the online veterinary service, they also devote their effort on organizing different activities and interest groups.

LOGO DESIGN CONCEPT

The logo design is based on the graphical manipulation of a Jack’s poker face, which combines the silhouettes of those 4 major classes of animals - cat/dog, rabbit (small mammal), chameleon (reptile) and bird. The visual is embraced by a form of shield as the metaphor of protection and prevention dedicated to the animals.

VISUAL IDENTITY

OFFICIAL WEBSITE

www.j-vet.com

RelatedWorks

Acecgt Group

Corporate Visual Identity

Acecgt NutriGene

Corporate Visual Identity

Rainforest Connection

Marketing Collateral & Infographic Design

Hong Kong Cultural Infrastructure

Visual Identity

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

RelatedWorks

Marco Polo German Bierfest 2018

Infographic Design

Portillo Estudio

Brand Identity

The Garland Club

Logo & VIP Card Design

MODA

App UI & Visual Identity

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

www.modadiet.com