IDIN Architects Grows a Coffee Shop Out of the Jungle Beside Bangkok's Busiest MotorwayIDIN Architects Grows a Coffee Shop Out of the Jungle Beside Bangkok's Busiest Motorway

IDIN Architects Grows a Coffee Shop Out of the Jungle Beside Bangkok's Busiest Motorway

UNI Editorial
UNI Editorial published Blog under Landscape Design, Commercial Buildings on

A two-story gabled house on a plot thick with mature trees, right next to Bangkok's Bangna-Trad motorway: not exactly the setting you'd associate with a destination coffee experience. But IDIN Architects saw exactly that potential in the site for NANA Coffee Roasters' Bangna branch. Rather than demolish the existing structure, they modified it and bolted on three narrow, mono-pitched steel pavilions that reach into the canopy like fingers. The result is a 250-square-meter café that feels less like a building and more like a clearing in a forest, one where the coffee counter is the campfire.

What makes this project worth studying is the precision with which architecture, interior, and landscape collapse into a single proposition. The landscape architect, TROP: Terrains + Open Space, didn't just plant around the buildings. Greenery infiltrates the gaps between the three new masses, flows through glass corridors, and pushes into the interiors themselves. The café's counters, with their undulating surfaces inspired by the northern Thai mountain range where NANA's beans are grown, reinforce the idea that every design decision points back to coffee and its origins. It won a DEmark Award in 2022 for interior design, but calling it an interior project undersells what's actually happening here.

Three Pavilions in the Canopy

Exterior view of concrete frame structure nestled among mature trees and foliage at twilight
Exterior view of concrete frame structure nestled among mature trees and foliage at twilight
White concrete canopy and columns framing a planted courtyard with mature trees and dense foliage
White concrete canopy and columns framing a planted courtyard with mature trees and dense foliage
White angled walls framing a garden pathway with dappled sunlight filtering through the tree canopy
White angled walls framing a garden pathway with dappled sunlight filtering through the tree canopy

The three new volumes are deliberately narrow, their slanted rooflines picking up the pitch of the original gabled house and stretching it into something more angular and contemporary. White steel frames and white concrete walls act as a neutral backdrop, and this neutrality is the point. As sunlight filters through the tree canopy, the walls become projection screens for shifting shadow patterns throughout the day. It's an effect that requires discipline: the architecture has to stay quiet enough to let the landscape perform.

The oversized roofs extend well beyond the building envelope to shelter external terraces, a pragmatic move in Bangkok's climate that also dissolves the threshold between inside and out. Sitting beneath one of these canopies, surrounded by planting on three sides, you'd struggle to say whether you're in the building or next to it.

Landscape as Primary Material

Planted courtyard with trees and shrubs between concrete columns visible through transparent facade
Planted courtyard with trees and shrubs between concrete columns visible through transparent facade
Planted courtyard path with gravel surface leading through trees toward a glass-walled interior space
Planted courtyard path with gravel surface leading through trees toward a glass-walled interior space
Gnarled tree trunk wrapped with aerial roots beside a gravel path and seated figure
Gnarled tree trunk wrapped with aerial roots beside a gravel path and seated figure

TROP's landscape strategy treats the existing trees not as obstacles but as the project's real structural framework. Gravel paths wind through gnarled trunks wrapped in aerial roots, planted beds of low shrubs soften the base of every building, and the gaps between the three pavilions are generous enough to feel like outdoor rooms rather than service alleys. The planting also serves a functional role: dense greenery screens the interior from the adjacent motorway, creating what IDIN describes as an oasis condition.

Restrooms are pushed to the back of the site as independent pods surrounded by landscape, which means even the most utilitarian program element becomes an excuse to walk through the garden. It's a small decision with outsized effect. Every trip through the café reinforces the sense that the landscape is the experience, not decoration around it.

Where the Counter Becomes Terrain

Coffee service counter with chrome dispensers and a barista arranging cups beneath reflective ceiling treatment
Coffee service counter with chrome dispensers and a barista arranging cups beneath reflective ceiling treatment
Service counter with bakery display cases under a patterned ceiling with blurred figures walking past
Service counter with bakery display cases under a patterned ceiling with blurred figures walking past
White service counter beneath perforated ceiling panel with full-height glazing framing trees outside
White service counter beneath perforated ceiling panel with full-height glazing framing trees outside

IDIN's acronym stands for Integrating Design into Nature, and the café counters are where that motto gets most literal. The surfaces undulate with contoured profiles that reference the mountain ridges of northern Thailand, where NANA sources its beans. It's a poetic move, sure, but it also works spatially: the uneven topography of the counters creates natural zones for different interactions, from standing espresso pulls to seated slow-brew rituals.

One counter continues straight through a glass end wall to become an external table supported on mirrored legs, a detail that neatly captures the project's refusal to separate inside from outside. Reflective glass mosaics on the ceiling above the service zone bounce fragments of the exterior garden into the interior, adding a shimmer of green overhead that reinforces the immersive quality of the space.

Interior Atmosphere and the Reflective Ceiling

Glass-enclosed interior courtyard with trees and visitors at long white tables beneath a pixelated ceiling
Glass-enclosed interior courtyard with trees and visitors at long white tables beneath a pixelated ceiling
Interior seating area with white tables and black stools under geometric monochrome ceiling panels
Interior seating area with white tables and black stools under geometric monochrome ceiling panels
Interior counter bar with white surface and black stools overlooking a planted courtyard with mature tree
Interior counter bar with white surface and black stools overlooking a planted courtyard with mature tree

The palette inside is deliberately restrained: white surfaces, black stools, concrete, and glass. Against this monochrome canvas, the ceiling treatment becomes the protagonist. Panels of reflective glass mosaic fragment the tree canopy overhead into a kaleidoscopic pattern, pulling nature into the room without the weight of actual planting. It's a controlled illusion, and it works because the surrounding reality of actual trees visible through floor-to-ceiling glazing keeps it honest.

Seating is arranged to prioritize views outward rather than inward. Counters wrap the perimeter of rooms so that every seat faces greenery, and the long communal tables in the glass-enclosed courtyard zone place visitors directly alongside trees that grow through openings in the structure. The effect is closer to a greenhouse than a café, which is exactly the intention.

The Outdoor Rooms

Elevated concrete walkway flanked by planted beds and trees under intersecting white beam structure
Elevated concrete walkway flanked by planted beds and trees under intersecting white beam structure
Long concrete table beneath horizontal beam structure surrounded by planted beds at dusk
Long concrete table beneath horizontal beam structure surrounded by planted beds at dusk
Interior courtyard with multi-trunked tree growing through white walls as a person walks past
Interior courtyard with multi-trunked tree growing through white walls as a person walks past

Some of the best seating in the café isn't inside at all. Elevated concrete walkways flanked by planted beds lead to long tables set beneath the intersecting beam structure of the canopy extensions. At dusk, the white frames glow against the darkening foliage, and the space takes on a quality that's more garden pavilion than commercial F&B. These outdoor rooms carry no air conditioning, no artificial ceiling treatment, just structure, planting, and the sound of traffic reduced to a murmur behind the green wall of trees.

The courtyard with its multi-trunked tree growing through openings in the white walls is the project's most photogenic moment, but it also reveals the structural logic at work. The buildings yield to the trees, not the other way around. When a trunk needed space, the wall stepped aside.

Glass Corridors as Spatial Connectors

Glass facade with dark frames reflecting courtyard greenery beside a planted bed with low shrubs
Glass facade with dark frames reflecting courtyard greenery beside a planted bed with low shrubs
Long concrete table beneath horizontal beam structure surrounded by planted beds at dusk
Long concrete table beneath horizontal beam structure surrounded by planted beds at dusk

Small glass link corridors stitch the three seating pavilions together, creating a circulation loop that constantly alternates between enclosed and exposed conditions. Walking through the café, you pass from air-conditioned interior to glass corridor to covered terrace to open garden and back again. It's a sequence borrowed more from resort planning than typical retail design, and it ensures that the 250 square meters feel considerably larger than they are.

Plans and Drawings

Axonometric diagram sequence illustrating spatial subdivision and circulation strategies with highlighted program zones
Axonometric diagram sequence illustrating spatial subdivision and circulation strategies with highlighted program zones
Isometric diagram comparing counter configurations with red figures indicating user concentration patterns
Isometric diagram comparing counter configurations with red figures indicating user concentration patterns
Site plan drawing showing a linear parking area and rectangular building footprint on an angled lot
Site plan drawing showing a linear parking area and rectangular building footprint on an angled lot
First floor plan drawing showing dining areas, kitchen, office spaces, and a curved outdoor terrace
First floor plan drawing showing dining areas, kitchen, office spaces, and a curved outdoor terrace

The axonometric diagrams reveal IDIN's process clearly: the existing building provides a spine, and three new volumes extend from it in parallel, with landscape filling every interstitial space. The isometric counter studies, with red figures indicating where users congregate, show how wrapping the counter around the room perimeter distributes visitors evenly rather than concentrating them at a single bar. The site plan confirms the challenge: a narrow, angled lot pressed against a major road, with parking consuming the front portion. Everything interesting happens behind that buffer.

The floor plan shows how the curved outdoor terrace at the rear resolves the angular geometry of the lot, while the kitchen and office spaces are tucked into the modified existing building where ceiling heights are more conventional. The new pavilions are given over entirely to the customer experience, free of back-of-house clutter.

Why This Project Matters

Coffee shops are among the most designed typologies on earth right now, and most of them rely on the same playbook: raw concrete, terrazzo, warm wood accents, an Instagram wall. NANA Coffee Roasters Bangna sidesteps that formula entirely by making the landscape the design. The architecture serves as a scaffold for nature rather than a container decorated with it. That distinction matters. It produces a space that changes with the time of day, the season, and the weather, something no amount of curated material palette can achieve.

More practically, the project demonstrates how to intervene in an existing structure without erasing it. The old gabled house remains legible, its black steelwork contrasting with the white frames of the new pavilions. IDIN and TROP prove that a 250-square-meter café on a compromised site next to a highway can become a genuine destination, not through spectacle but through the patient integration of building and ground. The trees were already there. The architects just figured out how to sit among them.


NANA Coffee Roasters Bangna, designed by IDIN Architects with landscape by TROP: Terrains + Open Space. Bang Na, Bangkok, Thailand. 250 m². Completed 2022. Photography by W-Workspace.


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

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