Mount Ida College Residence Hall + Campus Master Plan
Finegold Alexander developed a master plan for Mount Ida College, recently renamed the Mount Ida Campus of UMass Amherst, that highlighted the pressing need for on-campus student housing. Serving as a community-building space, the new residence hall features open and airy commons areas in addition to residential spaces. A combination of single, double and triple rooms, configured into pods of 22 students, provides a range of unit types for undergraduates. Generous use of glass provides plenty of natural daylight and contemporary finishes and furniture create a welcoming living and social node.
(Photo credit: Anton Grassl Photography)
"Finegold Alexander convinced us that we could ‘Have our cake and eat it too!’ and they lived up to that promise. I fully endorse the work and their client centered focus."
David G. Healy, (Retired), former Vice President for Finance and Administration and Treasurer
The orientation of the two linked structures and the sitework were designed to mediate and define a pedestrian link between the upper and lower campuses. A passageway at the ground level goes through the two massings; internally there are bridges above the passageway at each floor level connecting the two structures.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/5e98b0446cab4d14bba5a30f_tony%20sketch-%20hypersaturated.jpg)
Marked by its bucolic nature, the Mount Ida campus responds to its surrounding landscape and embraces the original 20th century architecture of the Robert Gould Shaw family estate, which features period details such as brick and stucco. The new residence hall embraces the campus' traditional brick and stucco materials, but also incorporates contemporary elements such as expansive glass, interesting window details, a visually intriguing glass bridge, and a torqued roofline.
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
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf66_Slide%201.png)
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bfd5_Slide%202.png)
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
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf29_Flowbase%20Logo.png)
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙