Project 1 / interactive button

This is a small exercise for familiar with the html and css language. I'm not familiar wit hDreamweaver before, for the first assignment I created six square as buttons, and each of them have different hover effects.

Project 2 / Name Promotion

My name is “Shu LI”. It is an unfamiliar or even strange name for Americans. This animation is to let people remember me. Every letters from my name seems have its own characteristics, slowly grow up and presented as a combination eventually. The red and blue color indicates my cheery personality.

Project 3 / Fear Scale Bubble Chart

This project works as a part of the final project, which is a mobile phone app that helps therapists to cure social phobia. Since the app will ask patients to record their daily fear scales; this bubble chart not only can track patients’ everyday fear scale, but also offers an opportunity to let them have an objective judgment about the efficiency of the therapy, and the progress they made during the curing process.

Final Project / SociaLife

“SociaLife” is a mobile phone app and website created to gamify the process of curing social phobia. It is backed by Cognitive Behavioral Therapy to help users cure the phobia in a more effective and joyful way. Every aspect of this tool is designed to change the way patients think and also encourage social connections for live, feel, and act in more positive ways.