Project

Redesigning a Former Church to Resurrect Community

Gothic to glassy modern, merging two styles builds a new relationship

The Lucas at 136 Shawmut Avenue

Client - New Boston Ventures
Boston, MA

Rising in Boston’s South End, this church turned condominium mixes the craftsmanship of the past with modern amenities for a new style of urban living. Our design stabilized the historic façade, removed the roof, and fit eight stories of units with a variety of interesting floor plans into the Gothic shell. The structure of bold steel and glass rises out of massive stone walls, respecting the architectural and tectonic qualities of the original edifice while breathing new life into the neighborhood.

Click here to read more about The Lucas in the Boston Sunday Globe.

Size
82,877 SF
Scope
Renovation, Addition, Adaptive Reuse
Program
Renovation, Addition, Adaptive Reuse
Sustainability
Awards
2018 AIA New England, Merit Award for Design Excellence
2018 Engineering News Record, Best Projects Award of Merit Residential/Hospitality
In the news
Project EUI
No items found.
“This is a confident, legible, individual chunk of architecture. By banging together two eras and two kinds of construction, it subtly celebrates the diversity of the neighborhood and the city.”
Robert Campbell, FAIA in Architectural Record, March 2018
No items found.

The badly deteriorated roof and interiors of the 1874 German Trinity Catholic Church were removed, while the granite and puddingstone masonry shell was stabilized and restored.

No items found.
Transformative design connects steel buttresses to stone ones below.

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 🤙