Brief: To deliver a helpful narrative to people who can’t help but be in front of screens.
2018, Classroom Project
National Institute of Design, Ahmedabad
Design Solution: Healthy screen time is an ironic narrative, which gives tips on staying healthy in front of screens, right through the screen they’re spending time on!
In this hand-coded website, the users move their mouse around to make the illustrations come to life as they read the story.
Design Process:
The story is from my own perspective, as a student whose work, entertainment & social engagements are mostly through screens. “If there isn’t a way to escape it, how might one be healthy while using them?”
The wireframe for the redesigned interface was obtained through a highly iterative process of sketching & testing options.
After reading & research, frames of the narrative were sketched out. These frames were brought to life by animating them using lines CSS & Javascript code – skills that were also learnt during the course of this project.
If you're on mobile, watch the video instead.
