Web Works

This page is a collection of my previous web works. It covers various topics and was built in various forms like app, data visualization, sound visualziation, and web design. Most coding visualization were built by P5.JS which is an open source web development tool. Web design projects are more to create various visual styles and combine graphic design with coding.

App

Click on the image to view the clickable prototype:

withU

Anti-school violence app

withU is an app designed for caring for the mental health issues of students who have suffered from school bullying. In the app, students can not only talk to a professional counselor of youth mental health, but also can report their incidents anonymously and safely to the system. What’s more, withU is trying to build an online community for the students to share their experiences bravely together and encourage students to face the problem of school bullying instead of bearing alone. I hope to tell victims of school bullying: “We are always here with you to be you.”

P5.JS

Click on the image to view the full version of the project:

HOW COUPLE MEET AND STAY TOGETHER

Data Visualization of Online Dating Development

THE SPACE CLOCK

Digital Clock

RAMEN RATINGS

Data Visualization of Ramen Flavor Level

HAPPINESS RANKING

Data Visualization of Happiness Ranking

IN THE NAME OF LOVE

Sound Visualization

PHOTOGRAPH

Karaoke

SMF

Sound Visualization

ZINZA

Sound Visualization

Web Design

ALL OF THE LIGHTS

Lyrics Visualization Website

Based on the feeling and lyrics of the song “All Of the Lights”, I designed a website to visualize the lyrics. In the website, you can see five different visualization of the lyrics. I play with different fonts, colors, and layout to create more diverse visual experience.

ONLINE FASHION EXHIBITIONS

Online Exhibition Website

This is a personal website to recommend some of my most favorite fashion exhibitions. In this website, people can have a immersive experience with these exhibitions. The theme of the website is talking about my understanding of fashion. I believe that fashion is not only what we wear but how we reflect ourselves and the age we are living in. I hope to use the online exhibiton experience to motivate people to think about how fashion functions in current society.

McDULL CAFE

McDull Cafe Website

This is the wbeiste I created for the cartoon character McDull. It is a more commercial website that designed to promote the McDull Cafe. The overall style of the website is cute and interesting. Through searching this website, users can have a more memorable online experience with the cafe and they can also choose their favorite goods in the online store.