Website

Drunken Monkey Restaurant
click here to go to the website

Drunken Monkey restaurant website

Dreaming Dragon Hostel

Dreaming Dragon Hostel website

Javascript Interactivity
click here to go to the website

javascript interactivity
I wrote a javascript function to sorting the images according to the categories. On click each image, another javascript function will print out the dish name on the list above. If the dish numbers are smaller than 4, you can keep adding items. Else, an alert box will show, and preventing you from adding more than 5 dishes.

Motion Graphics
click here to go to the website

motion graphics
The black cat is walking back and forth on the desk. Two planes are flying across the sky in different paces. And when clicking on the button of each city, you will see the line drawing animaiton of the landmarks.

Banner ad

mobile app UI design

I love youbike

I love youbike-1 I love youbike-2 I love youbike-3 I love youbike-4

Kong Note

Kong note-1 Kong note-2 Kong note-3 Kong note-4

Walking Dogprototype

Walking Dog-1 Walking Dog-2 Walking Dog-3 Walking Dog-4

Laudromatmockup

laudromat-1 laudromat-2 laudromat-3 laudromat-4

user experience studies

Persona

persona1 persona2

Customer Journey Map

mobile app customer journey map

Flowchart

mobile app user flowchart

Wireframes

mobile app wireframe

Mockup

mobile app mockup