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

Alex Enscoe

Project

Alex Enscoe

Date published
April 2020
Project duration
6 weeks
Type of project
Portfolio
Role
Art Direction, Concepting, Visual & Interaction Design
Team
Ankit Karnany
client
Alex Enscoe
The Brief
To design a photography portfolio showcasing an overview all of the works. The design needs to maintain the unique ratio of each photo and provide harmony to various different kinds of photos (with different lights, objects, and context)
The Concept
The website represented the artist’s minimal photography, using white space to balance each groups of work as well as to draw attention to individual photos. The photos are organised and curated using the play on “order and chaos” concept since each photo has an element of spontaniety yet all of them share a similar well-thought out style.

Grosa

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

ALEX ENSCOE

TYPOGRAPHY & LOGOTYPE
Sans-serif typeface selected gives an approachable yet refined feeling that represents both the artist and the work. It is simplistic, understated, and cultivated.
grid & spacing
Desktop: 48-column grid is used with 20px rows, both without any gutter or margins. The particular grid provides structure to the curation yet allows flexibility to simulate randomness. The spacings are small enough to place the images the layout yet big enough to provide necessary white-space between images. As each image have different rations, the images will align to the starting of the grid, from left to right, and each will have their individual end point (that may or may not align perfectly with the grid).
grid & spacing
The curation process is done in collaboration with the artist as the homepage also acts as the artist’s personalised collection. The images are mostly grouped by colors, shapes, and patterns that are similar or complementary to each other. Stand-alone pictures either are linked to a particular group or exist to grab attention and guide the user’s eye to the next image grouping.
curation
The curation process is done in collaboration with the artist as the homepage also acts as the artist’s personalised collection. The images are mostly grouped by colors, shapes, and patterns that are similar or complementary to each other. Stand-alone pictures either are linked to a particular group or exist to grab attention and guide the user’s eye to the next image grouping.
user interaction
Infinite scroll: The photos are exhibited through an infinite scroll where the user is encouraged to stay on the page and watch the photographs automatically scroll up the page. The user can also interact with the scroll and view previous or next series of photos by manually scrolling up or down. The photos are exhibited in a long curated list that loops but the page starts at a random Y starting point each time the webpage is refreshed. The randomisation of starting point creates a unique experience for the user each time they land on the page and allows the user to see more of the collection in case they do not stay on the page until the end of the series.
user interaction
Image hover: When the user hovers on an image, they scale up and the background is blurred. This interaction allows the user to focus on the details and the composition of an image at a time without having to make an extra click.
Biography: When the user clicks on the artist’s name, Alex’s biography appears on top on the images. The biography is short so it does not need a big space for it. This particular composition allows the user to read his bio, click on the contact links easily while also seeing the blurred images as the background. The blurred background effect is consistent with the effect when a particular image is hovered. The user can click anywhere to exit the biography to go back to the main photography slideshow.