S24 Portfolio

PORTFOLIO Jeffrey Li

1

2

CONTENTS 01 // Upham’s Corner Library

p. 4-13

02 // McKinley Park Environmental Center

p. 14-25

03 // Pittsburgh Symphony

p. 26-33

04 // Link N Library

p. 34-39

05 // Gaeringshus

p. 40-45

3

01 // Upham’s Corner Library Spring ‘23

Situated in a Boston suburb, the Upham’s Corner Library is an inviting space that welcomes everyone in the community. Its mass timber structure creates open community spaces that allow everyone to feel connected and at home. The unique structure helps to create large open spaces, but also create dynamic lighting conditions for all programs that the modern library is home to.

4

5

South West Approach Comfort Kitchen

North West Approach Fire Station

Circulation + Organizational Diagram Engawa/Community Space Entrance

Circulation Vertical Circulation Public Space Service Stacks

East-West Elevation

Long Section

Short Section 6

Ground Level

Mezzanine

The form of the building is intended to pull visitors off from the edge of the street, guiding them to the entrance tucked in the corner. The spaces closest to the street are the community spaces, along with an additional engawa entrance to make those spaces accessible without needing to engage with the rest of the library. There is a focus on providing community gathering spaces, which is achieved with a double height lobby and a grand stair with seating. The structural system allows for clear spans across the entire width of the building, while still maintaining a cohesive feeling throughout the spaces.

Structural Chunk

7

Ground Floor Plan

0 5’-0”

15’-0”

30’-0”

50’-0”

8

Mezzanine Plan

0 5’-0”

15’-0”

30’-0”

50’-0”

9

10

11

Structural Axon Overall Roof

Mezzanine Secondary Roof Structure

Mezzanine Primary Roof Structure

Mezzanine Columns + Truss

Ground Floor Secondary Roof Structure

Ground Floor Primary Roof Structure

Ground Floor Columns

12

Envelope Drawing 1

2

3

3

7

1

1 4 2

7

5

5

6

6

Section A Roof Assembly // 1 zinc roof paneling metal roof flashing vapor barrier 6” rigid insulation 3-plt CLT panel Secondary Glulam Beam// 2

Section B

Elevation

Light Gauge Steel Wall Assembly // 3 typ. brick veneer 1/2” weep hole @ 24“ o.c. metal brick tie @ 24” o.c.

1” air gap 5/8” fiberglass mat gypsum board vapor barrier 6” metal stud @ 24“ o.c.

6” spray-in insulation 5/8” gypsum board

Slab on Grade // 5 4” poured slab on grade 2” rigid insulation 6” gravel backfill undisturbed soil

Upper / Lower Metal Track // 4

Glazing Assembly // 7 timber facade screen typ. double pane window assembly

7

3

Foundation Assembly // 6 12”/24“ poured concrete foundation wall 2” rigid insulation drainage pipe

Plan B

A

The program organization reflects the circulation in the building. Visitors enter into a large double height lobby space, with a grand stair. The children’s section is placed farther from the lobby for sound, but also daylighting, as it is located towards the south end of the building. The teen space is also located on the mezzanine level for a similar purpose of providing privacy, as well as views. All of the service spaces are placed underneath the mezzanine level.

To keep with the concept of creating spaces for diverse communities and uses, there was a need for large clear spans. Rather than simply spanning deeper beams and girders, a series of interlocking roof members were used. These structural roof members have varying depths according to the roof surface above. These deeper members also allow for indirect daylighting of the spaces below.

The facade patterning was inspired by the roof structure. While the facade patterning is not structural, the fins on the glass serve as devices to help reduce glare into the spaces, while maintaining the views to the outdoors.

13

02 // McKinley Park Environmental Center Fall 2023 Situated on the steep slopes of Pittsburgh’s Beltzhoover neighborhood, the Mckinley Park Environmental Center is a place for the community to gather, learn, and celebrate. It acts as the starting point for the revitalization neighborhood, serving both visitors and locals.

The environmental center acts as a gateway into the park, encouraging visitors to wander and discover nature. in collaboration with Carleigh Cusick and Alexia Tan

14

15

16

In response to the steep slope of the site and existing park elements, Mckinley Park Environmental Center takes on a L-shaped configuration, creating a public and private wing. The building is sited to address the northwestern corner of the site, which is closest to nearby public transportation. In respose to the steep slope of the site, the building is stepped outwards, to minimize the amount of earth that needs to be moved for construction. The building mainly serves the public, and as such, the majority of the program is organized in the triple stack public wing to the east.

Visitors enter from Michigan Street, into a large public atrium. Visitors are able to either pass directly through to the park, or move down the public wing, exiting the building on level 1, with direct access to the existing paths within the park.

Currently on the site, there is an existing bioswale that leads to a rain garden, capturing all of the drainage on north of the building. The environmental center is adjacent to the bioswale, so as to not disturb what already exists, but also to act as a learning opportunity. An additional bioswale is constructed to the south of the building, leading to another rain garden. This will account for new drainage patterns created by the presence of the building.

17

N

DELMONT STREET

1110

CONC. PAD

2%

MICHIGAN STREET

1100

1090

CONC. PAD

1080

PROPOSED RAIN GARDEN

1070 PATH TO MCKINLEY PARK

EX. RAIN GARDEN 1060

18

Site Plan

19

20 DN UP

OPEN TO BELOW

OPEN TO BELOW

MICHIGAN STREET

OPEN TO BELOW

N

Mezzanine Plan CONC. PAD

OPEN TO BELOW

DN UP

Starting from the mezzanine, visitors are able to get views into the park, as well as access the rooftop patio, which is shaded by a photovoltaic solar canopy. The exposed underside of the solar canopy is a learning opportunity for students to learn about sustainable energy production up close.

On level 3, visitors enter from Michigan street. The south wing is private, with office space, conference rooms, and other staff amenities. To the east, there is a public wing, with a triple height atrium that matches the stepping of the building. This triple heighted atrium opens up to three stacks of classrooms, each of which are oriented with large amounts of glazing facing east, in order to create a connection with nature for the students. Each classroom also has an outdoor space, to further emphasize the connection with the outdoors.

Moving down to level 1, visitors are able to exit the park and directly access park trails. It is also possible to access the park through the classroom on level 1.

DN

DN

UP

UP

UP

RAMP TO MICHIGAN STREET

OPEN TO BELOW

OPEN TO ABOVE

CONC. PAD DN

DN

UP

UP

CONC. PAD

Level 3 Plan

Level 2 Plan

Level 1 Plan

21

As an environmental center, there was a focus in the design process on including as many sustainable design strategies as possible. The end result is a building that is net-zero, which is based on simulations and calculations. The structure of the building is mass timber post and beam construciton, to sequester as much carbon as possible. Furthermore, much of the roof is covered with solar panels. Based on calculations from PV Watts and simulations from ClimateStudio, the amount of energy created by the solar panels is enough to make the building net-zero.

Part of what allows the building to have such low energy consumption is the design of the building envelope, as well as its mechanical systems. The building envelope is designed to go beyond what is asked in the energy code. A high performance envelope helped to reduce the amount of thermal energy lost to the outside, helping to make the building net-zero.

In regards to the mechanical systems, the building uses a heat-pump exchange system, supplied by geothermal wells and spread through a radiant slab system. The building is zoned so that there can be precise control over the temperature and ventilation in each zone, so that no energy is wasted.

Finally, there is a focus on using passive conditioning to help control the climate inside the building. Shading devices are installed around the atriums to help control glare, but also promote the use of daylighting in the spaces. Simulations were done to ensure that daylight was sufficient and glare was controlled as much as possible. Operable windows also allow for cross-ventilation and the stack effect to help in cooling and conditioning the spaces.

Long Section, Passive Diagramming WEST

64’-0” T/O ROOF

48’-0” MEZZANINE

32’-0” LEVEL 3

16’-0” LEVEL 2

0’-0” LEVEL 1

22

Envelope Chunk

Structure Model

EAST

SUMMER

WINTER

23

Opaque Envelope Detail METAL PARAPET CAP W/ DRIP EDGE

2” DIA. HANDRAIL

4’ - 0”

3/4” VERTICAL WOOD SIDING

3’ - 0”

AIR GAP

ADJUSTABLE PAVER PEDESTAL 24” X 24” X 2” CONCRETE PAVER

METAL FLASHING

CANT STRIP MODIFIED BITUMINOUS ROOF MEMBRANE, R0.15

TOTAL ROOF R-VALUE: 77.78

MIN. 10” POLYISOCYANURATE INSULATION, 2% SLOPE, R72 3-PLY CLT ROOF, R5.625 ROTHOBLAAS LOCK FLOOR CONCEALED JOINT CONNECTOR VAPOR BARRIER AIR BARRIER

15’ - 10”

8” X 24” GLULAM GIRDER

*THIS CONDITION EXISTS AT LEVEL 2 AND 3

ROTHOBLAAS ALUMIDI CONCEALED T-PLATE CONNECTOR W/ BOLTS

3/4” VERTICAL WOOD SIDING, R1.215 1” AIR GAP, R2.925 TYVEK VAPOR BARRIER

47’ - 10”

TOTAL WALL R-VALUE: 65.57

12” TJI @ 24” O.C., W/ SEMI-RIGID ROCKWOOL INSULATION, R51.6 3/4” PLYWOOD SPACER @ 8’ O.C. SELF-TAPPING SCREWS EXTERIOR STRAPPING W/ SELF-TAPPING SCREWS CONTINUOUS HORIZONTAL GIRT AIR BARRIER 1/2” TYPE X GYPSUM, 1HR FIRE RATED, R0.45 5-PLY CLT WALL, R9.375

16’ - 0”

2” THICK LIGHTWEIGHT CONCRETE FILL, RADIANT SLAB W/ ARDEX CONCRETE TOPPING 3-PLY CLT FLOOR 8” X 24” GLULAM GIRDER

5-PLY CLT WALL ROTHOBLAAS ALUMIDI CONCEALED T-PLATE CONNECTOR W/ BOLTS ANCHOR BOLTS PERFORATED METAL CAP 6” POURED CONCRETE SLAB ON GRADE, R0.48

MIN. 5%

TOTAL FLOOR R-VALUE: 32.48

PROTECTION BOARD/PANEL

SLOPE

VAPOR BARRIER

4’ - 0”

1/2” EXPANSION JOINT

4” XPS RIGID INSULATION 8” RIGID XPS INSULATION, R32

GRAVEL BACKFILL 5” DIA. DRAIN PIPE 8” POURED CONCRETE FOUNDATION WALL, MIN. 48” BELOW GRADE

24

OPAQUE WALL ASSEMBLY

SOUTH

NORTH

SUMMER

64’-0” T/O ROOF

WINTER

48’-0” MEZZANINE

32’-0” LEVEL 3

16’-0” LEVEL 2

0’-0” LEVEL 1

Short Section, Passive Diagramming

25

03 // Pittsburgh Symphony Fall 2022

Pittsburgh Symphony uses sound as a driver for creating a generative necklace of interventions across the city of Pittsburgh. Spread across three sites, each building is designed through clustering physical forms that are generated from sounds recorded on site.

Imagined as “sound containers”, each building is imagined as a combination of the qualities of sound that it came from. in collaboration with Carleigh Cusick

26

0’

0’

5’

15’

5’

30’

15’

50’

30’

75’

50’

75’

27

Sound

dB • •

high

• •

What kinds of spaces create specific qualities of sound?

Loud

Washington’s Landing

• • • • •

herr’s island b expensive tow private boatin parking spots pa-28 highway

• •

allegheny rive trees on both s the river trees to the we pa-28 highway

•

• • •

Built

• • •

Air

North Shore

Density

acrisure statiu gameday walking outsid restaurant blo stage ae durin concert

acrisure stadiu stage ae tequila cowbo mcfadden’s parkway north

• •

ohio river grass around a stadium greenery alon river heritage

• • •

walking by the walking throug leaves by the r sitting near the docks on the r

Nature • • • • •

Quiet

Station Square

glasshouse hard rock cafe sheraton hote highmark stad fountain at be court

• •

trees by the riv trees around s square east pa mount washin greenery

•

•

low

Space

• •

ft3

freight train dr fountain show hard rock cafe evening boat tour walking under smithfield stre

• • • • •

•

28

walking on the rivers heritage allegheny rive walking throug townhouses on waterfront driv herr’s island n

• • • • •

•

People

freight train dr standing unde bridge standing by th docks walking near p highway

walking outsid glasshouse inside of statio mall on a week sheraton hotel walking throug

riving by er 31st

Open

he boating

pa-28

public plaza

Housing

bridge wnhouses ng docks

ay

er sides of

est of the y

shared garden spaces community commons apartment amenities

Forming Architectural Experience 1. Amplify Natural Sound To take the sounds of the space and increase their wavelengths, in turn increasing the volume of the sounds

2. Stop Transmission To prevent the passing of soundwaves from one space to another, with a physical intervention

3. Quiet Generation Space only allows for generation of very soft sounds, overall a quiet space

personal bedroom

e three e trail by er gh the n ve north park

Closed

um on

de ock ng a

Open outdoor furniture plaza

um

oy

indoor lobby

acrisure

clustering

Event

h

ng three trail

Remove the possibility for any echo to form in a space

2. Resonate

concert hall

Allow for echoes to become louder and stay for a long time even after the initial sound was made

reception space

3. Spread

artist residency

e river gh the road e empty river

Forming Architectural Experience 1. Stop Echoes

Distribute the passing of sound to various locations, but each location is specified

Closed

riving by w music e in the

Open

e el dium essemer

ver station arking lot ngton

de of

on square kend l lobby gh leaves

Infrastructure

r the eet bridge

outdoor field

Forming Architectural Experience 1. Musical Generation

playground

Space/objects allow for the creation of sound with a degree of control by the user, essentially musical instruments

outdoor music spaces

2. Prevent Transmission

music classes

3. Amplify Natural Sound

practice rooms

To prevent the passing of soundwaves from one space to another, with a physical intervention To take the sounds of the space and increase their wavelengths, in turn increasing the volume of the sounds

Closed

29

Three Site Generative Mapping After recording and mapping the sounds from the 3 sites (North Shore, Washington’s Landing, Station Square), physical masses were extracted as an expression of what that sound might be like in a physical form. The generative mapping is a combined representation of the forms that the sounds took on the sites, as well as showing the important contexts that shaped the sounds. The resultant buildings are representations of how the sounds might come together to form a housing, infrastructure, and event project.

30

North Shore Plan 0’ 5’

15’

30’

50’

75’

Washington’s Landing Plan 31 0’

5’

15’

30’

50’

75’

32 0’

Washington’s Landing Section 5’

15’

30’

50’

75’

33

04 // Link N Library Spring 2023

A mobile response library for natural disasters, Link N Library is based on a fixed grid system that allows it to be deployed in any context that is asked of it.

The pieces of the library can be assembled and taken apart in any configuration of 4 squares, adapting to the unique situations it may be used in. This was completed as a submission for the EPIC Metals Competition at Carnegie Mellon University. in collaboration with Akanksha Tayal

34

35

Building Section

Assembly Process

?

1

DRILL STEEL PLATFORM, 7.5’ X 15’ (4) TOGETHER (X2), USING FLAT STEEL PLATE

6

DRILL WALL MEMBERS INTO THE ADJACENT HSS MEMBERS VIA BRIDGING CLIPS (X10)

36

2

DRILL THE SET OF STEEL PLATFORMS, 30’ X 15’ (2) TOGETHER, USING FLAT STEEL PLATE

7

PLACE APPROPRIATE FLAT BRACKETS ON TOP OF HSS AND WALL FRAMES TO CONNECT THE CORNERS

3

8 USING L BRACKETS, DRILL THE FIXED WALLS UTOP THE FLOOR DECKING, TO SECURE STEP 5

BOLT THE EPICCORE EC3.5A TOGETHER, THEN PLATE, DRILL THE 7.5’X15’ DECKINGS TOGETHE

N USING A STEEL ER (4)

Detail A

Detail B

4

BOLT THE EPICCORE EC3.5A TOGETHER, THEN USING A STEEL PLATE, DRILL THE 7.5’X30’ DECKINGS TOGETHER (2)

9

5

FIX THE FLOOR DECKING UTOP THE STEEL PLATFORM

10

*DISSASSEMBLY REQUIRES NO ADDITIONAL STEPS, JUST THE REVERSAL OF STEPS 1-10 *FORMS HAVE BEEN SIMPLIFIED FOR EASE OF THE VIEWER

DRILL SOLAR PANELS, AND GUTTER SYSTEM UTOP THE ROOF DECKING

USING L BRACKETS, DRILL THE FIXED WALLS UTOP THE FLOOR DECKING, TO SECURE STEP 5

37

1 EXPLODED DISASTER RELIEF DEPLOYABLE LIBRARY

1

SOLAR PANELS, PROVIDE ENERGY TO SUSTAIN THE LIBRARY (6)

2

GUTTER SYSTEM, 15’X6”, CAN BE ADDED ON THE PERIMETER OF THE FLAT ROOF (10)

3

GYPSUM BOARD, PREFABRICATED WITH TERMITE BARRIER, VAPOR BARRIER, AND PVC ROOFING MEMBRANE, 7.5’X15’ (4), 7.5’X30’ (2)

4

EPIC METALS ROOF DECKING, EC 3.5A, 7.5’X15’ (4), 7.5’X30’ (2)

5

HOLLOW STEEL STRUCTURE, 10”X10” (10)

6

EPIC METALS FLOOR DECKING, EC 3.5A, 7.5’X15’ (4), 7.5’X30’ (2)

7

STEEL PLATFORM, 7.5’X15’ (8)

8

WATER TANK, 700 GALLONS (1)

9

PREFABRICATED WALL, INCLUDES 2 METAL TRACKS AND 6 VERTICAL STUDS, 7’10”X13’4” (10), INTERIOR FABRICATED WALL (1)

10

STANDARD L BRACKET, FOR ROOF DECKING TO WALL CONNECTION, (100)

11

FLAT L BRACKET, FOR WALL TO WALL FRAME CONNECTION, (10)

12

INTERIOR L BRACKET, FOR HSS TO WALL FRAME CORNER CONNECTION, (10), FOR WALL TO FLOOR CONNECTION, (10)

13

SAMPLE PREFABRICATED WALL LAYERS EXPLODED

14

3 HOLE FLAT STEEL PLATE, FOR DECKING TO STEEL PLATFORM CONNECTION

KEY PLAN:

2

3

4 11

9 13

10 5 12

6 8

7 14

Kit of Parts Drawing

38

Min. 30’ Clear Span

Floor Plan Detail B

Detail A

Pre-Fab Roof

Typ. HSS Pre-Fab Floor

Water Collection Gutter

Epicore 3.5A Steel Floor Decking Typ. Bridging Clip

Facade Paneling Typ. Metal Track

Typ. Steel Beam

Typ. Z-clip Epicore 3.5A Steel Roof Decking Typ. Batt Insulation Platform Leg Typ. Metal Track

Window

Construction Details

39

05 // Gaeringshus Fall 2021

Gaerginshus is a culinary institute inspired by renowned chef Rene Redzepi’s philosophy of fermentation. Fermentation is about intensifying the qualities of the ingredient. Gaeringshus reflects this simple process by allowing the curves of the river to guide the organization and massing of the forms across the site. The monolithic form draws people in from all corners of the site. in collaboration with Suzie Liu

40

41

Ground Floor Plan

Section A A

B

Starting with a singular mass, spaces are carved out based on the importance of the spaces. Two large circles guide the outdoor public spaces, focusing on its relationship to the street, but also the river. The most important program spaces are highlighting with large windows, to give a look in to what is going on within the school.

42

Second Floor Plan

Section B A

B

The fermentation centre is the focal point of the Gaeringshus, raised to create a public space underneath. The outdoor space underneath the fermentation centre allows access through the outdoor spaces of the building to the riverside.

43

Daylighting Moments

E

S

July 5am

Aug 7am

Sequence Diagram

44

W

Sep 9am

Oct 11am

Nov 12pm

N

Dec 1pm

Jan 2pm

Feb 4pm

Apr 5pm

May 6pm

Vignette Sequence Experiential Vignettes

45