Architecture Portfolio | John Adrian

John Adrian Architecture Portfolio

Architecture Portfolio 2020 John Adrian

JOHN ADRIAN | ARCHITECTURE PORTFOLIO | SELECTED WORKS FROM 2017 - 2022 3

Architecture Portfolio

EDUCATION HARVARD UNIVERSITY

2021 – 2025

Cambridge, Massachusetts, United States Graduate School of Design

2022

Master in Architecture I

W A S H I N G T O N U N I V E R S I T Y I N S T. L O U I S

2017 – 2020

Missouri, United States Sam Fox School of Design and Visual Arts

John Adrian

Bachelor of Science in Architecture

4

TAYLOR’S UNIVERSITY

2016 – 2017

Kuala Lumpur, Malaysia School of Architecture, Building and Design Foundation in Natural and Built Environments

CONTENTS

CITY SHED

06

Sports facility and park

STUDIOS

01

02

LIVING SINGLE, LIVING TOGETHER

Architecture Portfolio

Core 2 | Academic work | Spring 2022

12

Duplex house Core 1 | Academic work | Fall 2021

03

2+1 HOUSE

18

Studio housing for three artists ARCH 412 | Academic work | Spring 2020

04

UP WITH THE BIRDS

28

Drone terminal and transportation hub

05

CONCREFACT

2022

ARCH 411 | Academic work | Fall 2019

40

Research facility ARCH 312 | Academic work | Spring 2019

06

THERMAL BATHS

50 John Adrian

Bathhouse and greenhouse ARCH 212 | Academic work | Spring 2018

07

THEATER OF LIGHT

60

Performing arts center ARCH 211 | Academic work | Fall 2017

08

DETAILS IN ARCHITECTURE

70

Liyuan Library ARCH 530A | Academic work | Fall 2019

09

GENERATIVE TOWER

74

Grasshopper parametric design workshop DIGITALFutures workshop | Academic work | Summer 2020

10

BRIDGE DESIGN

76

TCS internship work MISC.

Internship | Professional work | Summer 2020

john_christopher@gsd.harvard.edu 5

CITY SHED SPORTS FACILITY AND PARK PROJECT TYPE ARCH 530A DATE LOCATION

Academic - Harvard University GSD Professor Michelle Chang Fall 2022 - 1/2 semester project Boston, Massachusetts

These early site study diagrams below explore the idea of seeing the city as linear modules where each module or band contains the necessary programmatic zones such residential, leisure and infrastructure/transportation - all within walking distance. These bands then become a device to reorganize the entire site - reorienting the site to become an extension of the urban grid and fabric. This creates an overall gradual stepping motion within the ground condition which navigates the intense 32 feet elevation difference present in the site.

2022

Architecture Portfolio

This core studio focuses on the design of a park and sports complex for Boston’s North End community. This intervention is highly re-configurable where it allows for multi-functional activities such as town hall meetings, craft and farmer’s markets, soup kitchens and theatrical and musical performances.

INTERSECTION WITH GROUND/PROGRAMMATIC CONDITIONS

REORIENTATION THROUGH EXTRUSION

DEFINING VESTIGIAL SPACE

John Adrian

EXISTING SITE CONDITION

These superimposed grids derived from the extension of the urban bands intersect with the triangular site boundary and create vestigial spaces and geometry. These awkward moments become instances for greenspace and entry points for the project where they create a buffer from the public street and also allows for greater permeability for circulation.

LEFT

Process diagrams RIGHT

3/32” = 1’ 0” scale museum board and acrylic section model

6 City Shed - Community Sports Facility and Park

Architecture Portfolio 2022 John Adrian 7 City Shed - Community Sports Facility and Park

Architecture Portfolio 2022 John Adrian

BOTTOM

Unrolled section drawing

8 City Shed - Community Sports Facility and Park

Architecture Portfolio 2022 John Adrian

TOP LEFT

Ground floor plan TOP RIGHT

3rd floor plan

9 City Shed - Community Sports Facility and Park

Architecture Portfolio 2022 John Adrian 10 City Shed - Community Sports Facility and Park

Architecture Portfolio 2022 John Adrian

The band - while it does not follow the predominant grid like the rest of the park - produces a linear experience in the project. The band transitions between structure, circulation and program in a linear arrangement.

It contains the steel structure, it is the main device for circulation where it alternates between corridors and ramps, it is a spatial divider where bands transition between spectator seating and spaces for players or for other programs, its vertical folding panels create secondary spaces for recreation, and it also can house individual programs such as locker rooms and restrooms due to its modular nature.

TOP

Main court area with spectator seating above BOTTOM LEFT

Roof deck BOTTOM RIGHT

Project entrance

11 City Shed - Community Sports Facility and Park

LIVING SINGLE, LIVING TOGETHER DUPLEX HOUSE PROJECT TYPE ARCH 530A DATE LOCATION

Academic - Harvard University GSD Professor Elle Gerdeman Fall 2021 - 1/3 semester project Boston, Massachusetts

The sweeping forms of the roof are reused in the unit below grade to create vertical intersections with the unit above. From above, these suggestive forms interrupt regular spatial qualities and indicate a presence beyond what can be seen. Small apertures subtly connect the two inhabitants in these intersections- allowing composer and musician to collaborate between the units.

John Adrian

2022

Architecture Portfolio

This duplex houses a music composer and a group of musicians. The architecture aims to connect these two different inhabitants through indirect atmospheric and acoustic means. Spatial variations from the sweeping ceilings through the compression and expansion of space marks shared and private spaces. The rooftop becomes a curving landscape for performances where also lit by apertures on these curving forms.

SWEEP

EMBED

UNIT

INTERSECT

COLLECTIVE

The single irreducible unit of the upward curved room is repeated and stacked. These intersections create points of connection between the units. The project in its entirety could be understood through this basic unit- creating a clear spatial and experiential narrative.

12 Living Single, Living together - Duplex House

B

The lower unit houses the group of musicians and features collective music rooms as well as smaller and more intimate spaces hidden in the corridor core

Architecture Portfolio

A

Plan 01 1/4" = 1'-0"

2022

B

John Adrian

The upper unit houses the music composer. Access to the roof is located in the living room. The voids in this plan are the moments where this unit and the unit below are connected acoustically and through light.

A UPPER RIGHT

1st floor plan LOWER RIGHT

2nd floor plan

Plan 02 1/4" = 1'-0"

LOWER LEFT

Massing diagrams UPPER LEFT

Stitched isometric drawing showing all facades

13 Living Single, Living together - Duplex House

Perfor

John Adrian

2022

Architecture Portfolio

Leisure

The sweeping roof creates a landscape for communal practice, performance and recreation. The large glazing on the sweeping forms connect the outdoor rooftop with the spaces below. They provide light and also transmit sound across the vertical plane of the project.

The back of the sweeping roof forms create space composer. The rooftop becomes a place of collabora and composer.

03

02

01

Elevation

Sectio

1/4" = 1'-0"

1/4" = 1

14 Living Single, Living together - Duplex House

rmance

Practice

Architecture Portfolio 2022

e which houses performances by the musicians and ation and congregation of the work of the musicians

03

03

02

02

01

01

on A

Section B

1'-0"

1/4" = 1'-0"

John Adrian

The section below shows the acoustic channel which connects the composer’s living room in the unit above with the musician’s practice room below. This creates an indirect connection between the two inhabitants.

Light and sound suggest presence throughout the whole project.

TOP ROW

Renders of the rooftop BOTTOM ROW

Elevation and section drawings

15 Living Single, Living together - Duplex House

John Adrian

2022

Architecture Portfolio

SPACE FOR COLLABORATION

This duplex housing project plays with the implications of implied presence of its inhabitants on one another. Knowing that an inhabitant below is working late thro the inhabitant above to do the same. As a house for collective production, these moments of interaction are vital. The acoustic channels spread out throughout the pr of musical ideas. The composer’s production room is indirectly connected with the musician’s practice room below and also with the rooftop above through the eyerespectively.

16 Living Single, Living together - Duplex House

Architecture Portfolio 2022 John Adrian

ough the night might inspire roject allow for the exchange -level window and clearstory

RIGHT

1/8” = 1’ 0” scale basswood and PLA print model LEFT

Render of music production room

17 Living Single, Living together - Duplex House

2+1 HOUSE STUDIO HOUSING PROJECT DESIGNED FOR ARTISTS Academic - Washington University in St Louis Professor Stephen Leet Spring 2020 Grosse Gehege, Dresden, Germany

Schumann’s studio

Pape’s studio

Glass exhibition space

Richter’s studio

The site is fiction. The clients are real. The project is hypothetical. Based on German romantic painter Casper David Friedrich’s 1832 oil painting “The Grosse Gehege near Dresden,” this fictive German landscape is the site of a studio housing project intended for the use of 3 artists. This housing project aims to provide the artists who work and dwell here with spaces tailored to their specific preferences. Designed for contemporary classical composer Max Richter, installation artist and contemporary art painter Regene Schumann, and visual artist and sculptor Lygia Pape, the project aims to create a scenic, inspiring and tranquil environment for work and living while creating opportunities for collaboration between these 3 artists.

Views of the bucolic German countryside are framed by the building project. Intersection points created by the overlapping forms introduce moments where the boundaries between interior and exterior are blurred. Functioning like a campus, there are several shared spaces which allow the 3 artists and visitors to interact. The glass exhibition space overlooking the reflecting pool and the outdoor performance space provide the artist to create collaborative work.

2022

Architecture Portfolio

PROJECT TYPE STUDIO 412 DATE LOCATION

John Adrian

Outdoor performance space

Dock

Richter’s composing studio cantilevers out into the west.

Coupled with the 180-degree view and floor to ceiling glazing, a serene space is created for a composer who draws inspiration from nature. Schumann is provided with a dark and isolated studio space as she typically works with neon lighting installations. As for Pape, she has a sculpture workshop with views of the northern German hills.

CUTTING THE SITE

ESTABLISH MAJOR AXIS

INTRODUCE SECONDARY AXIS

A deep cut is made into the hill overlooking the swamp, embedding the project into the landscape

The main mass of the project is aligned based on the transverse axis which provides the 3 artists with desired views of the landscape

The secondary axis is introduced to create intersections which create moments for overlapping programs. Openings are created from the intersection points

18 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio 2020 John Adrian

ELEVATION FROM THE GROUND TOP LEFT

In addition to furnishing the artists with higher views of the scenery, elevating the building creates shaded secondary spaces for public use

Program diagram RIGHT

LOWER LEFT

West view of the housing project

Process diagrams

19 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio

B

UP

John Adrian

2022

A

B

UP

A

6’

12’

20 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio

An unobstructed 180-degree view of the German countryside backdrops Richter’s music composing studio.

2022 John Adrian

Visitors approach the project through the intersection point of the three buildings. They are greeted by a cantilevering glass corridor which acts as an exhibition space for the works of the three artists. Public circulation is kept fluid as it simply wraps around private programs.

Several concrete cantilevering structures are incorporated into the project. They function either as pedestals, for the display of artwork, or as viewing platforms.

All three buildings are delicately connected to the site; the masses are elevated and are connected through bridges.

Northern light softly illuminates Pape’s elevated painting and sculpture studio.

LEFT

MIDDLE RIGHT

Second floor plan

Section perspective of Pape’s studio

TOP RIGHT

LOWER RIGHT

Section perspective of the composing studio

Viewing platforms and connecting bridge

21 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio 2022 John Adrian

DN

DN

UP

DN

22 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio

6’

12’

2022 John Adrian

Spatial relationships between the overlapping, elevated and offset forms are shown through the volumetric section perspective. Public spaces surround and wrap around the private program. The section perspective shows the composition of different planes which create a sense of layering in the project.

The plans show Schumann’s portion of the housing project. Eastern light is funneled into the building through the offset walls- indirectly lighting the interior with soft light.

Her studio is mainly enclosed to limit the amount of natural light entering as she works with neon light installations.

TOP

Volumetric section perspective of the east side of the project LOWER RIGHT

LOWER LEFT

Perspective of glass exhibition space

First floor plan

23 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio 2020 John Adrian

LEFT

Series of volumetric sections

24 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio John Adrian

Friedrich’s fictive German landscape constitutes forests, hills and an expansive wetland. The housing project sits atop one of these hills. The wetland provides visitors and the inhabitants with a mode of transportation. It is embedded into the landscape as the project cuts through the hill. A gentle transition to the project from the swamp is created by the reflecting pool.

2020

The dock leads directly to the glass exhibition space through a tunnel. Visitors walk underneath the main housing unit above on the path elevated form the reflecting pool. Shade from the overhead mass and easterly wind create a cool and tranquil moment in the project.

Various sections of the housing project display the relationships between form and program. Long cantilevers denote private portions of the project while most of the public program is embedded into the site.

TOP RIGHT

Perspective of the lower exhibition space and the dock tunnel MIDDLE RIGHT

Collage of the housing project in the “Grosse Gehege” painting LOWER RIGHT

Rendered model

25 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio 2020 John Adrian

All three living quarters feature panoramic views of the expansive landscape. Skylights and angled walls allow light to penetrate deep into the project.

Indirect light softly lights up the more private program of the project such as the studios and studies.

26 01 2 + 1 House - Studio housing designed for artists

Architecture Portfolio 2020 John Adrian

While the housing project sits embedded into the site, it does not try to blend into Friedrich’s fictive German landscape. It takes a delicate approach to its relation to the site. Standing on concrete columns elevated from the ground, it is put on display prominently in the great expanse of the landscape. Like the single sailboat in the “Grosse Gahege,” the project becomes a focal point within this fictitious sublime landscape.

ABOVE

Render of the east side of the project LOWER LEFT

Section perspective showing the panoramic windows and natural lighting

27 01 2 + 1 House - Studio housing designed for artists

UP WITH THE BIRDS DRONE TERMINAL AND TRANSPORTATION HUB

2022

Architecture Portfolio

PROJECT TYPE STUDIO 412 DATE LOCATION

Academic - Washington University in St Louis Professor Gia Daskalakis Fall 2019 Chouteau’s Landing, St Louis, Missouri, USA

Currently, we are facing a revolution in transportation technology and infrastructure. Drone technology and the high-speed vacuum hyperloop trains are two recent developments that will significantly increase efficiency, speed and convenience of travel. This project aims to embody these new modes of transportation. This drone and hyperloop station reflect the nature of these new advances in transportation. The drone terminal displays the idea of flight through its form which lifts off the ground on either side. Both the movement of the hyperloop trains and the drones are visible throughout the building- the drones and trains travel through glass tubes.

Situated south of the Arch grounds along the Mississippi river, this transportation hub is designed around the spectacle of the drones and hyperloop trains. It stands as a monument to the advances in transportation technology.

ST LOUIS SKYLINE

DOWNTOWN ST LOUIS

A

A

N 7th Street B B

S Broadway

C

John Adrian

C S 4th Street D

D

Project

Gateway Arch

Mississippi River Waterfront

North - South Hyperloop line

CONCOURSE

Ferry dock

Drone Terminal

East - west Hyperloop Line

Situated next to Eero Saarinen’s Gateway Arch on Laclede’s Landing, the project extends the Great River Greenway: an urban design plan to link multiple landmarks and communities across the city.

The drone terminal expresses the idea of lightness and flight through its lifting forms.

Along with the elegant Gateway Arch, it defines the St Louis waterfront grounds.

TOP LEFT

Skyline analysis diagram MIDDLE

Downtown St Louis site map LOWER LEFT

Program diagram RIGHT

Site analysis map

28 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

2

5 0

’

1 2 5 0 ’

1

Manufacturing, processing and water treatment plants flank both sides of the Mississippi river- creating a highly industrial skyline along the river.

Architecture Portfolio 2022 John Adrian

Major transportation lines intercept the project site. North-south and east-west railways, carrying resource and passenger trains, pass through Laclede’s Landing while the Metrolink train stations are sited north of the arch grounds. The waterfront grounds are lively areas for community events and leisure. Ferries and barges dock along the stretch of the waterfront.

29 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Drone flight control room

Architecture Portfolio

Ferry terminal

Shops

north-south hyperloop line

concourse

2022

Drone Terminal

East-west hyperloop line

John Adrian

Drone flight control room

The vast glass concourse, ferry terminal, and entrances to the drone terminals are located on the second floor. The glass encased steel frame of the concourse allows visitors to view drones landing and exiting the terminals. Elevators to the east-west hyperloop line are located on the south portion of the project. Drone flight control rooms are located on the north and south ends of the first floor. The north-south hyperloop line is surrounded by shops and restaurants on this floor.

Drone maintenance, storage and repair happen in the basement level of the project. Access for service and delivery trucks are located on the west side of this level.

TOP LEFT

2nd floor level drawing MIDDLE

1st floor level drawing BOTTOM LEFT

Basement level drawing

30 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2022 John Adrian

Movements of the drones and hyperloop trains are displayed prominently in the project. Glass tubes provide clarity of program and movement of the speeding trains and drones within the project.

Visitors can view drones exiting or returning to the basement maintenance and storage level.

TOP RIGHT

Render of north-south hyperloop line MIDDLE RIGHT

Render of basement level BOTTOM RIGHT

Render of drone circulation tube

31 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2022 John Adrian

The programmatic differences in the project are denoted by light; the private drone storage and maintenance reside in the basement while the more public programs such as the concourse and transportation terminals are open and naturally lit.

32 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2022 John Adrian

The lifting forms of the drone terminals emphasize the movement of the drones.

Light enters deep into these bird-link forms through the exit and hydraulicpowered landing hatches. The steel-framed concourse is kept light and open with a glass enclosure.

ABOVE

Section perspective 1

33 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2020 John Adrian

Passengers board the drones from the circulation towers situated between the drone terminals. They arrive at the terminals through the spiral staircase or the elevator in its core. The circulation towers and drone terminals are kept separate, with only cylindrical bridges connecting these two building forms.

34 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2020 John Adrian

The steel-framed and glass-enclosed concourse area allows visitors to view the spectacle of drones landing and exiting the terminals.

ABOVE

Section 3

35 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2022 John Adrian 36 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2022 John Adrian

The project stands on a plinth as to elevate the project above the flood level. Drones enter the project through hydraulic hatches which open and close on the back side of the terminals. Drones exit towards the Mississippi river and act as a spectacle for pedestrians walking near the arch grounds and the river waterfront. The east-west hyperloop station is elevated above the project and spans across the river towards Illinois.

ABOVE

Exterior render of drones landing LOWER LEFT

1’ 0” = 1/32” PLA print study models

37 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2020 John Adrian 38 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

Architecture Portfolio 2020 John Adrian

Multiple different elements constitute the project. The plinth acts as the base which combines all the other forms. The drone terminals are separated from the circulation blocks and are connected gently with a cylindrical walkway. The glass and steel concourse sits separated below these forms.

The project takes on a sculptural property both in the way it is formally shaped and the way it is sited. The smooth and gently angled form suggests a singular monolithic object. Regarding the site, it sits on a plinth for display to the public.

TOP

1’ 0” = 1/10” scale basswood model BOTTOM

1’ 0” = 1/64” scale styrene and PLA print model

39 0 2 U p w i t h t h e b i r d s - d r o n e t e r m i n a l a n d t r a n s p o r tat i o n h u b

CONCREFACT RESEARCH FACILITY PROJECT TYPE STUDIO 312 DATE LOCATION

Academic - Washington University in St Louis Professor Pablo Moyano Spring 2019 Cortex, St Louis, Missouri, USA

Architecture Portfolio

The Cortex Innovation Community is a vibrant, 200-acre hub of business, innovation, and technology integrated into St. Louis’ historic Central West End and Forest Park Southeast neighborhoods, surrounded by several universities and medical centers, and abundant cultural and recreational assets. This area of St Louis contains state-of-the-art resources, facilities, and innovative programming to inspire and drive collaboration.

This studio focuses on the development and design of a concrete research center which aims to contribute to the collaborative urban environment of the Cortex Innovation Hub. Acting as an institution and public building, the project presents the process of testing and research to the public. It houses several classrooms, an auditorium, library, research laboratories, testing laboratories and office space which weave and overlap with one another.

collages

2022

OVERLAP { IMBRICATE }

The curved roofs and ceilings of the cathedral are composed of several layers of distinct concrete elements.

John Adrian

WEAVE { INTERLOCK }

Tadao’s seminar house uses the premise of the monolithicness of concrete to create brilliant strip windows.

SEGMENT { CONSTITUENT }

Separate forms and planes are arranged into a solidified and unified mass.

RIGHT

24” x 36” 3-D bristol collage

Separate collages were generated with the intention to display and explore particular formal and phenomenal qualities of these three concrete buildings.

LOWER LEFT

Seashore library collage

The synthesis collage combines the ideas and qualities explored in the previous collages and is then translated into physical study models.

MIDDLE LEFT

Toto seminar house collage TOP LEFT

Cathedral of St Mary of the Assumption collage

40 04 concrefact - research facility

Architecture Portfolio

2022

John Adrian

04 concrefact - research facility

41

42

04 concrefact - research facility

John Adrian

2022

Architecture Portfolio

W e a v e a n d O v e r l a p - S t u d y M o d e l A n a ly s i s D i a g r a m s

ELEVATION

PEAKS { POSITIVE SPACE }

VALLIES { NEGATIVE SPACE }

SHADOWS

Architecture Portfolio

The ideas of overlapping forms and the shadows formed from the difference between protrusions and cavities are translated into shared and overlapped building programs.

2022 John Adrian

Concrete models were made to both understand the process and qualities of the material, and to study the ideas explored in the collages physically.

The 20-inch-tall models were made of ultra-highperformance concreteutilizing fiber reinforcement and concrete liquefying admixtures. As for the formal qualities, these models explore the effect of layering and weaving of masses.

LEFT

Public and private spaces within the research center weave through one another- creating overlaps in the program of the building. The research center is designed to be a highly public building, whereby visitors are able to view the laboratories and testing areas. Landscape features follow the weaving motif where planters and open fields surround the research center.

Concrete models UPPER RIGHT

Analysis diagrams BOTTOM RIGHT

Site map

43 04 concrefact - research facility

Laboratories, archives, meeting rooms and offices constitute the private program of the research center. These are kept on the lower level and second floor of the project. Sandwiched between this is the public program which comprises the library, exhibition space, auditorium, classrooms and café. The public would have views of the private programs above and below them.

2ND FLOOR

The staggered library spans two floors and sits above the café.

3

01

Library

02

Classrooms

03

Office

04

Roof garden

4 1

Architecture Portfolio

2

1ST FLOOR

05

Lobby

06

Cafe

07

Viewing platform

08

Exhibition space

6

8

5

Laboratory

10

Testing laboratory

11

Auditorium

12

Loading bay

13

Archive

10

12 11 9

9 13

The lower level houses private programs such as the laboratory, testing lab and loading bay. Visitors are able to view the process of testing and studying through openings created from the overlapping forms.

John Adrian

2022

LOWER GROUND FLOOR

09

V-columns act as the main structural element within the project. The first floor is completely open to the public; viewing platforms allow visitors to view the testing laboratory below.

7

An expansive park surrounds the research center- providing softscape to the Cortex innovation hub.

44 04 concrefact - research facility

Architecture Portfolio 2022 John Adrian

LEFT

TOP RIGHT

Isometric program diagram

Render of east facade

MIDDLE RIGHT

BOTTOM RIGHT

Render of south facade

Render of staggered library

45 04 concrefact - research facility

Architecture Portfolio 2022 John Adrian

The research center weaves in and out of the ground. The west entrance has two separate entrances for the first floor and the lower ground floor. Since the first floor sit 3 feet above ground level, windows are added in this space to allow for views and natural lighting to enter the lower spaces. Spaces between the two intersecting volumes act as public entrances for the building. Open voids on the first floor allow the building to have transparency in the program where the inner workings of the research center are on display.

46 04 concrefact - research facility

Architecture Portfolio 2022 John Adrian

15’

30’

Separation between public and private programs are created by differences in elevation. On the left side of the section drawing, public program is overlapped by private portions of the building; The viewing platform sits between the testing laboratory and office. The right portion of the building is completely for public use; the roof garden, exhibition space and auditorium form the south wing of the project.

TOP

1st floor plan drawing 8’

16’

BOTTOM

Section A

47 04 concrefact - research facility

15’

30’

15’

30’

Basement Level

John Adrian

2022

Architecture Portfolio

Second floor Level

Section b

15’

30’

48 04 concrefact - research facility

Architecture Portfolio 2020 John Adrian

TOP LEFT

2nd floor plan drawing

The v-columns add lightness to the concrete volumes of the research center. The second floor seems to float above street level which also marks the public openness of the program and space. A central open atrium connects the three floors of the project while allowing natural light to penetrate deep into the lower levels of the project.

The lower ground level is flanked with gentle ramps and stairs on both east and west sidescreating and marking a transition from the street level to the research center. Planters, pavers and open fields continue the idea of weaving elements into the surrounding environment.

MIDDLE LEFT

Lower floor plan drawing LOWER LEFT

Section B RIGHT

1’ 0” = 1/16” scale basswood model

49 04 concrefact - research facility

THERMAL BATHS BATHHOUSE AND GREENHOUSE PROJECT TYPE STUDIO 212 DATE LOCATION

Academic - Washington University in St Louis Professor Alexander Waller Spring 2018 Soulard, St Louis, Missouri, USA

Architecture Portfolio

Soulard, a historically French neighborhood in St. Louis, is the site of a proposed bathhouse and greenhouse. The siting of the project provides the opportunity to further reinvigorate the urban environment. Sitting on a prominent commercial and public area of Soulard, the project adds to the urban landscape by providing well-lit plazas around the bathhouse- creating benign environments for surroundings bars, cafés and restaurants.

S 9th Street

Across the street sits an old church which has been deconsecrated for commercial use. The bathhouse uses the inverse of this idea; it turns a secular activity into a spiritual one. A separation between the interior and exterior is defined by its materiality and formal expression. The project contains seven thermal baths with varying levels of temperature, a sauna and the three-floor greenhouse. The detachment from the exterior environment creates a timeless and calm setting for its visitors.

Active public spaces

2022

Lafayette Ave

Soulard Street

N

John Adrian

Thermal Baths

Local businesses

S 9th Street - North Elevation

Activated storefront areas S 9th Street - South Elevation

Soulard Street - East Elevation

Soulard Street - West Elevation Residential

Commercial

Public

50 0 5 T h e r m a l B at h s - b at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio 2022 John Adrian

LEFT

Site map and analysis RIGHT

North-facing facade of project

51 0 5 T h e r m a l B at h s - B at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio

Cold plunge

Greenhouse

Cold plunge

Changing room

Cafe and lounge

2022

Warm pool

John Adrian

6

12

Light cuts deep into the building through channels that punch through the ceiling. Skylights from the corridor and the sauna light up the interior while maintaining the private and secluded atmosphere.

A long corridor connects the thermal baths while the greenhouse provides a break in the linearity.

6

12

52 0 5 T h e r m a l B at h s - b at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio 2022 John Adrian

TOP RIGHT

Tall frosted windows light up the surrounding streets and plazas. In addition to being a public thermal bath, the project creates secondary public spaces on the exterior for recreation. The project maintains its sense of otherworldliness without disregarding its place and role in the neighborhood.

Isometric exterior drawing LOWER RIGHT

1/8”= 1’ 0” scale bristol model TOP LEFT AND LOWER LEFT

1st floor plan and section

53 0 5 T h e r m a l B at h s - B at h h o u s e a n d g r e e n h o u s e

Extra hot pool

Hot pool

Architecture Portfolio

Greenhouse

Changing room

Sauna

Hot pool

2022

Extra hot pool

John Adrian

6

12

Double height spaces allow more light to enter the spaces while adding an atmosphere of serenity. The pools on the first and second floor share the vast and tall ceiling. Water from the pool above is allowed to cascade down to the lower pool- creating anticipation for the program above.

6

12

54 0 5 T h e r m a l B at h s - b at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio 2022 John Adrian

The seemingly floating stairway adds a certain lightness and delicacy to the main corridor of the thermal baths. Having a non-monolithic stairway allows light to penetrate through the east facing window. An unobstructed corridor is maintained by having wooden seats recessed into the walls.

RIGHT

Interior render UPPER LEFT AND LOWER LEFT

2nd floor plan and section

55 0 5 T h e r m a l B at h s - B at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio 2022 John Adrian

Frosted glass creates an ethereal division between interior and exterior- marking a stark transition from the street. Soft light floods the interior spaces during the day while the building itself lights up the streets of Soulard at night.

56 0 5 T h e r m a l B at h s - b at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio 2022 John Adrian

The three-floor greenhouse sits in the middle of the project. It acts as a transitory space when switching from the cold plunges of the first floor to the hot thermal baths of the second floor. The basement floor acts as the cultivation space and nursery for the greenhouse.

57 0 5 T h e r m a l B at h s - B at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio 2022 John Adrian

The ‘narthex’ of the bathhouse marks a transition from the ordinary. The entrance from the street is showered with light emitting from the upper thermal pool. Shadows of the ripples act as a preview of the project’s program and atmospheric nature.

58 0 5 T h e r m a l B at h s - b at h h o u s e a n d g r e e n h o u s e

Architecture Portfolio 2022 John Adrian

The thermal pools are completely detached from the outside environment as the windows completely diffuse and blur the views and light coming in. Soft light and the expansive space contribute to the gossamer experience of the pools.

59 0 5 T h e r m a l B at h s - B at h h o u s e a n d g r e e n h o u s e

THEATER OF LIGHT PERFORMING ARTS CENTER PROJECT TYPE STUDIO 211 DATE LOCATION

Academic - Washington University in St Louis Professor Nathaniel Elberfeld Fall 2017 Delmar Loop, St Louis, Missouri, USA

Architecture Portfolio

The Delmar Loop is a dynamic entertaining and dining hub in St Louis. There are rows of multi-cultural restaurants, shops and music venues along the 1-mile stretch. Located only half a mile from Washington University in St Louis, it is a popular location for students.

This project aims to add to the experience and urban environment of this lively area of the city by introducing a performing arts center to the urban environment.

2022

Materiality plays an important role in the formal quality, circulation and experience of the theater. The frosted glass façade has an ethereal quality as it changes in light conditions. Visitors are lead throughout the project using lighting which indicates the different programs of the spaces. Natural light plays an important role in the experience of performances. Materiality connects the theater to the exterior environment as it allows the program to bleed out visually onto the streets.

PROJECT

John Adrian

Commercial

Private

Tivoli Theater

TOP LEFT

LOWER LEFT

Site map showing building types along Delmar

Render of north street entrance

60 0 6 T h e at e r o f L i g h T - p e r f o r m i n g a r t s c e n t e r

Precedent study - edersheim apartment by Paul Rudolph - NYC, USA 1970

PERIMETER

VOLUMES { VOIDS }

CONNECTION

LIBRARY

DIRECTION { ATTENTION }

EXTRUSION { DISPLACEMENT }

COMPRESSION { RELEASE }

Architecture Portfolio

APARTMENT PLAN

2022

Typologies, dualities and relationships were considered when studying the plan of the Endershiem apartment. The idea of extrusion and displacement is carried over formally and programmatically into the project.

Volumetric study models John Adrian

Several study models were made based on the most prominent features of the precedent study diagrams to explore the ideas formally.

LOWER RIGHT

TOP RIGHT

Volumetric study models

Precedent study diagrams

61 0 6 T h e at e r o f L i g h t - P e r f o r m i n g A r t s C e n t e r

Women’s restroom Men’s restroom

Office UP

Architecture Portfolio

UP

Box office

Coat check

Lobby

Outdoor theater

Cafe

2022

UP

Loading bay

John Adrian

Kitchen

8

Theater of Light

16

Landmark’s Tivoli Theater

62 0 6 T h e at e r o f L i g h T - p e r f o r m i n g a r t s c e n t e r

Lounge

Men’s restroom

Architecture Portfolio

UP

Stage DN

Bar

Control room

UP

2022

Women’s restroom

Lounge Changing room

The entrance of the theater sits 6 feet below street level. Visitors are greeted with an outdoor theater which provides a space for street performers. Light is allowed into the main theater through the double-glazed wall. A small maintenance space sits between the two glass walls where additional lighting is set up for evening programs. The main auditorium cantilevers out- creating a separation from the streets of Delmar and indicates the presence of a different program.

16

John Adrian

8

UPPER LEFT

1st floor plan drawing BOTTOM LEFT

Oblique site diagram UPPER RIGHT

2nd floor plan drawing BOTTOM RIGHT

1’ 0” = 1/64” scale site model

63 0 6 T h e at e r o f L i g h t - P e r f o r m i n g A r t s C e n t e r

Architecture Portfolio 2022 John Adrian

Program and circulation are defined by light and scale. Visitors are led through the building where open public spaces are denoted by light. From the street, visitors enter the lobby and are drawn by the light emanating by the main atrium. The compressed spaces serve as transitory moments within the building program while the expansive and open spaces serve as social spaces.

64 0 6 T h e at e r o f L i g h T - p e r f o r m i n g a r t s c e n t e r

Architecture Portfolio 2022 John Adrian

Similar to the formal quality of the building extruding out of another volume, the program of the theater also leaks out onto the street. A performance space is surrounded by seating integrated into the stairs. The cantilevering main auditorium provides shade for the outdoor theater.

TOP

Section perspective BOTTOM

Isometric program diagrams

65 0 6 T h e at e r o f L i g h t - P e r f o r m i n g A r t s C e n t e r

During the day diffused natural light becomes a backdrop for the theater stage.

Performances are bathed in a 180-degrees of soft diffused light. This connects the auditorium to the exterior environment since weather conditions are allowed to affect the lighting of the stage.

Architecture Portfolio John Adrian

2022

A duality of material properties adds an ethereal and transient quality to the theater.

Opacity and translucency are utilized by the theater. During the evenings or when lit from inside, the theater takes on a translucent and delicate quality. When lit from outside during the day, the building becomes monolithic and solid.

66 0 6 T h e at e r o f L i g h T - p e r f o r m i n g a r t s c e n t e r

Architecture Portfolio 2022

Performances are lit by the surrounding frosted glass walls and ceiling- creating a delicate theatrical setting.

Natural light is used as building material which paints the stage. Depending on the lighting condition, the performances are either lit by or shown on the façade.

D ay

Stage lights illuminate the frosted glass panels in the background

LOWER RIGHT

Lighting conditions of the theater

John Adrian

NIGHT

Daylight penetrates the screens and illuminates the stage

UPPER RIGHT

Render of the stage lit by daylight

LEFT

1’ 0” = 1/8” scale bristol and acrylic model

67 0 6 T h e at e r o f L i g h t - P e r f o r m i n g A r t s C e n t e r

[ displacement ]

John Adrian

2022

Architecture Portfolio

Extrusion

Light from the main atrium spills out onto the street though ‘ribs’ on the west side of the theatercreating a well-lit public space. It creates a preview of the program and atmospheric quality of the project for the people who walk past.

68 0 6 T h e at e r o f L i g h T - p e r f o r m i n g a r t s c e n t e r

compression

[ release ]

Architecture Portfolio 2022 John Adrian

The outdoor theater provides a pause in the urban environment of Delmar Loop. It creates a break in the rows of shops and restaurants. Stairs with wide treads lead the public gently towards the outdoor theater space.

The presence of natural light and the grand scale of the main atrium creates a relaxing moment for visitors during intermissions. It’s also a transitory space between the auditorium and the lobby: a gradual sense of decompression and expansion is expressed from the outdoor theater towards the auditorium.

LEFT

Render of the west ‘rib’ facade BOTTOM RIGHT

Render of the atrium UPPER RIGHT

Render of the outdoor theater and entrance

0 6 T h e at e r o f L i g h t - P e r f o r m i n g A r t s C e n t e r

69

DETAILS IN ARCHITECTURE LIYUAN LIBRARY PROJECT TYPE ARCH 530A DATE TOPIC

Academic - Washington University in St Louis Professor Edrawrd Ford Fall 2019 Architectural Design and the Architectural Detail

Architecture Portfolio

The Liyuan Library, designed by Chinese architect Li Xiaodong, is situated in Jiaojiehe village- a small village in the mountainous region of Huairou, China. One of the major drivers of the design of the library is the idea of integrating the building seamlessly into the landscape. This humble library stands as a reaction towards the hyper development of China in terms of urbanization and infrastructure.

The library expresses its effort in blending into the natural surroundings through its materiality and color palette; the rough and raw branch exterior cladding echoes the wooded area, and the weathered and oxidized steel structural framing takes on a wooden appearance. Materials, color palette, and construction techniques- are all designed to blend this little construction into its natural surroundings, allowing it to dematerialize to the point of dissolving the demarcation of exterior and interior.

up

Reading space up up

Entrance Washroom

John Adrian

2022

up

Discussion space

Reading space

down

down

down

Integrated storage, seating and bookshelves are designed into the stairs and floors of the library. The varying levels of the library allow for different views of the landscape.

TOP LEFT

1st floor plan drawing MIDDLE LEFT

2nd floor plan drawing LOWER LEFT

Section drawing RIGHT

Exploded isometric

70 0 7 D e ta i l s i n a r c h i t e c t u r e - L i y u a n L i b r a ry

Liyuan Library - Building System

1. EXTERIOR GLASS ROOF

2. SKYLIGHT STICK BUNDLES

5/8” single pane glass panels

1” diameter sticks from the site

5. WOODEN INTERIOR

6. GLASS CLADDING

Birch wood

1/2” single pane glass panels

3. INTERIOR SKYLIGHT ROOF

1/2” single pane glass panels

4. STEEL FRAME

Welded rectangular HSS shapes

7. STICK CLADDING

1” diameter sticks from the site

Architecture Portfolio

1

2

3

2022

4

6

John Adrian

8

5

The building is fundamentally a steel cage fixed to a concrete foundation and encased by glass panes and birch wood.

71 0 7 D e ta i l s i n a r c h i t e c t u r e - L i y u a n L i b r a ry

Architecture Portfolio 2022 John Adrian

Li Xiaodong also incorporates the local culture into the design of the exterior cladding. The irregular branch cladding attached to the steel frame is inspired by the bushels of firewood villagers used to place against the side of their houses. The branch cladding sits in front of the glazing on both the library’s walls and ceiling- letting in lots of natural light. In certain areas, there are unobstructed windows that provide views of the pond, forest and mountain range of Huairou.

72 0 7 D e ta i l s i n a r c h i t e c t u r e - L i y u a n L i b r a ry

1. Rectangular HSS shape 4-1/2”x9”x1/4” 2. Rectangular HSS shape 4-1/2”x4.5”x1/4” 3. 1” interior wood panel

6

4. 1/2” single pane glass 5. 1” stick cladding 6. 5/8” single pane skylight glass 7. 1-1/2” finishing nail 8. 2”self tapping screws 5

10. 1/2” single pane glass

4 1

The materiality of the interior of the library is kept simple; there is only a single type of wood used as the interior finish. The different finish creates a separation between the exterior and interior of the library. From the interior, the clean and pristine wooden finish suggests lumber construction. It is only a 1-inch wooden veneer that covers and hides the steel frame.

7

8

John Adrian

Vertical sticks are nailed to three horizontal branches of the same diameter. These branches are directly attached to the rectangular steel frame with self-tapping screws. These attachments are only on the underside of the steel members to prevent water from collecting inside.

9

3

2022

Most of the building details are hidden from view. From the interior of the library you can see the same stick and branch cladding on the walls and ceiling.

The stick cladding must be on the exterior and therefore must be protected from the rain. Therefore, two roofs cap the library; the first acts as the building envelope and the second protects the stick cladding system.

2

Architecture Portfolio

9. 3” laminated wood

10

TOP LEFT

Section perspective LOWER LEFT

Rough exterior cladding TOP RIGHT

Roof and wall detail section LOWER RIGHT

Detail plan

73 0 7 D e ta i l s i n a r c h i t e c t u r e - L i y u a n L i b r a ry

GENERATIVE TOWER GRASSHOPPER PARAMETRIC DESIGN WORKSHOP PROJECT TYPE INSTRUCTOR DATE TOPIC

DigitalFUTURES workshop Yi-Ching Liu Summer 2020 Analogue to Generative Design

Architecture Portfolio

Computational or parametric design extends the possibility of architecture by removing the restraints of analogue design. It allows us to reach a level of complexity and control which is beyond the human manual ability. Algorithm based design enables designers to develop and control complex geometries, parametric modeling, digital fabrication techniques, form-finding strategies, environmental analysis and structural optimization.

Led by design practitioner and lead designer for Zaha Hadid Architects, Yi-Ching Liu, this summer workshop introduces the fundamental tools of parametric design and covers the concepts and implementation of this mode of generative design.

BASE FORM

SEGMENTATION

INTEGRATION

VARIATION 1

2022

Parameters: Hexagon base 20 levels 60° rotation

John Adrian

Parabolic loft profile

VARIATION 2

Parameters: Pentagon base 40 levels Parabolic loft profile

LEFT

I focused on the exploration and the development of complex building facades.

Simple forms were generated first and were integrated later on with a single façade unit.

Parametric design process RIGHT INPUT

3D model renderings

74 0 8 G e n e r at i v e t o w e r - g r a s s h o p p e r pa r a m e t r i c d e s i g n w o r ks h o p

Architecture Portfolio 2022 John Adrian

The parametric tower twists with every subsequent floor. The implemented single façade unit responds to the change in form elegantly as it distorted to fit the base form.

Floor slabs and the central elevator core also respond to the changing form.

75 0 8 G e n e r at i v e t o w e r - g r a s s h o p p e r pa r a m e t r i c d e s i g n w o r ks h o p

BRIDGE DESIGN TCS INTERNSHIP WORK

Architecture Portfolio

PROJECT TYPE EMPLOYER DATE LOCATION

Professional TCS Engineers Summer 2020 Kuching, Sarawak, Malaysia

There is an honesty and clarity in the forms of these massive structures. Bridges have the opportunity to express the forces acting on themselves and to display the function of each individual structural element. During my internship with TCS civil engineering consultants, I worked on architectural design, physical model making, rendering, drafting, detail design, and structural design and analysis of proposed bridges located in the interior of Sarawak, Malaysia. These proposed bridges aim to provide rural towns and villages with improved infrastructure. In terms of design, my work focused on the expression of the forces acting on these bridge forms as an indication of typological structural function.

I g a n R i v e r C a b l e S tay e d B r i d g e I t e r at i o n s

100 M

1

100 M

2022

2

110 M

3

John Adrian

100 M

4

IGAN RIVER, SARAWAK, MALAYSIA

1250 M

This project was a proposal for the construction of a 1250-meter-long cable stayed bridge over the Igan river. The pylons express the weight of the deck structure which is transferred through the cables. Iterations 2 and 3 show this the clearest as both formally express the tension through their seemingly “splitting” pylons. Iteration 1 shows an elegance and effortlessness with its central pylon design.

1

2

3

76 09 Bridge design - Tcs internship work

Architecture Portfolio 2022 John Adrian

TOP LEFT

Igan bridge design iteration elevations BOTTOM LEFT

Renders of Igan bridge designs RIGHT

1:200 Mujung river PLA print and piano wire model

77 09 Bridge Design - Tcs internship work

2.

3.

4.

5.

John Adrian

2022

Architecture Portfolio

1.

Several 3D-printed models of the design iterations were made. They display the elegance of the bridge structures.

These designs take on a sculptural quality as surfaces are angled and delicately shaped. The central pylon design in images 1 and 4 suggests a carved form. The spear-head-like design in image 2 displays a structurally efficient design for bracing.

78 09 Bridge design - Tcs internship work

Spaoh River Arch Bridge

115 M

180 x 16 mm steel stiffener

16 mm thick steel deck rib

Architecture Portfolio

Unlike most bridges, the Spaoh bridge is designed with a parabolic arch- reducing its height thus giving it a slimmer and sleeker look. It also features an orthotropic deck design which constitutes steel plates stiffened with transverse ribs and longitudinal cross beams.

25 mm thick steel arch

25 mm thick steel pipe bracing

Reinforced concrete deck

30 mm thick steel arch tie

R250 mm water pipe hole

Steel cross beam

2022

9 mm thick steel deck rib

16 mm thick steel plate Access to cable hanger

500 x 600 mm steel v-shape column

John Adrian

Reinforced concrete abutment

Reinforced concrete pile cap

LEFT

1:500 Igan bridge PLA print and piano wire model

Structural analysis was done in finite element program GTstrudl. The diagram shows the deflection caused by the loading on the structure magnified by 244.58 times.

TOP RIGHT

Oblique elevation of Spaoh arch bridge MIDDLE RIGHT

Oblique structural diagram of Spaoh arch bridge LOWER RIGHT

GTstrudl finite element analysis

79 09 Bridge Design - Tcs internship work

80

John Adrian

2022

Architecture Portfolio