As a design enthusiast, I have had the privilege of exploring various design technologies during my tenure at Parsons. Below are some of the projects I have undertaken that have helped sharpen my design skills, passion and dedication towards my creative practice.

Chaotic Clarity

"Chaotic Clarity" is an interactive project that aims to provide a glimpse into the mind of a person with ADHD. The project visually represents the experience of having multiple thoughts, ideas, and tasks running simultaneously in one's mind.

The viewer will witness a flurry of images and ideas represented by moving tabs, akin to having numerous browser tabs open. The tabs move randomly, making it hard for the viewer to focus on any one tab for too long. The project's central theme is "chaotic clarity," illustrating how people with ADHD navigate through a world where focus and concentration are hard to come by.

The project's interactive aspect allows viewers to click on the moving tabs, causing them to disappear. This disappearance represents the calming effect of completing a task or focusing on one thing at a time. The project's visuals are intentionally designed to create a sense of chaos, with a muted color palette and a minimalist style to represent the internal struggles faced by people with ADHD.

Coding Process

The project uses two images, "screen1" and "screen2," which are preloaded using the preload() function.

In the setup() function, two arrays are created, "images" and "restoreImages," with each element in the arrays representing a moving tab. The program then enters the draw() loop, where each element in the "images" array is displayed and moved randomly using the move() function.

If the user clicks on an element, the element is removed from the "images" array using the splice() function. Once all elements in the "images" array are removed, the program restores them using the "restoreImages" array.

The program also provides a mouseOver() function to detect when the user's cursor is hovering over an element, which is used to change the element's color.