Interactive & Scenography
DESIGN PORTFOLIO
Erin Chuoying Guan
TABLE OF CONTENT RESUME
INTERATIVE DESIGN Exhibition
01 Chamber404
Education
02 Un-Focused
Experience
03 Media Killed Someone Today
Skills
RESUME
EXHIBITION
EDUCATION
EXPERIENCE
01
CHAMBER404 CHAMBER404
provides a first person experience allowing users to empathise with young users navigating through the obscure cyberworld with changing online identities. It is a story about an online user finding and switching their identities in a nightmare with no exit. Interactive Design//Chamber404
As our digital reality and physical reality is becoming increasingly entangled, social media today has become an essential method of building connections with others. Our online identity is constantly influenced by mass information, whilst our opinions also influence this vast information world in cyberspace. Adolescents and young people are especially reliant on platforms such as Instagram & Tiktok to form their sense of identity, leading to experience and difficulties in selfidentity construction unique to Gen Z.
Interactive Design//Chamber404
Design Iterations - The Journey of a cyber-labyrinth
The ‘Like’ Button how it generalise user data to predict user preferences
Personalised content according to user’s choice of emojis
Voyeurism Employing architectural method to create constant mutual ‘peeking’
Blurred boundary of privacy transparent material to create simultaneous perceptions of locations
Input & Output Information received constantlya and output through one portal
Interactive Design//Chamber404
Infinite Scrolling Web Page Development
Interactive Design//Chamber404
A-Frame: Maximise Accessibility Through WebVR
Using A-frame as our online portal and testing with 360 images and animated 3D GLTF objects to to create highly accesssible webVR experience for wide range of users.
Interactive Design//Chamber404
A psychophysiological space: The Journey Within a Faulty Cyber Labybrinth
Disconnected Fragments Simultaneous perception of locations Interactive Design//Chamber404
Developming Mass Information World
GenZ Cyber Athestics
At the same time mersmerising, overpowering and disorienting, we set out to visualise the mass information cyberspace as a highly saturated optical illusion joined with the use of emojis to present user opinions in a reduced manner.
Interactive Design//Chamber404
3D Motion Design Storyboard: Translating Sketch Into Virtual Reality Spatial Environment
1
2
Entering Cyberspace
Overwhelming room of posts
Getting losts in other’s opinions
PUBLIC SPACE - PLAZA opening the entire cyberworld for audiences to explore
PUBLIC SPACE - PLAZA creating an anxious feeling whilst and triggering user’s pressure to perform
PUBLIC SPACE - PLAZA users experience a disorientation and lost of control over their actions in motion of space
3
Interactive Design//Chamber404
Creating a psychophysiological space which defies material physics in the webVR experience is our method to enter users into a virtual space with physical volume.
4
5
Users manipilates their own cyber identities
Likes & Attacks
PRIVATE SPACE - BEDROOM Discovering the unique quality of online communication and freedom to present oneself as one wishes to
SEMI-PUBLIC SPACE - A LIVING ROOM Amongst followers and friends, user presents their identities freely; likewise the lack of regulation results in followers’ varied receptions
Anonymous Mode
6
PRIVATE SPACE - A TOILET Users are encouraged to lose their identities and express their opinions genuinely on the internet. The consequences are left ambiguious
Interactive Design//Chamber404
Chamber404 webVR Prototype Film
https://vimeo.com/464952928 Interactive Design//Chamber404
02
UNFOCUSED
Interactive Design//Un-Focused
AR filters changes the way social media users view themselves.
UN_ FOCUSED
is a device that invites users to reconnecting with themselves through viewing oneself in a third person perspective viewing your mirror reflective self and your augmented self simultaneously.
Interactive Design//Un-Focused
Face Tracking Distortion Prototype Development
https://vimeo.com/464956434
We developed social media filter-esque facial distortions to investigate how users understands their self-identity when they are altered beyond the normalised beauty standard Interactive Design//Un-Focused
Augmented Reality Testings: SparkAR & Unity
SparkAR
Unity
Using SparkAR and Unity, we are able to capture facial and bodily movement in realising distortions on the human body in real time.
Interactive Design//Un-Focused
Un-Focused Prototype Film
https://vimeo.com/465058687 Interactive Design//Un-Focused
03
MINI PROJECT
MEDIA KILLED SOMEONE Imagining a scenario where users participates in the cycle of cybermurder (extreme cyberbullying) without realising.
https://vimeo.com/466833166 I n t e r a c t i v e D e s i g n / / M e d i a K i l l e d S o m e o n e To d a y