This one page "scrollytelling" story was created for a group project in a digital storytelling course. It uses HTML, CSS, and JavaScript, along with a handful of embeds and videos, to tell the story of the Boston Seaport — the city's trendiest and most inaccessible neighborhood.
![](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/e70db1c1-30a9-4e9c-a7f5-353175d9128e_rw_1200.png?h=78fbe865e6115e570fa66312fe23a0db)
Project Style Guide
![View of the Tobin Memorial Bridge from the dock](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/34cdfb9e-e33d-4615-8f01-1853c5a09755_rw_3840.jpg?h=cebeb50444e194426003956fb838c59e)
View of the Tobin Memorial Bridge from the dock
![Downtown skyline viewed from the seaport](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/2212e763-1ab3-4189-a84a-45474c13fe8b_rw_3840.jpg?h=432f3bcec28464546989a1def3115b30)
Downtown skyline viewed from the seaport
![Looking out over the harbor from the ICA deck](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/29a92d4c-df6f-4497-8cef-c7d00caa44e8_rw_3840.jpg?h=8d4b5a45ddb359da0f4c94e5024418a0)
Looking out over the harbor from the ICA deck
![The Institute for Contemporary Art](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/bd8ee516-b5e2-4bb1-866b-35515127dde6_rw_3840.jpg?h=729d7d8f6eccc198ed6e424f50deb648)
The Institute for Contemporary Art
![Boston Convention and Exhibition Center](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/e9fb8311-73dd-4be7-b5c3-c2752e3baa37_rw_3840.jpg?h=7d51f4e17ff683feb3585ce24a73a716)
Boston Convention and Exhibition Center
![Boston Convention and Exhibition Center](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/088b4fb4-1f1d-475a-a566-3457510f8894_rw_3840.jpg?h=ca51c41d5e6dba9d1656fefcfd9da07e)
Boston Convention and Exhibition Center
![Boston Convention and Exhibition Center Main Entrance](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/604f516f-e609-49b7-aaac-64c43fcdaa39_rw_3840.jpg?h=311907b1446240f28860ab9ead6bffdc)
Boston Convention and Exhibition Center Main Entrance
Photographs
Video shot by me and edited by Danae Bucci
Video
![](https://cdn.myportfolio.com/3614bfb4-81f5-4841-8344-cabfe2bddc33/d7be495f-0b6f-46dc-8975-47a4aeceb437_rw_1920.png?h=3966b5ba90e5194122b2e6dd58f3e3bf)
Two charts representing the average cost of meals at restaurants in the Seaport District.
Restaurant Data
See the full project, including interactive content by Erica Yee, Danae Bucci, and Jasmine Wu here.
Graphic design in Adobe Illustrator.
Photos and video shot on Canon T5i with DJI Ronin stabilizer and iPhone 8 with mobile stabilizer.
#f1Photos edited Adobe Lightroom.
Video edited in Adobe Premiere Pro.
Data visualization created in Tableau.
Other interactives created with JavaScript and JSON.
Code written in Atom text editor.
Project published with Github Pages.
Photos and video shot on Canon T5i with DJI Ronin stabilizer and iPhone 8 with mobile stabilizer.
#f1Photos edited Adobe Lightroom.
Video edited in Adobe Premiere Pro.
Data visualization created in Tableau.
Other interactives created with JavaScript and JSON.
Code written in Atom text editor.
Project published with Github Pages.