ARAYA WONGWAN

INFORMATIONINFO EMAIL INSTAGRAM

Interaction and visual designer applying coding, psychology, and research background to bring new visions to digital. Constantly challenging myself to break boundaries and question the status quo to make positive impacts. Incredibly ambitious to help others and enhance the visibilities of social and cultural issues. Apart from web, I am currently art directing an immersive installation, co-founding an awareness platform, and learning motion design.

PRESS & FEATURE

It's Nice That
SuperHi

EXPERTISE

Creative Coding / Art Direction / Visual Design / User Interface Design / Interaction Design / User Experience Design / Writing / Research / Rapid Prototyping

EXPERIENCE

Freelance Designer & Developer - Independent
Co-Founder & Art Director - PUBLIC, International
Research Assistance - Action for Southern Africa, London
General & Economic Policy Associate - The Black Institute, New York
Research Analyst - Nonviolence International, New York

EDUCATION

MA Interaction Design - Harbour.Space University, Spain
MSc Public Policy - University College London, UK
BSc Psychology; BSc Social & Critical Theory - Wesleyan University, USA

In Relation

Project

In relation

Date published
March 2020
Project duration
1 week
Type of project
Experimental Art
Role
Art Direction, Concepting, Visual Design, & Creative Coding
Link
https://inrelation.me
client
Not Applicable
The Brief
This is a self-initation personal project to utlitise 2020 quarantine as a self-space to reflect upon daily – distant to intimate – relationships that we might otherwise not consider.
The Concept
The website starts with a randomly generated “self” on a blank canvas that changes its position each time the page is refreshed. Upon each click the words “self” and “others” alterate, showing each relational correlation between each entity. Each word also tilt as time passes, adding the external factor beyond one’s control that changes each relational connection. Yet, the first “self” remained fixed until the canvas is refreshed again to signify the particular state, space and circumstances that the individual is at that point in time. Ultimately, the purpose of the exercise is to provide a space for the individual to think beyond the idea of casual and simplistic formation of relationships and question why they generate a certain pattern.
Color
Green and blue are primarily used to create a neutral and calming safe space for the users to reflect and explore freely. The complementary colors add balance and harmony to the visual design. Orange accent color is associated with enthusiasm and creativity which serves to guide the audience through the experience: 1) to read the intro; 2) begin the exercise.

GZA

Aa

A B C D E F G H I J K L M N O P Q R S T U V X Y Z
A B C D E F G H I J K L M N O P Q R S T U V X Y Z
0 1 2 3 4 5 6 7 8 9 10

Neue haas grotesk

Aa

A B C D E F G H I J K L M N O P Q R S T U V X Y Z
A B C D E F G H I J K L M N O P Q R S T U V X Y Z
0 1 2 3 4 5 6 7 8 9 10

In Relation

self

other

TYPOGRAPHY & LOGOTYPE
The italicised project title ‘In Relation’ aims to guide the users to reflect upon their relationships. Neue Hass Unica, is used here and in the info tab as it is most suitable to introduce the project and ease the audience into the exercise. Serif is paired as the canvas typeface to add intrigue and an element of fun. Self-reflection could be a difficult activity for some individuals to do. Adding a fun serif typeface helps the audience to play more with the words, explore patterns, and ultimately contemplate the degree of healthiness in their relationships.
lettermark
The lettermark serves as a nice touch to the browser icon. Although it has a simplistic feel, the lettermark is succint which is suitable for a small icon.
THE GRID
Familiar geometric shapes are used to guide the audience through the experience. The square draws attention in approachable and balanced manner. The cross indicates closing of the tab; its rounded corners gives an approachable feeling. Circle is used on the top right hand corner of the canvas when the introduction tab is closed. Its faded blue color differentiate itself enough from the white to let the audience know they could click on it and something would happen. Yet, the color is light enough to not distract the user from the exercise.