Interactive Physical LED Installation and Web Application Design

aQRium Goals for The New England Aquarium


As part of the Designing Interactions course at MIT, we partnered with the New England Aquarium to prototype an interactive installation using new technologies for their future research and development plans.

To create our installation for the New England Aquarium, my partner and I used Illustrator, inDesign, inVision, HTML, CSS, JavaScript, and Python Flask to prototype and implement our web application in conjunction with individually-addressable LED strips, Arduino, concrete, stickers, and 3D printing to prototype and implement the physical table top and accompanying post-engagement gifts associated with a visitor's experience.


The New England Aquarium provides a visitor experience that is both educational and entertaining, yet the aquarium’s fast-tempo and dense space can detract from a fully enriching and self-paced educational experience.

How can we create an interactive installation in an underutilized space that:

  • Engages visitors in learning about ocean conservation

  • Rewards them for committing to helping with conservation

  • Capitalizes on phone presences to promote learning about coral and ocean conservation

  • Immediately connects visitors to an informational post-visit platform 


To quickly teach visitors that human activity is destroying the ocean’s coral reefs, and then to empower visitors to take individual action to mitigate harming the ocean.

Our vision is that users would see the LED coral installation, feel intrigued enough to approach it, and would then interact with our educational web platform via museum iPads or their personal phone. Then, they could walk away to enjoy the rest of their visit after receiving fun stickers and an emailed link of tips for water conservation.

Below is the storyboard for how an individual could choose to interact with the installation.

Screen Shot 2017-06-04 at 10.21.22 PM.png


  • Creating an interactive installation that incentivizes visitors to pledge to conserving the ocean by rewarding them with instant gratification in the form of coral lights, sticker gifts, and digital gifts and
  • Connecting visitors to a web-accessible page that provides facts and easy instructions about ocean conservation efforts


Screen Shot 2017-06-04 at 10.40.47 PM.png

Our first iteration was mostly theoretical. We flushed out a table idea for an installation that invited a user to interact with it and then connected them to the associated web application that would teach users about what they could do to protect the environment. We generated a QR code that we linked to a site and coded the arduino to make the LED strips light up in a pattern.

Screen Shot 2017-06-04 at 10.51.44 PM.png

Our next rounds of iterations focused on realizing the physical and digital aspects of our installation. We casted the concrete brain coral table to with negative space to hold the LED strips. We also coded the front end of our web application, which is accessible via iPad, mobile device, or computer. We also brought iPads into our installation to make the exhibit not just accessible for visitors holding their mobile devices. Finally, we created stickers (held in a 3D-printed sticker holder) so that visitors could take with them to spread the word about ocean conversation and the aquarium's role in that effort.



After creating a high-fidelity prototype, we presented a live demo of our interactive installation to multiple members of the New England Aquarium's executive board, including the CEO.

If you'd like to see the web portion of our aQRium Goals project, click this link.