Visual Designer,
Developer
Solo Project
Photoshop, Adobe XD, HTML, JS
5 weeks
"Create and manipulate images as pieces of digital art to represent a social issue. This image must respond to user input and the user interaction will happen either through a keyboard or mouse."
April is sexual assault awareness month. This project is about raising awareness to educate people on consent.
My intention was to mimic peoples’ experiences by putting responses on the screen for users to test whether they know if a particular response is an indication of a yes or no.
This prompts them to think more carefully about consent and realize how important it is. Many of the responses are ambiguous which makes users doubt if it is actually consent or not.
I wanted to find a 3D hand image I could incorporate into the collage that was symbolic of this topic. I found an image of a hand with paint drips on it by Josh Caudwell and this helped bring my vision to life.
In Photoshop, I traced the hand in order to be able to play around with putting different letters behind the image. Below are some of my explorations of various layouts.
In order to give a sense of how victims feel, I wanted to emanate fear and loneliness in this design. I explored fonts that felt very robotic and made the image glitch when it is hovered over to portray that.
By experimenting with different layouts and continuously exploring how to improve the collage, I was able to make a bold statement with this piece. There should be a reason for every design decision that is made. This helped me figure out what I needed to add or remove from the composition to help enhance the message that is being portrayed.
In order for the text colour to change to green or red when the user hovers over a response, I had to create constraints in the code. This means I had to input the start and end points of the x axis for the text. In easier terms, imagine there was a box around each response and whenever the user's mouse hovers over any area of that box, the text colour changes.