Web Platform · Interactive Narrative
2023
The Art of Noticing
The Art of Noticing
The Art of Noticing
An interactive film website about attention and hidden detail, combining a video slider, short film, and a magnifying interaction that reveals what is easy to miss.
An interactive film website about attention and hidden detail, combining a video slider, short film, and a magnifying interaction that reveals what is easy to miss.
An interactive film website about attention and hidden detail, combining a video slider, short film, and a magnifying interaction that reveals what is easy to miss.
Role
Interaction Design · Front-End Development · Film Integration
Tools and technologies
HTML, CSS, Sass, JavaScript, jQuery, Bootstrap, Font Awesome, native video, custom clip-path and transform interactions
01 — Challenge
01 — Challenge
The idea of noticing needed to be experienced through interaction, not only described in text.
The idea of noticing needed to be experienced through interaction, not only described in text.
The idea of noticing needed to be experienced through interaction, not only described in text.
02 — Approach
02 — Approach
Combined film with a custom magnifying interaction and responsive media controls so the interface asks viewers to look more closely.
Combined film with a custom magnifying interaction and responsive media controls so the interface asks viewers to look more closely.
Combined film with a custom magnifying interaction and responsive media controls so the interface asks viewers to look more closely.
03 — Result
03 — Result
A responsive interactive narrative where the interaction itself reinforces the project’s theme.
A responsive interactive narrative where the interaction itself reinforces the project’s theme.
A responsive interactive narrative where the interaction itself reinforces the project’s theme.