Project

A New Campus in the Historic North End

Inside-Out thinking creates innovative spaces for Boston’s oldest school

Eliot Innovation School | 173 Salem Street

City of Boston
Boston, Massachusetts

The rapid success of the Eliot K-8 Innovation School spurred the need for new facilities. Working with the City on site acquisition and building renovations, Finegold Alexander re-imagined three connected buildings on Salem Street to preserve the school within the community. The historic exteriors were preserved, while the interior was completely rebuilt, creating accessibility, and allowing for the insertion of not only educational spaces, but also a two-story physical education space and a cafeteria at the heart of the school. 400 students now study in light-filled classrooms, just down the street from the Old North Church – surrounded by history and preparing for tomorrow.

(Photo credit: Edward Caruso Photography)

Size
41,280 SF
Scope
Preservation, Renovation, Adaptive Reuse
Program
Classrooms, Gymnasium, Cafeteria, Art + Technology Spaces, Media Center
Sustainability
Awards
2019 Preservation Massachusetts, Thomas A. Menino Award
In the news
No items found.
Project EUI
No items found.
“We are excited to continue working with the Eliot School, Boston Public Schools and the City of Boston to design innovative, joyful learning environments for Boston’s future leaders!”
- Rebecca Berry, Principal, Finegold Alexander
No items found.

The challenge with this project involved the historic main building, once housing a church circa 1823 - and later the North Bennet Street School, was wood construction with ad hoc connections to two adjacent townhomes. None of the floors in the buildings aligned. By completely removing all interior structure we were able to provide seamless floor plates which met modern accessibility and seismic requirements.

No items found.
“Through our design, we created a whole out of parts, a sense of arrival, and bright and airy classrooms throughout with clearly defined circulation using color and transparency."
Tony Hsiao, Principal and Director of Design, Finegold Alexander

Webflow Before & After Images

Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money. Here's a simple solution, we built ontop of the awesome js work from @pehaa

Before & After Images

*Update January 2023
We made fixes to all mobile and safari browsers and you should no longer experience issues with those. Thanks!

Overview
Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money...

Here's a simple solution, we built ontop of the awesome js work from @pehaa.

We've tried to make this really accessible for all users, so what's important here is <Image Wrapper> and the two images inside of it, namely <Image One> and of course <Image Two>. We recommend you size your two images the same, although it will work regardless.

Use <Image Wrapper> to set your maximum width, and copy the code from page settings. That's it, when you publish the page the magic will happen.

Learn more about the sliders JS from @pehaa

View the guide on flowbase.co
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙