LINDY WONG
cover-03.png

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

 
 
ezgif.com-video-to-gif (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.