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

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

Discontent

Project

Discontent

: Publication
Date published
April 2020
Project duration
6 weeks
Type of project
Master’s Program assignment
Role
Art Direction, Concepting, Visual Design, User Interface Design
client
Anton Repponen
The Brief
To design a bold and unexpected online publication for a global minded audience aging between 25-40 years old. The publication must be engaging and easy to use for the half-split desktop and mobile readership.
The Concept
Discontent is an online publication that highlights sounds, movements, and events that build unity for the mass and disrupt the status quo. It sheds visibility, empowers the marginalised, and builds resistance to change world order through underground culture. The design include homepage, article page, and an interactive featured article page.
Color
Monochromaic red is used to highlight information, set contrast, draw attention as it is a color of passion – a sentiment behind the brand. We want draw the readers to new perspectives and join the movement but also show that we are not afraid to reveal our true selves. White is used as a secondary color in relations to red to bring out and contrast the saturated red color. Grey is used on text hover and in the long article for the legibility of text.

Gtf Adieu

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

Suisse Work

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

Discontent

Discwoman: “Questioning the
Circumstances”

The Brooklyn-based booking agency Discwoman is working on a
long overdue paradigm shift in the still male-dominated DJ business

TYPOGRAPHY & LOGOTYPE
The logotype and heading font selected evoked the publication’s bold and irreverent tone. Logotype fits the “get to the point, no BS” brand personality – it doesn’t try to do anything or be anything other than what is stated. The high contrast of the sans-serif balances the aggressivity with the feeling of newness and adaptibility. The transitional type selected for the body font complements the heading font while being legible for longer text due to its wide capitals and open apertures.
THE GRID
Desktop: The 12-column grid was utilised to adapt to the varying sizes of the featured, long read (5 columns), and quick skim (3 columns) components. In addition, the large margins enabled the flexibility of the side scrolling components.
THE GRID
Mobile: The 6-column grid is adapted from the 12-column grid to enabled flexibility in the mobile version.
THE FEATURES
Music Player: The publication specialises in music, especially in amplifying grassroots sounds, so it’s only fair to have our own music player instead of buying into an already existing standardised industry use case.
Footer Navigation: The navigation bar is essential is helping the users navigate from one article to the next without having to go back to the homepage. In addition, the sharing button will also increase readership as the user invites others to share their knowledge as well.
NIGHT MODE
Alternative deep yet bright blue is used for the night mode option to contrast with the red. The particular blue is more calming to the eyes but maintain passion and novel sentiment of the publication.