North First Street Workplace Campus

Versatile spaces for work, connection, and community

Each campus building is anchored by a double-height great room, serving as a primary entry and lobby while offering versatile communal areas. These versatile spaces accommodate a range of uses, from collaborative workspaces and café-style dining to all-hands meetings and other events. Additional campus amenities include multiple fitness facilities, outdoor seating and event spaces, and expansive roof decks designed for special gatherings and activities, creating dynamic environments for work, leisure, and connection.

North First Street Workplace Campus
North First Street Workplace Campus
Mission Hall at UCSF

A porous gateway for interdisciplinary collaboration

Mission Hall consolidates departments and bridges the previously separated research, clinical, and student life areas of the UCSF Mission Bay campus. The building, inside and out, is organized to foster flexibility, visibility, and collegiality. This “mesh” of connectivity aligns with UCSF’s vision for vibrancy and accessibility, promoting interaction across disciplines and functions.

Guided by UCSF’s campus design guidelines, Mission Hall features simple, consistent volumes with a tripartite organization of base, body, and parapet. Its façade, composed of GFRC units, vision glass, and metal spandrel panels, varies by orientation to balance transparency and solidity. The design’s intricate detailing harmonizes with surrounding buildings while offering a dynamic visual experience at multiple scales, reflecting Mission Bay’s evolving identity.

Mission Hall at UCSF

A model of integrated design

As part of a comprehensive campus transformation, surface parking was replaced by this four-story post-tensioned concrete parking structure clad in alternating expanded metal screens. The structure’s design seamlessly integrates functionality with sustainability, originating a rooftop pathway that threads through a vast living roof, linking parked cars to workstations. The parking structure directly connects to a multi-use athletic facility to weave health into the everyday experience of this LEED Platinum campus

The parking structure houses four striking 48-foot-tall Thermal Energy Storage tanks, visible on the rooftop and from the highway. These tanks support a closed-loop water system that heats and cools the entire campus. Aligned with a PV-covered exterior passage, the tanks enhance wayfinding between the workplace and parking while showcasing sustainable systems in action. The parking structure nestles into a berm created with repurposed on-site fill to conceal six recycled water storage tanks holding in excess of 400,000 gallons from the wastewater treatment plant located within the garage. A decorative water feature celebrating recycled water flows down from the raised berm creating a tranquil oasis before an underground capillary system irrigates the soccer field and campus green below.

Microsoft Parking Structure

Where precision design meets cinematic innovation

Dolby’s largest working lab, this new screening room hosts festivals, screenings, and corporate events, while showcasing the life-like audio created by Dolby Atmos, and the dramatic imaging (incredible brightness, the deepest blacks) made possible by Dolby Vision. 

Located atop a parking structure and a subway, and just off one of San Francisco’s busiest pedestrian and vehicular streets, the screening room is completely sound- and vibration-proof, accomplished via 5’ thick wall assemblies.

The building’s perforated metal skin connects experientially to Dolby’s precision-based surround sound. Designed in collaboration with Zahner fabricators, each aperture features retained-tab technology; individual tabs are machined to reflect light at specific angles, creating the illusion of convergence at a single point. This innovative gradient pattern is both a technical achievement and an artful expression of Dolby’s brand.

Dolby HQ
Dolby HQ

Dolby Atmos

Over 1000 devices embedded in the theater wall create a life-like spatial soundscape.

Dolby HQ

Wellness at work

Guided by LEED, Living Building Challenge, and WELL principles, we worked to create a healthy, inspirational workplace that connects employees to one another and their natural surroundings. Strategies emphasized using healthy, regional materials, maximizing daylight and views, and fostering a warm and engaging sense of place.

Central atrium: light, flow, and connection

A newly introduced atrium and social stair redefine the existing structure, creating a central hub around which social spaces, including a Town Hall, are thoughtfully organized. A newly introduced atrium and social stair create a central hub around which social spaces like the Town Hall are organized, encouraging employees to connect and enjoy the array of amenities.

The atrium streamlines vertical circulation and channels natural light throughout the workplace, including subterranean areas. A glass and louver system on the second floor fills executive suites with light, enhancing the building’s volume and openness.

Material exploration and craftsmanship

Drawing on Okland’s collaborative ethos and its origins in carpentry and shipbuilding, material exploration drove design. Onsite mock-ups were used to ensure both quality and durability against Utah’s climate. In response, the existing brick façade was pared back to incorporate modern materials, including Shou Sugi Ban wood cladding and cast-in-place concrete—both Okland specialities.

These materials subtly delineate informal and formal spaces while underscoring programmatic hierarchy. For instance, the highly social first-floor Town Hall is clad in cast-in-place concrete, contrasting with the darker Shou Sugi Ban wood enveloping the second-floor workspaces and executive suites.

Color and texture define space

Primary colors weave through the interiors, shaping and defining spaces with a thoughtful interplay of color and texture.  High-traffic areas showcase an intensification of color and texture, with cherry wood—first seen in the exterior window mullions—reappearing in the reception and lounge areas, adding warmth to the organic palette.

Red and blue dominate gathering spaces, with woven red carpets and blue accents in upholstery, paint, and tiles. The main circulation stair is enclosed in lacquered yellow steel, indicative of construction vehicles.

Integrating with nature and the neighborhood

The building’s addition, extending forward like a ship’s bow, nearly doubles the workspace while introducing a new entrance that integrates the modern form into the surrounding residential neighborhood. The addition also shelters a courtyard planted with regionally significant red oak trees and lavender, maintaining a seamless visual connection to the lush natural landscape.

Collaboration with a trusted partner

Throughout the project, the design team collaborated closely with Okland, leveraging their expertise to establish sustainable, financially viable, and replicable design strategies. These principles now inform Okland’s employee offerings and company policies, reflecting their commitment to integrating sustainability and well-being into workplace culture.

The existing, reused circa 1990 building. Notice the pyramid skylight for reference.

The new building and street frontage. You can see the existing skylight of the repurposed structure just peaking out behind the new wing.

Ka Hei

This landmark plan is called Ka Hei. The name, chosen by educational specialists in the DOE’s Hawaiian Language Immersion Program, comes from a snare used by the Hawaiian god Maui to capture the sun. It also means “to absorb as knowledge or skill.” The program’s name perfectly captures its mission. In addition to guiding public schools toward energy independence, our efforts aim to transform them into sustainable, vibrant centers of the communities they serve.

Bringing Ka Hei to life

Following our work as Sustainability Advisor, WRNS Studio was asked to bring Ka Hei to life at Waikoloa Elementary and Middle School (featured here), Pohukaina Elementary School, Waipahu High School, and throughout numerous heat abatement efforts across the State. 

As the first tangible implementation of Ka Hei, the Waikoloa Elementary and Middle School Classroom Building serves as a teaching tool for the DOE and future design teams, emphasizing comfort, well-being, conservation, and flexibility in design.

Design rooted in community

The L-shaped classroom building and office annex encircle a courtyard etched with patterns inspired by Pahoehoe lava. This central gathering space connects programs like science and art classrooms, a faculty suite, and ample outdoor teaching areas on the ground floor. The second floor houses general and special education classrooms, leveraging the site’s steep grade to connect seamlessly with the existing campus.

Designing with nature: harnessing Hawai‘i’s climate

Perched on the leeward slope of Mauna Kea, on the edge of a lava field, the building’s design takes full advantage of Hawai‘i’s climate. Intentionally porous, it leverages trade winds for natural ventilation, complemented by an insulated roof with high solar reflectivity, operable windows, louvers, and overhangs. Passive night ventilation terminals expel excess heat, while landscape shading reduces heat gain, establishing a protective canopy from the intense daytime sun.

Water conservation, front and center

Water conservation and management strategies reduce reliance on the municipal water supply while showcasing sustainable design principles for students. Highlights include an overflow rain garden near the science classrooms, rip rap swales that prevent soil erosion, and a catchment cistern that collects and filters rainwater for irrigation.

Performance-driven decision-making

Extensive energy modeling informed key decisions about operational expenses and return on investment for building systems. These strategies, paired with Waikoloa’s innovative design, contribute to the school’s pursuit of HIGH CHPS certification, setting a benchmark for sustainable educational environments in Hawai‘i.

Site Response

Previous Slide
Next Slide
Natatorium
Draws attention with its large, glazed facade—an inviting beacon that illuminates activity inside, especially at night.
Two Court Gym
Offers views of a nearby park and a beautiful eucalyptus grove.
Multi-athletic Court
Reaches toward the heart of campus, acting as the building’s public face. Its spacious entry plaza supports events like graduations and performances

Holistic student success

In a collegiate environment shaped by various pressures, the Mashouf Wellness Center at SF State (Mashouf) offers a healthy, welcoming place for the campus community to find balance in body and mind, work and life. The project promotes a holistic view of student success, recognizing that physical, emotional, social, and mental well-being are essential.

Dynamic, inclusive, flexible program

Mashouf’s expansive program—swimming, climbing, yoga, group fitness, cardio, meditation, court sports, and social gathering—welcomes the university’s diverse community with bright, open spaces that encourage both social interaction and personal recharge. 

Visitors step into a double-height lobby, or mixer, where a climbing wall rises to a glass rooftop ‘lantern’ that floods the space with natural light, creating an immersive climbing experience. Light and views connect the mixer to the surrounding landscape, including nearby park.

Program Types

Previous Slide
Next Slide
Two-Court Gym
The building is open to students at no additional cost above student fees.
Lap Pool
The facility welcomes all through universal design, all gender changing and restrooms, a lactation room, adaptable fitness equipment, a zero entry activity pool, and wheelchair accessible sauna.
Jogging Track
An alternative to running in the fog, the indoor jogging track connects the building’s social spaces—like lounges, a café, and juice bar—while affording views out to the wider campus.
Cardio, Lounge, Juice Bar
This adaptable layout fosters interaction and creates a versatile, connected environment that evolves with student needs.
MAC Court in “Party Mode”
With flexible lighting, the multi-purpose activity court is used for various town halls and meetings.
MAC Court in “Skating Mode”
These interiors were acoustically engineered to enhance sound absorption, allowing for concerts or performances.

“It was so enjoyable to have an architectural team with such a high regard for communication and getting it right for the students. The result is that now we have a building that is very functional, incorporated sustainable design at a high level, and is architecturally stunning.”

Pam Su
Former Campus Recreation Director, SF State

Student leadership drives LEED Platinum success

Students funded this project with a student referendum. They drove goal-setting and decision-making, inspiring an ambitious sustainability strategy that earned Mashouf LEED Platinum certification. This placed Mashouf among the few collegiate recreation and aquatics centers in the U.S. to achieve LEED Platinum—notable for a building type that typically consumes large amounts of energy and water.

Mashouf addresses the age-old challenge of uniting high design aspirations with the realities of public funding. The project shows that affordable, public universities can offer vibrant, uplifting spaces for a thriving campus life—environments that rise to the occasion of students’ high potential.

Wellness & sustainability

Most U.S. university recreation centers rely on energy-intensive mechanical cooling to manage high latent and sensible loads, but the design team leveraged San Francisco’s mild climate to eliminate mechanical cooling in most spaces, using displacement ventilation instead. This system, along with LED lighting and photovoltaics, offsets 20% of the building’s energy use and 41% of its energy cost. The natatorium houses three separately heated pools, imposing a large dehumidification load, managed by mechanical cooling through an air-cooled chiller. An air handler with a heat recovery run-around coil captures heat from exhaust air, reusing it to cut the facility’s annual heating demand and carbon footprint. Using 100% outside air, the system helps remove contaminants and odors like chlorine, supporting a clean and refreshing environment.

Water conservation and management

A greywater system recycles pool filter backwash and shower water for toilet and irrigation use, saving approximately 600,000 gallons annually.

drawings

Previous Slide
Next Slide
Site Plan
Building shape preserves optimum solar orientation for softball and soccer
Ground Floor
Like “stones in a bag” the large rooms settle into ideal placements and adjacencies
Upper Floor
Uncluttered open space for cardio training and jogging

Campus fit

Located at the heart of ECH’s Mountain View campus, Sobrato Pavilion seamlessly integrates existing architectural and landscape features with a clean, elegant design that complements the park-like character of ECH. The building is structured as a plinth and tower, providing both visual and functional connections to the main hospital while establishing a welcoming and easily identifiable western entry from the campus’s main vehicular access road. Similar in scale to the main hospital, the plinth completes a central courtyard, creating a new focal point for the campus.

Hospital-integrated outpatient care

The lower floors are dedicated to outpatient procedures, featuring suites for arthroscopic, endoscopic, and robotic surgeries. This setup minimizes the need for overnight stays while ensuring direct access to main hospital functions in emergencies. In contrast, the upper floors accommodate the Centers of Excellence and offer flexible clinic spaces for lease to partner health providers.

Specialty Programs

Previous Slide
Next Slide
PACU
Separate isolation rooms with windows
Endoscopy Suite
Suite of procedure rooms supported by a sterile core
Breast Health Suite
A spa-like retreat with separate reception and gowned waiting
Blood Draw
Transparent and easy to find along the main hospital concoursee

Well-being, embedded

New courtyards and green roofs provide patients with access to natural light and views of nature, enhancing restorative processes and integrating wellness and sustainability into the campus fabric. Pervious pavers and bioretention swales link the courtyards and green roofs, complementing the overall water management systems.

Materiality and sense of place

Sobrato Pavilion draws inspiration from the material palette of the main hospital, incorporating colored GFRC panels, anodized aluminum, and clear glass. However, it adapts the fenestration pattern to a finer grain appropriate for office functions. This strategy results in double-high bays that create a subtle yet dynamic vertical texture, catching sunlight at various times of the day. The use of these richly textured natural materials grounds Sobrato Pavilion in the pedestrian-scale realm of sidewalks and landscapes.

Modular Design & Construction

Previous Slide
Next Slide
Medical planning
Modular approach for maximum flexibility
Facade module design
Optomizing shading and views within the established planning module
Facade panelization and engineering
Working with the design/build facade contractor to control cost and optimize details
Arrival on site
Fewest possible facade panels
Lightning fast erection sequence
Working together with the general contractor (R&S)
Facade construction in < 2 months
…on time and on budget

Drawings

Previous Slide
Next Slide
Campus Plan
The Sobrato Pavilion connects to the existing hospital and creates a new central courtyard
Ground Floor Plan
The parking structure is integrated into the design for ease of circulation and wayfinding
Tower Floor Plan
Elevator core on the south wall maximizes flexible planning flexibility while minimizing heat gain

Bridging community and campus identity

This nine-story medical office building, with a basement level, is designed around a four-level podium, topped by a five-story tower set back from the street. Public-facing services, such as urgent care facilities and labs, anchor the podium’s ground floor, while clinic and office spaces occupy the upper podium and tower levels. The podium also integrates a five-level parking garage and support spaces for medical staff.

The design reflects its dual identity as a landmark along the highway and a campus-oriented structure. Exterior materials draw from the Stanford Health Care pavilions nearby and nearby university buildings, creating a cohesive visual connection. A dramatic tower cantilever signals the gateway entry and defines a covered visitor drop-off area. A terracotta baguette screen unifies the tower, shades the east and west facades, and discreetly conceals rooftop mechanical equipment.

Interior spaces prioritize wellness through a thoughtful interplay of indoor and outdoor environments, including terraces on Level 4. Public areas are designed to foster connection to the outdoors, enhancing the visitor experience. The building’s structural grid, optimized at 31’-6,” supports efficient medical planning and adaptability for future needs.

Stanford Medical Office Building
Waipahu High School

A model for resilient campuses and hands-on learning

Waipahu High School offers six College and Career Ready pathways, from Arts and Communication to Health Services. As a pilot for the DOE’s sustainability program, the campus plan and design focus on outdoor learning, comfort, conservation, energy efficiency, stormwater management, and adaptability. A heat abatement study supports solutions for a cooler, more resilient campus.

The Integrated Academy Facility—designed as a “living building”—takes sustainability to the next level. Students engage in hands-on, project-based learning through features like biofiltration tanks, hydroponics, and visible feedback loops that integrate sustainability into daily life. This facility not only reinforces Waipahu’s educational mission but also showcases how schools can serve as living models for sustainable innovation.

Waipahu High School
Waipahu High School