John Adrian Architecture Portfolio 1
Architecture Portfolio
EDUCATION 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
2020
Bachelor of Science in Architecture
TAYLOR’S UNIVERSITY
2016 – 2017
Kuala Lumpur, Malaysia John Adrian
School of Architecture, Building and Design
2
Foundation in Natural and Built Environments
01
2+1 HOUSE
04
Studio housing for three artists
STUDIOS
CONTENTS
Architecture Portfolio
ARCH 412 | Academic work | Spring 2020
02
UP WITH THE BIRDS
14
Drone terminal and transportation hub ARCH 411 | Academic work | Fall 2019
03
CONCREFACT
24
Research facility ARCH 312 | Academic work | Spring 2019
04
THERMAL BATHS
34
Bathhouse and greenhouse
05
THEATER OF LIGHT
2020
ARCH 212 | Academic work | Spring 2018
44
Performing arts center ARCH 211 | Academic work | Fall 2017
06
DETAILS IN ARCHITECTURE
54 John Adrian
Liyuan Library ARCH 530A | Academic work | Fall 2019
07
GENERATIVE TOWER
58
Grasshopper parametric design workshop DIGITALFutures workshop | Academic work | Summer 2020
BRIDGE DESIGN
60
TCS internship work Internship | Professional work | Summer 2020
MISC.
08
j.adrian@wustl.edu 3
2+1 HOUSE STUDIO HOUSING PROJECT DESIGNED FOR ARTISTS PROJECT TYPE STUDIO 412 DATE LOCATION
Academic Professor Stephen Leet Spring 2020 Grosse Gehege, Dresden, Germany
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.
2020
Architecture Portfolio
Schumann’s studio
John Adrian
Outdoor performance space
Dock
CUTTING THE SITE A deep cut is made into the hill overlooking the swamp, embedding the project into the landscape
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.
ESTABLISH MAJOR AXIS The main mass of the project is aligned based on the transverse axis which provides the 3 artists with desired views of the landscape
INTRODUCE SECONDARY AXIS The secondary axis is introduced to create intersections which create moments for overlapping programs. Openings are created from the intersection points
4 01 2 + 1 House - Studio housing designed for artists
Architecture Portfolio 2020 John Adrian
ELEVATION FROM THE GROUND In addition to furnishing the artists with higher views of the scenery, elevating the building creates shaded secondary spaces for public use
TOP LEFT
Program diagram RIGHT
LOWER LEFT
West view of the housing project
Process diagrams
5 01 2 + 1 House - Studio housing designed for artists
Architecture Portfolio
B
John Adrian
2020
UP
A
B
UP
A 6’
12’
6 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.
2020 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
7 01 2 + 1 House - Studio housing designed for artists
Architecture Portfolio 2020 John Adrian
DN
DN
UP
DN
8 01 2 + 1 House - Studio housing designed for artists
Architecture Portfolio
6’
12’
2020 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
9 01 2 + 1 House - Studio housing designed for artists
Architecture Portfolio 2020 John Adrian
LEFT
Series of volumetric sections
10 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
11 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. 12 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
13 01 2 + 1 House - Studio housing designed for artists
UP WITH THE BIRDS DRONE TERMINAL AND TRANSPORTATION HUB
2020
Architecture Portfolio
PROJECT TYPE STUDIO 412 DATE LOCATION
Academic 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
John Adrian
S Broadway
C
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
14 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 2020 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.
15 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
2020
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
16 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
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
17 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. 18 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
TOP
Section 1
The lifting forms of the drone terminals emphasize the movement of the drones. Light enters deep into these bird-link forms.
BOTTOM
Section 3
19 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 20 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 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 eastwest 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
21 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 22 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
23 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
Architecture Portfolio
PROJECT TYPE STUDIO 312 DATE LOCATION
Academic Professor Pablo Moyano Spring 2019 Cortex, St Louis, Missouri, USA
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
2020
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 LOWER LEFT
Separate collages were generated with the intention to display and explore particular formal and phenomenal qualities of these three concrete buildings.
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
24 04 concrefact - research facility
Architecture Portfolio
2020
John Adrian
04 concrefact - research facility
25
26
04 concrefact - research facility
John Adrian
2020
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.
2020 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-inchtall models were made of ultra-high-performance concrete- utilizing 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
27 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
LOWER GROUND FLOOR
09
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
2020
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 centerproviding softscape to the Cortex innovation hub. 28 04 concrefact - research facility
Architecture Portfolio 2020 John Adrian
LEFT
Isometric program diagram
TOP RIGHT
Render of east facade
MIDDLE RIGHT
BOTTOM RIGHT
Render of south facade
Render of staggered library
29 04 concrefact - research facility
Architecture Portfolio 2020 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.
30 04 concrefact - research facility
Architecture Portfolio 2020 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
31 04 concrefact - research facility
15’
30’
15’
30’
Basement Level
John Adrian
2020
Architecture Portfolio
Second floor Level
Section b
15’
30’
32 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.
MIDDLE LEFT
Lower floor plan drawing LOWER LEFT
Section B
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.
RIGHT
1’ 0” = 1/16” scale basswood model
33 04 concrefact - research facility
THERMAL BATHS BATHHOUSE AND GREENHOUSE PROJECT TYPE STUDIO 212 DATE LOCATION
Academic 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
2020
Lafayette Ave
Soulard Street
John Adrian
N 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
34 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 2020 John Adrian
LEFT
Site map and analysis RIGHT
North-facing facade of project
35 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
Cold plunge
Cold plunge
Architecture Portfolio
Greenhouse
Changing room
Cafe and lounge
2020
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
36 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 2020 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
37 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
2020
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
38 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 2020 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
39 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 2020 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.
40 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 2020 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.
41 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 2020 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.
42 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 2020 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.
43 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 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.
2020
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
44 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
Architecture Portfolio
APARTMENT PLAN
PERIMETER
VOLUMES { VOIDS }
CONNECTION
LIBRARY
DIRECTION { ATTENTION }
EXTRUSION { DISPLACEMENT }
COMPRESSION { RELEASE }
2020
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
45 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
Architecture Portfolio
UP
UP
Box office
Coat check
Lobby
Outdoor theater
Cafe
2020
UP
Loading bay
John Adrian
Kitchen
8
Theater of Light
16
Landmark’s Tivoli Theater
46 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
2020
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
47 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 2020 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.
48 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 2020 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
49 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
2020
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.
50 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 2020
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
51 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
2020
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.
52 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 2020 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.
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
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
53
DETAILS IN ARCHITECTURE LIYUAN LIBRARY PROJECT TYPE ARCH 530A DATE TOPIC
Academic 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
2020
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
54 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
2020
4
8
John Adrian
6
5
The building is fundamentally a steel cage fixed to a concrete foundation and encased by glass panes and birch wood. 55 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 2020 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.
56 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 9. 3” laminated wood
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.
3
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
2020
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
8. 2”self tapping screws
10
TOP LEFT
Section perspective LOWER LEFT
Rough exterior cladding TOP RIGHT
Roof and wall detail section LOWER RIGHT
Detail plan
57 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
2020
Parameters: Hexagon base 20 levels 60° rotation
John Adrian
Parabolic loft profile
VARIATION 2
Parameters: Pentagon base 40 levels Parabolic loft profile
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.
LEFT
Parametric design process RIGHT INPUT
3D model renderings
58 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 2020 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.
59 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
2020
2
110 M
John Adrian
3
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
60 09 Bridge design - Tcs internship work
Architecture Portfolio 2020 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
61 09 Bridge Design - Tcs internship work
2.
3.
4.
5.
John Adrian
2020
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.
62 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
2020
9 mm thick steel deck rib
16 mm thick steel plate Access to cable hanger
John Adrian
500 x 600 mm steel v-shape column
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
63 09 Bridge Design - Tcs internship work
64
John Adrian
2020
Architecture Portfolio