Web Design (HTML + CSS) [Tuition Agency]

Proposal

I chose to build a website with HTML and CSS programming language for an existing company. A official website for my own tuition agency startup, Matchamentor (match a mentor). 

About Matchamentor

A social media based home tuition agency in Singapore. We help to match students with top JC graduates and share free study tips for JC & secondary school students on our instagram accounts. 

Execution

Continue reading “Web Design (HTML + CSS) [Tuition Agency]”

Expressicity [Exhibition Article: Mobile Application(iPad) Experience]

Brief

This projects aims to create and design an exhibition report in digital form (iPad user interface). The report bases on Expresstricity, an exhibition website made by another team.

*
All exhibition photos were taken from Expresstricity site,
Logo, layout and application layout designed by me
Article written by me
*

Design Outcome:

Portrait layout

Continue reading “Expressicity [Exhibition Article: Mobile Application(iPad) Experience]”

Ghociant [exhibition website design]

Ghociant is an immersive experience curated to force it’s viewers to look beyond what their eyes see, to challenge their sense of sight and utilize their auditory and olfactory senses.

In Ghociant, three young designers, Carol, Emma and Hamimah, have fabricated a nature walkthrough, composing elements of sound and smell from the nature around them. The elements are handpicked by the curators in order to maintain originality.

Continue reading “Ghociant [exhibition website design]”

LEDRoom ColorEmo + Rainbow Switcher [Yr3| InteractiveDev-Sketch 2]

Brief

Creating an interactive work that involves communication between ZigSim on mobile, Arduino and Processing on desktop. Making gestures with the phone that will be translated to the room lighting. This is an individual work by Emma 🙂
Developing from the previous sketches (link below), I have developed two different set of programs to show ways to change the LED strip color.

https://oss.adm.ntu.edu.sg/ycheuk001/ledroom-yr3-interactivedev-sketch-2-Process/

1. ColorEmo

      1. Concept:

      2. How do you feel now? Are you feeling happy? Draw a happy smile to brighten up your room in RED light!  Most of the time, people tend to hide their feelings. Instead of showing your sad face, you could draw a sad face(a curved line facing downwards) to represent “I am feeling blue” with blue lighting . To express surprise, you could draw a O to u light up the room in Yellow!

        Instruction:

      3. Draw a smile to change to red- happy 😊
      4. Draw a sad face to change to blue- I am feeling blue 🙁
      5. Draw a O to represent surprised – 😮

Continue reading “LEDRoom ColorEmo + Rainbow Switcher [Yr3| InteractiveDev-Sketch 2]”

LEDRoom Sketch [Yr3| InteractiveDev-Sketch 2]

Brief

Make gestures with your phone that will be translated to the room lighting.

The elements of the system:

    • Your mobile phone,
    • Lighting of your room.

1. Attention Seeking Phone

    • A phone that wants your attention and dislike your over-attention at the same time, just like how my cats treat me ;(
    • lighting of the room: from dark to bright (blinking)- from red to yellow to dark (blinking)
How it works:
    •  When you are not around, it would start blinking in white
    • If you touch the screen, it would turn red & yellow (imitating the danger sign) – sending the message of “DONT TOUCH ME”

2. Shake to on the torch light

    • intention: turn on the torch light with ease
    • lighting of the room (from dark to bright)

3. Draw two line left to change colour

 

Distancing Chairs [Yr3| InteractiveDev-Sketch 1]

Project Brief

  • Make a low-tech device that enables / enforces / suggests / alerts / …about social distancing.
  • Analog – it achieves distancing by construction or by the way it is operated.

Research & Ideation

Previous research/ brainstorming/ ideation : (wearable devices)

https://oss.adm.ntu.edu.sg/ycheuk001/social-distancing-ideation/

Developing something other than the wearable devices

Due to the Covid-19 situation, people are required to maintain a safe social distancing of at least 1 meter. Moving into post-circuit breaker phrase 2, most activities resumed, yet there is group size and capacity limits in place. People are not allowed to eat out at restaurant together(with capacity limits) to prevent saliva spreading.

Yet, in real life, most people will just ignore safety measures. To practice the social distancing in a fun way, I am suggesting the game of “Distancing Chair”. 

The Distancing Chairs Demo video

Distancing Chairs – Play it everywhere/anywhere 

RECAP OF THE CONCEPT

A rope is tied at two chairs which is placed at 2 opposite sides of a table. 

When a person wants to sit on the chair, and pull the chair back, the chair on the other side will be pulled by the rope towards the table. No space will be left for the other person to sit on that chair.

This is to suggest the idea of “One Table One Seat”. No more than 1 person is allowed to sit at a table.  

(inspired by the Musical Chairs Game)

Continue reading “Distancing Chairs [Yr3| InteractiveDev-Sketch 1]”