BHA Studio Wraps a 2,000-Student Campus in Terracotta Screens and Double-Layered Roofs in Central VietnamBHA Studio Wraps a 2,000-Student Campus in Terracotta Screens and Double-Layered Roofs in Central Vietnam

BHA Studio Wraps a 2,000-Student Campus in Terracotta Screens and Double-Layered Roofs in Central Vietnam

UNI Editorial
UNI Editorial published Blog under Landscape Design, Architecture on

Designing a school for 2,000 students across kindergarten, primary, secondary, and high school levels is a logistical problem before it is an architectural one. Where do you put 800 kids at lunch? How do you separate a five-year-old's world from a teenager's without turning the campus into a maze? BHA Studio, led by Nguyen Xuan Minh, answered those questions with a campus that stretches across 17,000 square meters of built area on a 50,000-square-meter site in Đông Hà, the capital of Vietnam's Quảng Trị Province. The result, completed in 2018, is a long, low building that treats climate as its primary design driver and terracotta as its signature material.

What makes iSchool Quang Tri worth studying is its refusal to treat environmental strategy as a bolt-on feature. The double-layered roof and wall system, the 600-cubic-meter rainwater cistern, the 536 large trees, and the orientation of every classroom wing toward the southeast are not additions to a finished plan. They are the plan. The school won a silver prize at the 2018 National Architecture Award and a green architecture prize in the Asia region the same year, and the recognition is deserved: this is climate-responsive design at institutional scale, built with steel, concrete, brick, and a clear understanding of what central Vietnam's heat and monsoons demand.

A Facade Language Built from Perforated Brick

Perforated terracotta screen wall above glazed ground floor with young trees planted in front
Perforated terracotta screen wall above glazed ground floor with young trees planted in front
Upward view of geometric terracotta lattice panels wrapping two walls at a corner
Upward view of geometric terracotta lattice panels wrapping two walls at a corner
Close-up of the perforated terracotta screen facade corner against a clear blue sky
Close-up of the perforated terracotta screen facade corner against a clear blue sky

The most immediately visible move is the terracotta screen wall. Geometric lattice panels, assembled from locally sourced brick, wrap classroom blocks and corridor edges in triangular and diamond patterns that filter sunlight without blocking it. These screens do more than one job. They shade interior corridors, reduce solar gain on west-facing walls, and give the campus a coherent visual identity that reads clearly from across the playing fields. The lattice is dense enough to create real shade but open enough to let breeze through, a balance that is harder to achieve than it looks.

Up close, the brickwork is crisp and regular. The angled panels at corners create a sense of depth and movement, especially when the light shifts through the day, casting dappled patterns onto polished corridor floors. It is an old technique, common across Southeast Asia, but BHA Studio deploys it at a scale and with a geometric precision that feels contemporary without reaching for novelty.

Corridors as Climate Machines

Covered corridor with terracotta geometric screen overhead and view through concrete columns to planted lawn
Covered corridor with terracotta geometric screen overhead and view through concrete columns to planted lawn
Interior corridor with triangular patterned screen wall casting dappled sunlight on polished floor
Interior corridor with triangular patterned screen wall casting dappled sunlight on polished floor
View through triangular lattice screen showing courtyard with another patterned facade beyond
View through triangular lattice screen showing courtyard with another patterned facade beyond

The corridors are not neutral circulation space. They are positioned on the western side of the classroom wings, acting as thermal buffers against the afternoon sun. The terracotta screens overhead and alongside turn these passages into shaded, ventilated zones that stay significantly cooler than the exterior. Walk through them and you see the lattice doing its work: triangular patterned walls throw dappled sunlight onto the floor, and the views through the screens frame courtyard greenery and opposing facades in controlled fragments.

This is a strategy that respects how children actually use a school. Between classes, they move through these corridors dozens of times a day. Making that transition between inside and outside comfortable, rather than punishing, is a design decision with real consequences for how the building feels in use.

Color, Scale, and the Street Edge

Long view of the pastel-colored facade with scattered square windows above a lawn under scattered clouds
Long view of the pastel-colored facade with scattered square windows above a lawn under scattered clouds
Front elevation showing the pastel-paneled facade with cantilevered overhang and bare tree beside a circular fountain
Front elevation showing the pastel-paneled facade with cantilevered overhang and bare tree beside a circular fountain
Corner view of the glazed colonnade with pastel panels and perforated terracotta screen volume beyond
Corner view of the glazed colonnade with pastel panels and perforated terracotta screen volume beyond

The entrance on Hung Vuong Street, the main road of Đông Hà city, presents a long, horizontal facade with pastel-colored panels, scattered square windows, and a cantilevered overhang that stretches out to shade the ground level. The color palette, soft yellows and pinks against white, signals that this is a school without resorting to cartoonish graphics. It is calm and deliberate, and the rhythm of the window openings gives the facade a visual grain that prevents the long elevation from feeling monotonous.

The circular fountain at the entrance and the bare tree beside it anchor the arrival sequence. From the corner, you can see how the glazed colonnade transitions into the perforated terracotta volume, two material languages meeting at a seam that the architects handle cleanly.

Courtyards, Canopies, and Play

Covered courtyard with playground equipment and children in motion between classroom corridors
Covered courtyard with playground equipment and children in motion between classroom corridors
Courtyard view looking up at converging perforated terracotta screen walls with a small tree at the corner
Courtyard view looking up at converging perforated terracotta screen walls with a small tree at the corner
Long sloped roof with wood soffit extending over white facade volumes and a planted courtyard at dusk
Long sloped roof with wood soffit extending over white facade volumes and a planted courtyard at dusk

The interior courtyards are where the campus comes alive. Covered zones with playground equipment sit between classroom corridors, giving younger students protected outdoor space where they can run without baking in direct sun. The converging perforated screen walls frame these courtyards and filter light down into them, creating spaces that feel enclosed but not claustrophobic. A small tree at one corner reinforces the sense that these are cultivated, cared-for outdoor rooms rather than leftover voids.

At dusk, the sloped roof with its warm wood soffit extends over white volumes and planted courtyards, and the building takes on a quieter, more domestic quality. The overhang is deep enough to be functional, protecting walls from monsoon rain and keeping classrooms dry even when windows are open for ventilation.

The Double-Layered Envelope and Water Strategy

Yellow stucco wall under a deep overhanging soffit with warm wood ceiling panels and young trees
Yellow stucco wall under a deep overhanging soffit with warm wood ceiling panels and young trees
Close-up of angled metal louver facade with white fins accented by scattered yellow and orange blades
Close-up of angled metal louver facade with white fins accented by scattered yellow and orange blades
Horizontal strip windows with backlit geometric perforated screens in coral pink tones at dusk
Horizontal strip windows with backlit geometric perforated screens in coral pink tones at dusk

The double-layered roof and wall system is the project's most significant technical move. The outer layer absorbs solar radiation and deflects rain; the inner layer defines the conditioned interior. The air gap between them allows heat to dissipate before it reaches occupied spaces, reducing cooling loads without relying entirely on mechanical systems. The angled metal louver facade with white fins and scattered yellow and orange blades is part of this strategy, controlling solar ingress while adding a secondary layer of visual texture.

Rainwater collected from the roof feeds a 600-cubic-meter cistern buried beneath the campus. That stored water irrigates 29,000 square meters of grass and 536 large trees through an automatic watering system. Solar hot water panels and energy-saving lighting round out the sustainability measures. None of this is radical on its own, but the integration, every system connected to the next, from roof to cistern to landscape, gives the project coherence.

Landscape as Infrastructure

Long facade with thin roof overhang sheltering glass and panel volumes across a lawn
Long facade with thin roof overhang sheltering glass and panel volumes across a lawn
Side elevation showing thin canopy over colored panels with wildflowers in foreground
Side elevation showing thin canopy over colored panels with wildflowers in foreground
Campus view with the two-story facade and brick volume beyond a grassy field and young trees
Campus view with the two-story facade and brick volume beyond a grassy field and young trees

The 536 trees and nearly three hectares of grass are not decorative. They are selected for suitability to Quảng Trị's soil conditions, which means they are intended to survive and grow without excessive maintenance. The wildflowers in the foreground of the side elevation, the young saplings on the lawn, the grassy fields stretching out to the playing areas: all of this reads as a campus that will mature over the next decade, getting cooler, shadier, and more comfortable as the planting fills in.

The long facade with its thin roof overhang sheltering glass and panel volumes across a lawn establishes the building's relationship with its landscape. The architecture sits low and opens outward, treating the green space as an extension of the educational environment rather than a boundary around it.

Design Process: Models and Diagrams

Physical model with hands lifting string-suspended roof structure over white interior volumes below
Physical model with hands lifting string-suspended roof structure over white interior volumes below
Three-step diagram of a physical model demonstrating sliding roof and ventilation system over greenery
Three-step diagram of a physical model demonstrating sliding roof and ventilation system over greenery
Two-story facade with perforated terracotta screen above white columns and planted saplings on grass lawn
Two-story facade with perforated terracotta screen above white columns and planted saplings on grass lawn

The physical models reveal how BHA Studio thought about the roof as a sliding, lifting element. A string-suspended roof structure hovers over white interior volumes, showing the conceptual separation between shelter and enclosure. The three-step diagram demonstrates the ventilation system: the roof lifts, air circulates through greenery and the gap between layers, and heat escapes upward. It is a legible, convincing representation of a passive cooling strategy that drives the building's form.

Plans and Drawings

Aerial site plan showing project location marked in red within dense urban fabric
Aerial site plan showing project location marked in red within dense urban fabric
Ground floor plan showing parking area, interior courtyard and adjacent outdoor basketball court
Ground floor plan showing parking area, interior courtyard and adjacent outdoor basketball court
First floor plan with central courtyard, linear classroom wings and eastern sports hall
First floor plan with central courtyard, linear classroom wings and eastern sports hall
Second floor plan showing central void, offset classroom bars and rooftop terrace areas
Second floor plan showing central void, offset classroom bars and rooftop terrace areas
Rooftop floor plan with central void and scattered terrace zones across the building
Rooftop floor plan with central void and scattered terrace zones across the building
Presentation board showing section drawing, site plan, material samples and photographs of construction process
Presentation board showing section drawing, site plan, material samples and photographs of construction process
West elevation and longitudinal section showing the sloping roof over the main hall
West elevation and longitudinal section showing the sloping roof over the main hall
North elevation and transverse sections displaying the linear classroom block and separate sports facilities
North elevation and transverse sections displaying the linear classroom block and separate sports facilities

The aerial site plan situates the campus within Đông Hà's dense urban fabric, and the ground floor plan reveals how the parking area, interior courtyard, and basketball court are organized to keep vehicles away from children. The upper floor plans show the logic: linear classroom wings flanking a central courtyard void, with rooftop terraces above. The west elevation and longitudinal section illustrate the sloping roof over the main hall, while the north elevation and transverse sections display the separation between the classroom block and sports facilities. The presentation board with its section drawing, material samples, and construction photographs documents how the project moved from concept to reality.

Why This Project Matters

Schools in tropical climates face a fundamental tension: they need to be open to air and light, but they also need to protect students from heat, rain, and glare. iSchool Quang Tri resolves that tension through layering. Every element, from the perforated terracotta screens to the double-layered roof to the rainwater cistern feeding the landscape, works as part of a continuous environmental system. The architecture does not fight the climate; it negotiates with it.

For a school serving 2,000 students from age five to eighteen, that kind of coherence matters. The building will be used hard, every day, for decades. Its passive strategies reduce operating costs and energy consumption. Its landscape will improve with time. Its terracotta screens will age gracefully. BHA Studio has delivered a campus that takes its obligations to both its students and its climate seriously, and the result is a building that earns its awards.


iSchool Quang Tri, designed by BHA Studio (lead architect: Nguyen Xuan Minh), Đông Hà, Vietnam. 17,000 m². Completed 2018. Photography by Hoang Le.


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 weeks ago
127af Flips a Tiny Bagnolet Rowhouse Upside Down with a Handcrafted Roof Extension
publishedBlog2 weeks ago
1.61 Design Workshop Wraps a 600-Square-Meter Café in Vietnam in Sculptural Burgundy Drama
publishedBlog2 weeks ago
The Unbound Brain: A School Shaped by Cognitive Architecture
publishedBlog2 weeks ago
Revival Vernacular Architecture: Rammed Earth Settlements for the Sahara

Explore Landscape Design Competitions

Discover active competitions in this discipline

UNI Editorial
Search in