HoopUp

HoopUp is my thesis project that aims to establish an O2O basketball community in Toronto, Canada.

Client: George Brown College School of Design

Graphic Design (Branding / Pictogram / Print / Illustration / UIUX): Qing Li

Frontend Development: Qing Li

Invision: Qing Li

Motion Graphic: Qing Li

Augmented Reality: Qing Li

Professor: Lauren Wickware

Advisor: James Kuo

Year: 2016

B

randing

The two essential elements of the design concept are basketball and connection. The logo was derived by imagining a dot travels along, and the path forms a basketball shape.

reflect the passionate, active, and competitive spirits.

P

ictogram

P

rint

I

llustration

I created an e-book called Multi-language Basketball Terminology Illustration Book. I gathered some of the basketball terminologies in different languages, did the corresponding illustrations, and recorded my friends speaking those terms in their native languages. Therefore, by clicking on the speaker icons on each page of this e-book, people can learn the correct pronunciations.

Special thanks to my friends Matthew McColl Poon (English), Valérie Iao (French), Carolina Bernárdez & Pablo Jiménez de la Cuesta Oseguera (Spanish), Youngmin Song (Korean) and Linan Xie (Chinese) for the help with the translation and audio recording for this book.access e-book

U

IUX

Essentially HoopUp is an app. I designed the user interface and brought it into Invision as an early stage prototype.access invision

M

otion Graphic

I also created a promotional video briefing some of the features of this app.vimeo link Youku link

A

ugmented Reality

In order to attract some visitors to my table on our year end show, I learned to create a little Augmented Reality experience by using Adobe Fuse, Mixamo and a third party Augmented Reality app called Augment.

The process is that I scan the AR tracker (a unique graphic) using the Augment app scanner, the 3D model I created with animation pops up, with live camera background that people can take a photo with it.