Conceptual website design for mental health disorders, focusing on OCD. The website allows users to learn about the disorder by interactively being exposed to familiar compulsions characteristic of OCD.
Student Project 2023
Skills
Web Design
Motion Graphics
Tools
XD
After Effects
Adobe Illustrator
Premiere pro
Team
2 Graphic Designers
The user is required to move circles
that deviate from the grid's order back into place to maintain a tidy and symmetrical visual. The stress meter decreases each time the user realigns an element to the grid, and rises when elements on the screen remain out of order.
The user is required to clean the screen
where 'dirt' continues to appear, and they are unable to achieve a completely clean screen. The stress meter decreases in proportion to the screen's cleanliness and increases as dirt appears on the screen.
The user is required to click on the circlesto arrange them in a specific pattern and then scroll to progress.
However, each time they scroll, the screen reverts back, returning to the initial screen that looks exactly the same, thus repeating the cycle without allowing advancement. The stress meter increases as the user continues to scroll and move away from the circle screen, and decreases when the user is automatically brought back to the same screen.
