HMA-webapp.png
equaliser.png
Nook.png
Rainforest3_1.png
airbnb.png
branding.png
Virgin.png
Hello-titty.png
share-playlist.png
HideMyPhone2.png
P1040668.JPG
001.jpg
000.jpg
HMA-webapp.png

Hidemyass


SCROLL DOWN

Hidemyass


How to make a user friendly interface of tech heavy VPN service? 

Web app, Digital, Adaptive website, Mobile app, UI/UX

Design process

Web app, Digital, Adaptive website, Mobile app, UI/UX

equaliser.png

Bloom.fm


Bloom.fm


 

Tired of boring & complicated interface?

Bloom.fm is a music streaming app used by over 1 million users. 

Based on Bloom.fm's unique interface, I redesign the ios7 version which includes the flat design style, brighter colour scheme, icons / CTAs with better usability. 

UI/UX

 

To improve the usability, we discuss with the marketing team and find out the part that user usually drop out. The main sections are introduction process which now offers the opportunity to "borrow" tracks and go to the library section so the users are familiar with how it works and where it sits. 

Following the geometry style and the theory of sound system, how traditional equaliser works etc. The 2D gradient cut circle fits perfectly with the sound wave while in motion, and creates a visual enjoyment at any shape. 

A series of branding and marketing material for Bloom.fm's campaign and social media. 

Nook.png

Nooks & Cranberries


Nooks & Cranberries


Rainforest3_1.png

WWF


WWF


SAVE THE RAINFOREST

Posters to raise awareness about the destruction of the rainforest and to highlight the damage it is to doing to the world as a whole, featuring a serious tone of voice.

Creative // Ya sheng Cheng; Copywriter // Stephen Etheridge, Ya sheng Cheng

Website

airbnb.png

AIRBNB_THE TRAVELLING GNOME


 

 

AIRBNB_THE TRAVELLING GNOME


 

 

The sense of "belonging"

We select a random Airbnb member to host your gnome figure; after them take their holiday snap with it, it passes on to the next member, and to the next.. By the connecting and sharing through Airbnb, it offers the member to share a sense of belonging.

Creative // Ya sheng Cheng; Video // James Shorrocks, Ya sheng Cheng; Copywriter // Stephen Etheridge, Ya sheng Cheng

Concepts

Video storyboard and script

branding.png

Branding


Branding


 

Virgin.png

VIRGIN MEDIA


VIRGIN MEDIA


How to make people start using Wifi in the underground?

A self-initiated project featuring the concept generation process of ways to get people to use the Wifi which Virgin Media set up on the tube stations. First, I define the research contents of the project. After brainstorming, I found out that the geographic factor of being in the underground system will differentiate this project/app with any others. During the AR scenario research, it shows that AR could acts as a trigger in the beginning or continue as a part of the interaction.

UX research/ concept design

002-2.jpg
002tech.png
002-3tech.jpg
004game.png

CONCEPTS

Focus on the interconnection between user experience and physical experience; 

Simple game mechanics (which will cause addiction) & sport related.

1

vurdle1.png
virdle2.png

2

04-0.png

3

white.png
Hello-titty.png

Hello titty


Hello titty


 

share-playlist.png

Bloom.fm share playlist


Bloom.fm share playlist


The sharing playlist feature contains a series of steps with accordingly variety of functions. The users can share a private or public playlist, and the receiver can either clone or modify the playlist in the inbox depends on its property. 

UX design

library_inbox01.png

WIREFRAME

s1.png
s3.png
s5.png
s6.png
HideMyPhone2.png

Hide MY Phone


Hide MY Phone


want to hide mobile number from prying eyes?

 A project to help people keep their privacy when giving away their mobile numbers. Aiming for young audience, I created the vibrant UI design and illustration while heavily participated in the user journey.

Mobile app, UI/UX

P1040668.JPG

SQUIRTLE


SQUIRTLE


How good are you at controlling emotion?

'Squirtle' is a game that asks users to control their emotions in order to get to the end of an animation within a given time. Changes in arousal, as measured via galvanic skin response (as used in lie detectors), causes the animation to run backwards making the task more difficult. Looking further, the installation aims to challenge our conventional conception of human-computer interaction and our relationship with digital systems.

Combining challenging game mechanics with well though level design //

After some user inquiry, I focused on the trigger and defined it as comic style pornography since this style caused most arousal of emotions. It also made the game mechanics – door the user to stay as emotionally stable as possible – more challenging, as the audience's participation was another emotional stimulation. 

Considering UX and level design, I delivered the wireframes about the process and variation parameters. The first half of the game was set up to be easier using a cheat value, while the second half was harder so the video would bounce longer within the climax of the video.

01.jpg

Users keep coming back to challenge // 

The work was shown at the Business Design Center at Islington in 2010. During the exhibition some users wanted to conquer "Squirtle" so they keep coming back and bring their friends to challenge it. The target group fell on young adults, and most of them were male.

 

GALVANIC SKIN RESPONSE DEVICE (AS USED IN LIE DETECTORS) MOCK-UP// 

concept.jpg
06 copy.jpg

USER SCENARIO

02-scenario.jpg
001.jpg

SYNESTHESIA


SYNESTHESIA


Synesthesia is an interactive performance/installation exploring alternative digital music interfaces and the relationship between colour and sound, creating a relational experience between the artists, users and the audience.

Cross-sensory metaphors within an unlimited interactive experience //

We developed a color/sound intersection system which utilizes video color tracking, sequencing, and sample modulation to generate audio loops. Like the term Synesthesia – a condition in which stimulation of one sense leads to automatic experiences in a second sense – we turn the captured video into a piece of sound. While the 4 colours present 4 basic sounds, the vertical position presents the pitch and the saturation presents the volume. To make the experience stand out, we provide the oldest way of making an image – paint, to bring users closer to the installation without any entry barrier.

COLOUR CALIBRATION & MATERIAL TEST

00.jpg
01.jpg
000.jpg

ALT LANGUAGE


ALT LANGUAGE


ALT//LANGUAGE is an integrated campaign for an exhibition at London's Shoreditch Town Hall. The campaign contains digital media, print media and social media with QR code technology applied. The concept illustrates the issues of the exhibition: is it digital or physical, audio or visual, art or interaction? Visit the website at altlanguage.com