The City College of San Francisco (CCSF) STEAM Building features a textured facade and expansive transparent glazing, putting science, technology, engineering, art and mathematics instruction鈥痮n display. Photo Credit: Bill Katz
Featured Articles

The Art of the Sciences, and the Science of the Arts

By Lindsey Coulter

The new $151 million City College of San Francisco (CCSF) STEAM Building communicates its academic purpose almost immediately. From the outside, students and visitors see not just the interplay of sunlight on the building鈥檚 textured facade, they can also see directly into the facility itself鈥攚here science, technology, engineering, art and mathematics instruction鈥痠s fully on display. Inside, the building offers a dynamic learning environment complete with the latest technologies and a rich color palette.鈥

These thoughtful and impactful design strategies by integrated design firm SmithGroup are representative of the immense care and intention brought to every aspect of the building鈥檚 development. The SmithGroup team worked closely with CCSF officials, Kitchell construction management, and collaborative Design-Build partners at Rudolph + Sletten to deliver a technical, compact and challenging project at the height of the Covid-19 pandemic and within a limited budget. The project challenged the team to think broadly and innovatively to connect art and science education in new and exciting ways.鈥

Engaging and Listening

The鈥124,000-square-foot STEAM Building was part of an $845 million public bond effort to update City College instructional spaces and鈥痑ddress aging infrastructure. CCSF administrators used part of the funding to prioritize STEAM education, modernize outdated infrastructure, and foster interdisciplinary knowledge to better prepare students for an evolving economy. 鈥

The team of SmithGroup and Rudolph + Sletten was awarded to the project under the first progressive design-build delivery approach commissioned by the CCSF Community College District. The team was tasked with developing numerous programming, design and pricing options to maximize the鈥痗ollege’s budget. To accomplish this, SmithGroup created design criteria using stakeholders’ priorities and institutional goals which developed into a survey tool that allowed faculty, staff, and students to vote on aspects of the design that best aligned with the criteria. The team also used brainstorming exercises to help university leaders to think more deeply about interdisciplinary teaching and learning. The approach gave stakeholders a sense of co-creation and ownership, but also helped identify spatial challenges and organizational opportunities. 鈥

Prioritizing Needs

In addition to balancing constraints related to the pandemic and budget reductions, the team also faced the challenge of fitting all programs and spaces within the building鈥檚 compact footprint. 鈥

鈥淪TEAM is a relatively rare typology for higher education and community colleges,鈥 said Rosa Sheng, FAIA, director of Justice, Equity, Diversity & Inclusion and Higher Education Studio Leader for Smith Group鈥檚 San Francisco office. 鈥淲hile the STEAM interdisciplinary mindset is the goal, getting every department under one roof is challenging from a space and cost perspective.鈥 鈥赌

The project team and CCSF officials ultimately prioritized programs with the greatest infrastructure and space needs: Chemistry, Biology and 2D/3D Arts. The intent was to develop a highly transparent interdisciplinary hub for these programs while still welcoming the broader STEAM learning community. The solution was a simple structure鈥痶o meet the efficiency of construction budget and schedule, paired with the design concept of stacking drawers. This allowed each floor’s interior composition to represent the building’s interdisciplinary nature.鈥

The building offers a new home to programs with the greatest infrastructure and space needs: Chemistry, Biology and 2D/3D Arts. Photo Credit: Emily Hagopian

The鈥痜irst floor focuses on shared instructional and collaboration spaces, while the second-floor houses art instruction, faculty offices and biology labs. Upper floors host integrated lab and lecture spaces for biology and chemistry. The project also introduced new tools and technologies. The Anatomy Lab now includes a cadaver room, there are new fume hoods in the chemistry lab, a greenhouse on the second floor for the Biology Department, and the Arts Department includes a kiln for the ceramics and sculpture programs, exhaust systems and chemical storage for printmaking, paints and materials.鈥

Artful Aesthetics

The STEAM Building was envisioned as a radically welcoming, accessible interdisciplinary hub that provides safe and comfortable spaces for all users. It also had to meet the college鈥檚 strategic goals of cultivating curiosity, creativity and collaboration, while ensuring future-ready resilience. 鈥赌

This passion, shared by all project team members, is reflected through several thoughtful design strategies. For example, an Innovation Center on the first level opens to the outdoor plaza, inviting students and visitors into the building while showcasing the highly flexible makerspace and collaboration areas. To equip students for the careers of the future, the state-of-the-art lab and arts instruction spaces are designed for interdisciplinary education. Integrating welcoming鈥痵paces for individual and group study, tutoring and mentorship on all floors disrupts barriers to learning and engagement.鈥

The centrally located open stair area and elevator core features a 4-story collage inspired by Diego Rivera鈥檚 鈥楶an American Unity鈥 mural. Photo Credit: Emily Hagopian

To further celebrate interdisciplinary learning, the team used 鈥淭he Art of the Sciences鈥 and 鈥淭he Science of the Arts鈥 approach to catalyze a shift in pedagogy. For example, the鈥痶hird-floor Anatomy Lab, which studies the human body from a biological perspective, is located above the figure-drawing studio, which celebrates the human body in art, explained Bill Katz, AIA, senior design principal and architect with SmithGroup.鈥

鈥淚 love exploring the idea that the design of buildings on a campus can have a profound effect on interdisciplinary curriculum, and the sense of collected community that comes with it,鈥 Katz said.鈥

The team also developed a strategy in which fire separation doors on hold-opens allowed for each level to be interconnected with a feature staircase and student resource spaces. This smart interpretation of the code helped to create welcoming 鈥渉eart spaces鈥 that unified social zones on each floor.鈥

鈥淚t was important to connect all four floors in a very intentional way, both physically and visually,鈥 said Jason Campbell, Associate AIA, NOMA, associate and design lead with SmithGroup. 鈥淭he centrally located open stair area and elevator core features a 4-story collage inspired by Diego Rivera鈥檚 鈥楶an American Unity鈥 mural, distilling the tones and hues used in the original fresco.鈥濃

The mural and its color palette serve as鈥痶he foundation for the connectedness of arts and sciences throughout the building. Distinct orange, yellow and blue tones from the mural鈥痙istinguish each floor to support wayfinding. The color theme is also expressed in the hallways, student resource spaces, open stairwell and restrooms. 鈥赌

Learn more about the CCSF STEAM Center, which opened in January, in the upcoming March/April digital edition of 缅北强奸.