Moods Diary – Final Project

Concept A journal of my material and color journey on emotions. Demo Moods Journal Demo Video Play UI I created the UI interaction on Figma.  Elements This will be the study for materials and textures as a collection for my research on my phone. Mood/Material Diary for myself to keep track of. If I can make it public

Draw Face – Mobile Tool

PLAY : DrawFace DEMO Inspiration For creating the web app, I have the following steps in mind. Problems encountered and resolved: Having trouble saving three canvases together 2. spent lots of time making the tabs for brush and backgrounds fit for mobile 3. creating the pixelation slider and set the design for it to fit

Your Eye for A Prize – Version 2

Demo Play here Concept Your eye for a prize. What is your view on getting the ads “designed” for you? How do you feel that your attentions are valued the most by companies? Do you call it exploitation or customization or other things? I made this with the questions in mind. Process Changed the background

Your Eye for A Prize

Demo Try it here on your mobile phones! Concept: How people’s attention is sold for companies to promote ads on their screen. Here is a sugarcoated warning for you, just as those ads that are trying to gain your attention for as long as they can. Process I used to have the layout as below.

making a home screen

Concept: What would you choose to do towards information overload in your system? To continue losing yourself in the sea of information or take a step back to look within? I sometimes feel overwhelmed with all kinds of notifications and I have been limiting my mobile screen time each day to find peace elsewhere. That’s

CSS filter blur

I have always wanted to do something with webcam and slider. I experimented with images first to play around the blur effect. Some links that helped me include: I then started to experiment with webcam and tried to position them in the background while the slider shows up in the center of the page. Customize