Architecture Portfolio | Admitted to Harvard GSD, Yale SoA, Columbia GSAPP & UPenn AP

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.