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