tubeman.gif

Key Words

UI/UX Design

Interaction Design

Web Development

Creative Coding

ToolKit

Adobe XD | Illustrator

WebRTC | WebSocket

Node.js

Javascript/HTML/CSS

My Role

Designer and Developer

Showcase

ITP Winter Show | 2018


Tubeman is Happy!

Tubeman is happy! is an interactive web application. The users can use it to create, download and share gifs of themselves moving like a tubeman. By encouraging the users to imitate the tubeman and enabling them to create and share gifs of themselves moving, Tubeman is happy! is trying to make people feel happy while allowing them to share that happiness with others.

 

1

When entering the web application, the users will see an image of the tubeman. They will also see themselves in a camera feed.

 

2

Following the instruction, they will then imitate the movements of tubeman (as shown in the picture), pose and take 18 pictures.

 

3

Users can add a word to describe their moods at the moment.

 

4

At the end of this experience, a gif will be generated.

 

5

The users can access to the gif by entering emails of themselves and then be able to share that “stupidity” and happiness with othe

gif1.gif
 
 
 
 

I developed this project on my MacBook and showed it during the ITP winter show in a larger scale as a “gif booth” installation. Hundreds of people have visited my project, moved, laughed and had fun.

Here is a glimpse of the HAPPINESS