Atelier Z+ Builds a Temporary Office Around a Single Tree on Shanghai's Yangpu WaterfrontAtelier Z+ Builds a Temporary Office Around a Single Tree on Shanghai's Yangpu Waterfront

Atelier Z+ Builds a Temporary Office Around a Single Tree on Shanghai's Yangpu Waterfront

UNI Editorial
UNI Editorial published Blog under Office Building, Landscape Design on

Temporary buildings rarely get much design attention. They go up fast, they get used hard, and the planning documents have usually written them off before the first column is set. On Guangde Road in Shanghai's Yangpu district, Atelier Z+, led by Zhang Bin, has completed a 1,465 m² office building for the Civil Service Dock Land Base. It is explicitly temporary. It is also a building the architects clearly took seriously. It sits within the transformation of the Yangpu waterfront, where the south section of the public space connection project has been under way since 2015, and it shares that landscape of cleared lots, retained trees and leftover industrial structures.

Temporariness is not the interesting part of the project. What interests us is how little the building relies on that label as an excuse. The material palette is cheap and quick to assemble: corrugated metal, galvanized steel, aluminum, brick, coating and glass. The architects use it to make a long, legible bar with a courtyard cut into it, a tree growing through that void, and circulation pushed to the outside as open galleries and stairs. The result reads less like a site cabin and more like a small piece of the waterfront's public realm that happens to contain offices and dormitories.

A Long White Bar on a Cleared Lot

Long white two-storey block with perforated brick base seen across a rubble-strewn lot, tall conifers behind under a pale dusk sky
Long white two-storey block with perforated brick base seen across a rubble-strewn lot, tall conifers behind under a pale dusk sky
Two-storey white facade with a perforated brick screen below and a railed gallery above, seen across bare dirt at dusk
Two-storey white facade with a perforated brick screen below and a railed gallery above, seen across bare dirt at dusk

From across the rubble-strewn ground, the building presents as a single horizontal stroke. Two storeys of white sit on a perforated brick base, with a railed gallery running along the upper level. The tall conifers behind give it a backdrop, but the building does not hide among them. It holds a clear line against an unsettled site, and that steadiness is the point.

The perforated brick at ground level matters more than it first appears. It gives the base weight and texture without closing it off, and it filters light and views in a way a solid wall or a sheet of glass could not. On a waterfront still being rebuilt, brick also carries an echo of the district's warehouses without imitating them.

Organizing a Building Around a Tree

Two-storey courtyard with a steel stair and walkway beneath a sloping roof, a tree rising through the opening in soft evening light
Two-storey courtyard with a steel stair and walkway beneath a sloping roof, a tree rising through the opening in soft evening light
Street-side view of a steel staircase rising between whitewashed walls, with a tree growing through the upper walkway in hazy daylight
Street-side view of a steel staircase rising between whitewashed walls, with a tree growing through the upper walkway in hazy daylight
Upward view through a slatted metal frame to a tree canopy above corrugated cladding and windows in pale sky
Upward view through a slatted metal frame to a tree canopy above corrugated cladding and windows in pale sky

The courtyard is the project's central gesture. A tree rises through an opening in the sloping roof, and the steel stair and walkway wrap around it so that moving through the building means passing the trunk and canopy at several heights. In evening light the courtyard reads as the building's real interior, more so than any office room.

Building around an existing tree is not a new idea, but it carries extra weight here. A temporary structure on a redevelopment site is the kind of building that usually justifies clearing everything. Keeping the tree reverses that logic: the building organizes itself around something it is not allowed to remove, and accepts the constraints that come with it. Looking up through the slatted metal frame into the canopy, you understand the hierarchy at once.

Corrugated Skin and Open Galleries

Steel stair and slatted railings beside corrugated metal walls, with tree trunks in the foreground and strong sunlight casting stripes
Steel stair and slatted railings beside corrugated metal walls, with tree trunks in the foreground and strong sunlight casting stripes
Grated steel walkway beside corrugated metal walls and windows reflecting the neighborhood, with a leafy tree at left in afternoon sun
Grated steel walkway beside corrugated metal walls and windows reflecting the neighborhood, with a leafy tree at left in afternoon sun
Upper walkway with square grating floor and slim vertical railings beside corrugated cladding, framed by autumn trees and distant city haze
Upper walkway with square grating floor and slim vertical railings beside corrugated cladding, framed by autumn trees and distant city haze

Circulation is pushed outside and left exposed. Grated steel walkways and slim vertical railings run alongside corrugated metal walls, and in strong sun the slats cast striped shadows across the cladding. This is the most cost-effective way to move people through a two-storey bar, and Atelier Z+ makes it the building's main architectural experience instead of treating it as a leftover.

The corrugated cladding does useful work. Its ribs catch light, the windows reflect the surrounding neighborhood, and the industrial character suits a waterfront defined by docks and factories. The square-grating floor of the upper walkway, framed by autumn trees and the distant city, turns a fire-code corridor into a balcony with a view.

Tight Passages and Borrowed Views

Narrow passage between corrugated metal wall and white boundary wall, with an elevated steel walkway crossing over a tree trunk
Narrow passage between corrugated metal wall and white boundary wall, with an elevated steel walkway crossing over a tree trunk
Corrugated metal corridor with a grey door and railing opening onto a cable-stayed bridge and factory building beyond bare ground
Corrugated metal corridor with a grey door and railing opening onto a cable-stayed bridge and factory building beyond bare ground

Some of the project's best moments happen in its leftover spaces. A narrow passage between the corrugated wall and the white boundary wall is crossed overhead by an elevated walkway that steps over a tree trunk. At the end of a metal corridor, a grey door and railing open onto a cable-stayed bridge and a factory building across bare ground.

These framed views tie the building to its context more effectively than any contextual cladding could. The building does not try to represent the waterfront's history. It points you toward the bridge, the factory and the cleared land, and leaves the rest to you.

The Roof as Shared Ground

Rooftop deck with a slanted canopy on slim columns and white railings, a red tower and ivy-covered building beyond at dusk
Rooftop deck with a slanted canopy on slim columns and white railings, a red tower and ivy-covered building beyond at dusk
Aerial view of the white-roofed two-storey building with a tree through the roof opening, overlooking wetland grass and a distant industrial skyline
Aerial view of the white-roofed two-storey building with a tree through the roof opening, overlooking wetland grass and a distant industrial skyline

The roof is treated as a usable deck, sheltered in part by a slanted canopy on slim columns and edged with white railings. At dusk, with a red tower and an ivy-covered building beyond, it reads as an outdoor room for the people who work and sleep here, raised above the construction dust.

The aerial view shows how compact the move is. A white-roofed bar, a single opening with a tree pushing through it, wetland grass on one side and an industrial skyline in the distance. The building takes up very little and holds its ground firmly, which is about as much as you can ask of a temporary structure on contested urban land.

Plans and Drawings

Annotated aerial site map with a river bend, bridge and waterfront edge, two plots marked in red and a dashed boundary
Annotated aerial site map with a river bend, bridge and waterfront edge, two plots marked in red and a dashed boundary
Site plan drawing of street blocks along the riverfront, with the project plot in red and a dashed waterfront zone
Site plan drawing of street blocks along the riverfront, with the project plot in red and a dashed waterfront zone
Site plan drawing of a long narrow building with a central courtyard tree, entrance marker and planted terrace beside the street
Site plan drawing of a long narrow building with a central courtyard tree, entrance marker and planted terrace beside the street

The site drawings place the plot within the street blocks along the river bend, near the bridge and the dashed waterfront zone. The building itself is a long, narrow bar set beside the street, with the courtyard tree near its centre and a planted terrace alongside.

Ground floor plan drawing of a long bar with a row of dorm rooms, a small courtyard tree and service rooms to the east
Ground floor plan drawing of a long bar with a row of dorm rooms, a small courtyard tree and service rooms to the east
Second floor plan drawing showing a row of identical dorm rooms, a courtyard void and offices with a planted terrace
Second floor plan drawing showing a row of identical dorm rooms, a courtyard void and offices with a planted terrace
Roof plan drawing showing a large flat rooftop terrace on the long wing, a courtyard tree and a planted roof edge
Roof plan drawing showing a large flat rooftop terrace on the long wing, a courtyard tree and a planted roof edge

The plans are disciplined. A row of identical dorm rooms runs along the bar, with service rooms to the east on the ground floor and offices beside a planted terrace above. The courtyard void punctuates the repetition, and the roof plan gives most of the long wing over to a flat terrace.

Long elevation drawing of a two-storey building with an exterior stair, a balcony corridor and trees at both ends
Long elevation drawing of a two-storey building with an exterior stair, a balcony corridor and trees at both ends
End elevation drawing of a two-storey block with a single square window and a tree at the right edge
End elevation drawing of a two-storey block with a single square window and a tree at the right edge
Street elevation drawing of a low building row with stair and trees set in front of a long multi-storey block
Street elevation drawing of a low building row with stair and trees set in front of a long multi-storey block
Short section drawing of a two-storey volume with an exterior staircase beside a large tree
Short section drawing of a two-storey volume with an exterior staircase beside a large tree
Building section drawing showing a courtyard tree, two stair flights and a sloped roof over two floors with footings below
Building section drawing showing a courtyard tree, two stair flights and a sloped roof over two floors with footings below

The elevations and sections confirm the logic: an exterior stair, a balcony corridor, trees at both ends, and a sloped roof over two floors resting on simple footings. The street elevation is especially telling. The low building sits in front of a long multi-storey block, which shows how deliberately modest its scale is.

Why This Project Matters

China's waterfront regeneration programs produce a great deal of interim architecture: site offices, worker housing and administrative bases that exist only to get the permanent project built. Most of it is anonymous and disposable. This building argues that interim does not have to mean careless. With an ordinary kit of metal, brick and steel, Atelier Z+ made a building with a clear plan, a genuine courtyard and circulation worth walking through.

The broader lesson concerns priorities. Keeping a tree, framing a bridge and giving the roof to the occupants cost little, and they shape the daily experience of the building far more than finishes would. If temporary buildings are where a site's future users first meet the new waterfront, they deserve this level of care, and this project shows it can be done on a modest budget.


Temporary Office Building on Guangde Road for Civil Service Dock Land Base by Atelier Z+ (lead architect Zhang Bin), Yangpu, Shanghai, China. Area: 1,465 m². Completed 2020. Photography by Fangfang Tian.


About the Studio

Share Your Own Work on uni.xyz

If projects like this are the kind of work you want to make, uni.xyz is a place to publish your own, find collaborators, and enter design competitions.

UNI Editorial

UNI Editorial

Where architecture meets innovation, through curated news, insights, and reviews from around the globe.

Share your ideas with the world

Share your ideas with the world

Write about your design process, research, or opinions. Your voice matters in the architecture community.

Comments (0)

No comments yet. Be the first to comment!

Similar Reads

You might also enjoy these articles

publishedBlog2 days ago
Pixel Gardens: One Repeated Module Stacked Into a Terraced Social Housing Tower for Famagusta
publishedBlog1 month ago
Bao Huynh Watercolor Atelier: A Serene Art Retreat in Hội An
publishedBlog1 month ago
Atelier Macri Concept Store Interior Design by CASE-REAL
publishedBlog1 month ago
Manuel Vargas Izquierdo Stadium and High-Performance Sports Center: Architectural Excellence in Jalpa de Méndez
UNI Editorial