A to Z Chinatown, NYC

2017

A  browser-based experience in which users can tap and hold any of the 26 letters on the keyboard to watch the corresponding short animation that I created through sketches I draw for Chinatown NYC, 2017.

 

While the short animation pieces provide an opportunity for widespread, interactive content boosts user engagement, making the content more fun.

Role

Personal Project

Tech & Tool

Sketch, AI, AE, Javascript/HTML/CSS

Click below and play

 

 

 

And welcome to share the URL

 

 

 

I created this A to Z of Chinatown web piece after I've been sketching Chinatown of NYC for several weeks in winter 2017. 

 

 

 

I use the letters of the alphabet to trigger keywords to combine those interesting features I've found in Chinatown.

 

 

A is for avocado always on sale in Chinese markets, seems like nobody are going to buy them since avocado is not a traditional food in China.

B is for binded crab, Chinatown sell crabs with their claw binded.

C is for china, Chinese ceramic.

D is for dumplings, the signature food of traditional Chinese cuisine.

...

 

 

 

 

To accompany the set of animations I created through my sketches, I made a browser-based experience in which users can tap and hold any of the 26 letters on the keyboard to watch the corresponding short animation.

 

While the short animation pieces provide an opportunity for widespread, interactive content boosts user engagement, making the content more fun.

© 2020 Hazel