Blackout - Online Adaptation (Web Development)



Adapted from the blackout poster created in collaboration with Avvalprit Kaur, this responsive website aims to showcase the data visualization piece on an online platform. I wanted to explore how I could translate a print production into a different context and what a website platform might make possible for the reading flow of information.

Using Adobe Dreamweaver and CSS/HTML/Javascript, I developed this site to be responsive in laptop and mobile view.

Click to view the site (3).gif

Mobile Site

When accessed through a mobile device, the browser directs you to the mobile version of the site, reformatted to a single column. The lightbulb pull-out expands across the screen as opposed to partial coverage of the screen and is fixed with a semi-opaque box to distinguish it from the overlapping information.