Yuhang Li_Portfolio 2020

YUHANG LI | PORTFOLIO Selected Works 2016-2020 M.Arch II, Georgia Institute of Technology B.Arch, Xi’an Jiaotong University

YUHANG LI Assoc. AIA/ LEED Green Associate Email: alfredli18@hotmail.com Cellphone: +1 (404) 863-8568 Linkedin: www.linkedin.com/in/alfred-yuhang-li

EDUCATION

08/2018-05/2020 | Georgia Institute of Technology (Gatech), M.Arch II 09/2013-06/2018 | Xi’an Jiaotong University (XJTU, China), B.Arch 02/2016-06/2016 | National Taiwan University of Science and Technology (NTUST)

INTERNSHIP

05/2019-08/2019 | SmithGroup, INC. (Washington, D.C. Office) 03/2019 | (Practicum) Ennead Architects LLP (New York City Office) 05/2017-06/2017 | Shanghai Yi Jing Architectural Design (Xi’an Office, China) 07/2016-08/2016 | Architectural Design & Research Institute of Tsinghua Univ. (Beijing, China)

COMPETITION

10/2019- Present | Ninth International Conference on Design Computing and Cognition (DCC’20) Projectable Foldability: The Transferring Grammar of WTC Transportation Hub 11/2018- 03/2019 | U.S. Department of Energy Solar Decathlon Competition (Race to Zero) First Place in the Urban Single-Family Division, awarded by The NREL National Lab 01/2019 | The ULI Hines Student Competition 2019 Urban Design Proposal: Bridging the Bank of Cincinnati, Ohio

SOFTWARE

- Graphics Hand Drawing/ Sketching/ Auto CAD/ Adobe CC Suite/ ArcGIS/ Bluebeam/ Fologram - BIM & 3D Modeling Sketch Up/ Rhinoceros /Grasshopper/ Autodesk Revit/ Dynamo/ V-Ray/ Enscape/ Lumion - Building Performance Energy Modeling/ DIVA/ Ecotect/ Ladybug/ Honeybee/ Archsim/ Kangaroo/ Python

CONTENTS Selected Works/ 2016 - 2020

01 MASS IN TIMBER

Mass Timber & Bio-Materiality Hotel Complex

02 STELLAVISTA: ROBOT HOUSE

Scripting Aided Research and Design - An Interactive Living Machine

03 UNDER THE SKYLIGHT

School of Architecture Building of XJTU (iHarbour Campus)

04 THE INSIDE OUT

Urban Renewal of Grand Xingshan-Temple District

05 ABOVE THE RIVER

Design & Built of a Charitable Footbridge

06 BETWEEN THE WALLS

Courtyard Design of the Milan Archaeological Museum

07 EXCEPT MODELING

Research of Modeling and Building Performance

08 GO FOR PRACTICE

Selected Professional Works 2016 - 2019

01 MASS IN TIMBER Mass Timber & Bio-Materiality Hotel Complex Jan.-Apr. 2019/ Mix-use Complex, Boston, MA/ Individual work Emerging mass timber structural technologies and environmental implications.

Cambridge

1.5 Mile

Downtown Boston

0.5 Mile

1 Mile

1 Mile

Back Bay

Boston Common Seaport District

0.5 Mile

Chinatown

Convention & Exhibition Center SITE

Broadway Metro Station

South End

South Boston Metro Lines Metro Station

Context and Target Consumer The site is 1.5 miles away from Boston downtown, connected by the red metro lines. The hotel part serves both visitors from downtown and convention center while market part is for local community.

Formation 01: market mass + two hotel mass

Formation 02: the landscape ramp + hotel design

Formation 03: structural beam + site design

Formation 04: facade design + mass movement

Ground Floor Plan 01 Market Lobby 02 Lounge 03 Storage 04 Under the ramp 05 Outdoor Plaza 06 Retail Space 07 Food Court 1 08 Wine Bar 09 Dinning Area 10 Cafe 1 11 Food Court 2 12 Cafe 2

05

up

Foundry Street

Grand Ramp to 2F

-1.500ft

04 A

Grand Ramp (Overhead)

H

03

-2.500ft

G

Logistic Entrance

06

F

02 up

E

07 09

D 0.000

01

-1.000ft up

Market Entrance

B

B C

Foundry Street

up

08

10 11

12

-1.500ft

up B

N 0

5

10

20

A

A 30ft

1

2

3

Street Level Platform (Overhead)

4

5

W Fourth St. (Overhead)

3.000ft

13 Street Platform 14 Hotel Lobby 15 Hotel Lounge 16 Market Hall 17 Grand Ramp 18 Terrace 19 Office

17 Grand Ramp to Ground 15.000ft

20 Hotel Room A 21 Chat Area 22 Big Step 23 Hotel Room B

Landscape on the Ramp G

F

P

E

16 N

D

18

15 M

22

C

21.000ft

21

L

14

B

20.000ft

20

K

19 Hotel 21.000ft Entrance

13

A

23

J

1

2

3

4

5

W Fourth St. (Overpass)

Second Floor Plan

24.000ft 2

3

4

Hotel Floor Plan

5

01

02 03

04

05 06

07 08

20 14 19

18

17

16

13

12

11

10

09

15

Diagram of Floor Construction The design incorporated the structure of systems-integrated CLT floor panels, glulam columns and beams, CLT walls and curtain systems on the facade.

01 Triple glazing 02 LVL Curtain wall mullion 03 Glulam column 04 10mm fiber carpet 05 Two-layer 13mm plywood 06 7mm acoustic underlay 07 Three- layers 99mm CLT 08 Acoustic insulation 09 Services in floor trough 10 Glulam beam 11 Sprinkle pipe, acoustic 12 19mm x 38mm @ 75mm spacing wood, slats ceiling 13 Sprinkles and services in ceiling trough 14 Five- layer 169mm CLT 09 Services in floor trough 15 Semi-rigid fiberglass 50mm board insulation 16 Two- layer 25mm semi-rigid fiberglass board insulation 17 Two- layer 16mm gypsum wallboard 18 Service chase 19 Wood slat blinds 20 Aluminum veneer

Common Joints Beams and the columns are fixed with steel members.

Main structural members are symmetrical for the convenience of assembling.

Joints on intersection

Explosion diagram of joints End Joints Transformed from the common type above, these joints connect the column and top/ bottom beams.

The steel pedestal lift the overall structure for water and moisture proof.

Joints on top beam

Joints on bottom beam

Banquet hall Rooftop garden

Elevators core Lounge Auditorium Hotel rooms Conference space

Indoor balcony Outdoor balcony

Big truss beam

Grand ramp

Elevators core Market lobby Overhead corridor

Hotel lobby Market Entrance 1F Hotel Entrance 2F

Street connector

Diagram of Space Configuration

Perspective Section B - B

View of Hotel Corridor The two masses of the hotel building are staggered by half the interior height, so visitors will have more visual interaction (both up and down) when walking in the corridor space.

View of Market Hall The west side of upper level is also market place, and east side is the hotel lobby. Visitors in hotel and in market hall could see each other while the two spaces cannot be accessed directly.

# State 1 40% Fantasy - 60% Memory

State 2 #100% Fantasy - 0% Memory

02 STELLAVISTA: ROBOT HOUSE Scripting Aided Research and Design - An Interactive Living Machine Jan.-Apr. 2020/ Stellavista: The Electronic House Teamwork with Sara Laudeman, Marta Mcclelland

Base Cell

1 Base Cell

Rule 1 Clone

2 Mirror +X

Rule 1 Attachment

Rule 2 Mirror

3 Mirror +X Rule 2 Decay

Step 1:Urban Form (Interaction)

Formation of Cluster Cell is the minimum unit of the field. And clusters, a group of cells, are developed via a series of movements to create space.

Rule 3 Rotate

4 Mirror -X

5 Translate +Y 6 Rotate -90

Rule 3 Predator/ Prey

Rule 4 Copy

Step 2: Landscape Form ("Wave")

7 Mirror +X Rule 5 Mirror

Rule 6 Copy + Mirror

Step 3: Hill (Urban landscape)

Hill Emergence Urbanism concept was introduced for the formation process. Hills emerge in the urban landscape form, creating peaks that push through the constrained urban form, shown highlighted here.

0% Fantasy State

40% Fantasy State

100% Fantasy State

Memory/ Fantasy Tension The Game (interaction) between House and inhabitants is to create the tension between memory and fantasy, work and play, public and private spaces allowing unexpected scenarios of space.

1.1 -1: Formation

1.1 -2: AgentMovement

1.1 -3: Agent Effect

1.1 -4: Cluster Movement

1.1 -5: Result

2.1 -1: Formation

2.1 -2: Agent Movement

2.1 -3: Agent Effect

2.1 -4: Cluster Movement

2.1 -5: Result

3.1 -1: Formation

3.1 -2: Agent Movement

3.1 -3: Agent Effect

3.1 -4: Cluster Movement

3.1 -5: Result

4.1 -1: Formation

4.1 -2: Agent Movement

4.1 -3: Agent Effect

4.1 -4: Cluster Movement

4.1 -5: Result

5.1 -1: Formation

5.1 -2: Agent Movement

5.1 -3: Agent Effect

5.1 -4: Cluster Movement

5.1 -5: Result

Process Round 1: formation process, by Grasshopper and Python Script

1.2 -1: Formation

1.2 -2: Agent Movement

1.2 -5: Result 1.3 -1: Formation

1.3 -2: Agent Movement

1.3 -5: Result

2.2 -1: Formation

2.2 -2: Agent Movement

2.2 -5: Result 2.3 -1: Formation

2.3 -2: Agent Movement

2.3 -5: Result

3.2 -1: Formation

3.2 -2: Agent Movement

3.2 -5: Result 3.3 -1: Formation

3.3 -2: Agent Movement

3.3 -5: Result

4.2 -1: Formation

4.2 -2: Agent Movement

4.2 -5: Result 4.3 -1: Formation

4.3 -2: Agent Movement

4.3 -5: Result

5.2 -1: Formation

5.2 -2: Agent Movement

5.2 -5: Result 5.3 -1: Formation

5.3 -2: Agent Movement

5.3 -5: Result

Iteration Round 2 & 3: iteration, by Grasshopper and Python Script

1.2 -5: Result 1.3 -1: Formation

a. Urban Form of 1.3-1

b. Landscape Form of 1.3-1

a+b. Urban Landscape Form

2.2 -5: Result 2.3 -1: Formation

a. Urban Form of 2.3-1

b. Landscape Form of 2.3-1

a+b. Urban Landscape Form

3.2 -5: Result 3.3 -1: Formation

a. Urban Form of 3.3-1

b. Landscape Form of 3.3-1

a+b. Urban Landscape Form

4.2 -5: Result 4.3 -1: Formation

a. Urban Form of 4.3-1

b. Landscape Form of 4.3-1

a+b. Urban Landscape Form

5.2 -5: Result 5.3 -1: Formation

a. Urban Form of 5.3-1

b. Landscape Form of 5.3-1

a+b. Urban Landscape Form

Urban Landscape Form Round 4: urban from generation, by Grasshopper and Python Script

State 4.3 -1A: Start

State 5.3 -1A: Start

State 4.3 -1B

State 5.3 -1B

State 4.3 -1C

State 5.3 -1C

State 4.3 -1D

State 5.3 -1D

State 4.3 -1E: End

State 5.3 -1E: End

Architectural Development Round 5: three dimensional spatial development, by Grasshopper and Python Script

G(-1) Plaza (Below baseline)

G0 Boulevard (Floor level)

View of G(-1) Plaza, G0 Boulevard and G1 Steps

Ceiling panel Engineered wood panels Micro-brain Type1 Floor Cell

Floor cluster--Baseline

G1 Steps (Connection in between)

View of G1 Steps, G2 Low C

Micro-brain

Micro-brain

Power storage

Mechanism Glass panel

Wood cover Type2 Facade Cell

Wood panels Type3 Ceiling Cell

Floor cluster--100% Extension

Ceiling cluster (Lighting)

G2 Plateau (Top occupied)

Cluster and G3 Low Cluster

G3 Low Cluster (Half Accessible)

G4 High Cluster (Accessible)

View of G0 Boulevard, G1 Steps and G4 High Cluster

Game Theory of Robot House The interaction is a game which creates spaces of interplay and internal tension. Clusters are created from a cellular grid (architecture) based on agent (inhabitant) action and are then transformed. The house is constantly shifting and responding to the habits, patterns of inhabitants to get the balance of memory and fantasy.

03 UNDER THE SKYLIGHT School of Architecture Building of XJTU (iHarbour Campus) Oct. 2016 - Mar. 2017/ Xixian New Area, Shaanxi Prov., China The “One big room” under skylight stimulate students’ spontaneous communication.

Hospital

SoA Building Medical

Metro

Academic Commerce 1

SOHO 1

Accelerator Science

Metro

SOHO 2

Dorm. 1

Commerce Center 2

Dorm. 2

SoA Building

Landscape Axes

SoA Building

Shuttle System

SoA Building

Ecological Corridors

SoA Building

Public Space System

Context Analysis The SoA Building is located in the central part in iHarbour, and the design and planning concept is also consistent with theme of this academic architecture: built and living environment.

Academy of Social Science

Institute of Humanities and Science

Pengkang Road

West Wutong Road

West Yinghua Road

Pengkang Road

Polimi & XJTU Joint School of Design

Conference Center

SoA Building

0

10

20

Institute of Intelligent Manufacturing

Xuesen Road West Yinghua Road

West Wutong Road

Xuesen Road

IT - HPCC

40m

8*8 Modular Columns

Landscape Platform

Main Entrance and Atrium

External Facade Design

Windows & Shading system

Architectural Detailed Design

Schematic Design Process From the modular strategy, the architectural language was optimized with central atrium and building systems.

Classroom Space of Creativity

Office of Research Cooperation Space

Multifunctional room Logistics Room Laboratory Shared Classroom

Seminar Room Research Institute Digital Library Exhibition Hall

Administrative Office Conference Hall Central Steps Entrance Hall

Landscape Ramp Entrance Plaza

A 08

03

05 08

06

07

11

08

04

08 08

02

10

09

A

01

Ground Floor Plan

14

08 17

16

12

15 13

14

07

04 18

12

12

08

Second Floor Plan

14

Fourth Floor Plan

A - A Section

01. Entrance Plaza 02. Entrance Hall 03. Stairway Room 04. Subsidiary Room 05. Sub Entrance Hall 06. Cafe & Club 07. Equipment Room 08. Offices 09. Conference Room 10. Exhibition Room 11. Landscape Ramp 12. Gallery 13. Display Space 14. Seminar Room 15. Reading Room 16. Digital Library 17. Classroom 18. Laboratory

Evidence Based Design This simulation-aided design is utilized the energy simulation to create a harmonious outdoor and indoor built environment, in order to achieve the multi-strategy application of building energy conservation. Such as the design of curtain system and skylight needs to balance the light and the indoor air environment.

View of Corridor (4F) The overall public space is “One big room� under the skylight, in which students could get more multi-level visual interaction and tend to have more passion for communication.

View of Lobby (1F) The visual focus on the ground floor is the big steps, which serves as the vertical circulation and also providing communicating and resting space for students in SoA Building.

04 THE INSIDE OUT Urban Renewal of Grand Xingshan-Temple District Feb.-May. 2017/ Xi’an, Shaanxi Province, China/ Individual work Infill development becomes a flexible boundary between inside and outside.

Shaanxi Stadium

Xi'an University of Science and Technology

Chang'an University 1.0 KM

Daxingshan Temple

Commercial 0.5 KM

Xi'an Technological University

Commercial

SITE Commercial

Xi'an Jiaotong University

Commercial

Workplace Workplace

Residential

Xi'an Jiaotong University

Shaanxi Museum

Residential

Commercial

Workplace Residential Site Range Urban Roads Metro Lines Metro Station

Outside

Inside

“The Back of the City” There was an “invisible wall” between inside and outside, and people living inside have declining living quality. This kind of separation is even worse as the business district develops in recent years.

1- Music Square (New)

2- Entry Square (Renovated)

3- Exhibition Plaza (Renovated)

4- Open-air Market (New)

South Xing-shan Road

West Xing-

1

5- Mini-park (New)

6- Banded Lawn (New) 5

7- Amphitheater (New)

8- Business Plaza (Renovated)

Landscape Typology Near the entry of the block, the square or plaza serves as a active transition space, where the social exchange often happened.

-shan Road

2

3

6

South Changan Road

7

8

4

9

West Xiaozhai Road

0

10

20

40

60

100m

Music Square 1- 1Music Square 2- Entry Square 3- Exhibition Plaza 4- Open-air Market 5- Mini-park 6- Banded Lawn 7- Amphitheater 8- Business Plaza 9- Commercial Street

5- Mini-Park (South)

7- Amphitheater and Movie Screen

4- Open-air Market

3- Exhibition Plaza (North)

1- Music Square

5- Mini Park

9- Commerce Street

4- O

INFILL DEVELOPMENT PHASE I 2019-2021

INFI

Type

Type

Residential

Units Total unit count Affordable units Market rate units

Hotel/ Airbnb Retail Parking Park/ Plaza Total Gross Building Area (SF) Total Construction Cost ($):

(SF) 189,000 95,000 14,175 79,825 295,680 469,125 732,390 453,680

Resi

921,805 $45,134,780

Tota Tota

70 10 60 368 2430

Reta Offic Park Park

6- Banded Lawn

2- Entry Square 7- Amphitheater

3- Exhibition Plaza

8- Business Plaza

Open-air Market

ILL DEVELOPMENT PHASE II 2022-2024

INFILL DEVELOPMENT PHASE III 2025-2027

e

Type

idential

Units Total unit count Affordable units Market rate units

ail ce king k/ Plaza

al Gross Building Area (SF) al Construction Cost ($):

(SF)

1,142,400 571,200 85,680 485,520 181,238 156,142 380 106,035 398,312 425 65 360

1479,780 $26,209,130

Residential

Units Total unit count Affordable units Market rate units

Retail Hotel Office Parking Park/ Plaza Total Gross Building Area (SF) Total Construction Cost ($):

102 15 87 248 395

(SF) 279,750 139,875 20,980 118,895 361,342 99,300 27,500 128,250 541,720

767,892 $34,007,385

05 ABOVE THE RIVER Design & Built of a Charitable Footbridge Dec. 2015 - Aug. 2016/ Bijie, Guizhou, China My work: Team leader, Design and Budgeting, Construction Coordination

Pushing a donkey cart for farm work

Carrying kids across river

Washing Vegetables

Vehicles to cross river

Sitting by the river for rest Stepping on stones to cross river

River and Life The site is located in the village's largest tributaries and is the only way for most villagers access.

There are nearly 150 primary school students crossing the river every day. More than 500 villagers go to the town via the river to buy and sell crops while 200 villagers cross the river to their cropland.

Option A

Width: 28.51m

Xiaohai (40 People) Xiejia (500 People)

Option C

Peak Level: 1.85m (average 0.92m)

Option B Final Choice

Peak Level: 1.61m (average 0.85m)

Width: 26.13m Xueshan (600 People) Peak Level: 2.20m (average 1.12m)

Chengjia (400 People) Width: 31.17m

Options for Location

River Sections

After riverbed investigation, hydrological environment and the number of benefit, we chose B.

The data were based on the laser rangefinder result and the previous water level records.

Concrete Abutment: 3592.53 CNY (515 USD) Rubble 40 CNY / ton * 45.36 tons = 1814.47 CNY (Neighboring Village Quarry Procurement) Cement 120 CNY / ton * 9.18 tons = 1101.04 CNY (County Dealer's Distribution) Sand 55 CNY / ton * 12.31 tons = 677.02 CNY

Foundations and Piers: 40526 CNY (5810 USD) Cage Frame 4 CNY / kg * 921.5kg = 3686 CNY Barbed Wire Box 42 CNY / ㎥ 4338.45 ㎥ = 21,880 CNY Galvanized Steel 500 CNY / bundle * 2 bundles = 1000 CNY 9M Rebar 85 CNY / branch * 6 = CNY yuan Dewatering Plate 8 CNY / kg * 133.76kg = 1070.08 CNY Stone 120.00 CNY / square * 80 square = 9600 CNY Other Materials 2780 CNY

Main Structure: 183 Main Beam 8 CNY / k Cross Beam 8 CNY / Stringer Channel 8 C Stiffening 8 CNY / kg Welding Angle 8 CNY Steel Grating 30 CNY

Riverbank: The soil is soft clay

Riverbed Soil: Silt and Gravel

Vegetation: There are weeds on the banks and a few spiny little trees.

Bridge Upstream and Downstream: There are snow-capped mountains reservoirs 18 km upstream of the river and no dam. There are 2 apple tree farms along the downstream coast and 4 km away from the bridge.

Ground: Crossing the bridge is a wasteland, while the east is more cramped with little vegetation.

Settlements: 4 families in the east and over 20 households in the west within fifteen minutes' walk.

Dry season riverway (dark gray)

#Dec. 30, 2015 Preliminary Site Visit

#Mar. 15 ,2016 The First Site Visit

Flood season riverway (light gray)

#May 11 ,2016 The Second Site Visit

#Jun. 1 The Third

345 CNY (2630 USD) kg * 1454.4kg = 11635.2 CNY / kg * 300kg = 2400 CNY CNY / kg * 163.2kg = 1305.6 CNY g * 60.46kg = 483.68 CNY Y / kg * 135kg 1080 CNY Y / kg * 48kg = 1440 CNY

15 ,2016 d Site Visit

Railing: 5783.2 CNY (830 USD) Angle Steel 8 CNY / kg * 314.784kg = 2518.3 CNY Armrest Fat Steel 8 CNY / kg * 143.1kg = 1144.9 CNY Railing Bolts 5 CNY / set * 280 sets = 1400 CNY Wood Preservative 20 CNY / m * 36m = 720.00 CNY

Other Expenses :43152 CNY (6187 USD) Mechanical Lease 22,420 CNY Processing and Handling 3,000 CNY Hot Galvanized and Steel Processing 8590 CNY Transport Costs 6800 CNY Construction Hardware, Equipment 2342.00 CNY

Why One-sided Handrail?

Villagers told they need to push donkey carts and pick pole across the river, so we only design one-sided railing for their convenience.

#Jul. 12 ,2016 Foundation Construction

#Aug. 21 ,2016 Main Construction

#Aug. 05 ,2017 Return Visit to the Village

Bridge Data Length: 28 meters Width:1.15 meters 7m Ă— 1.15m Steel plate bridge deck *4 Cages piers *3 Concrete abutment *2 Deck is 1.5m above the river surface

10_Handrail Flat Steel: 0.07m*0.07m*24 Railing Bolts: B levelM25*40

09_Balustrade Equilateral Angle Steel L70Ă—5(1.08m*24)

08_Grid panel Steel Grille Board 974mm*200mm*38mm

07_Secondary Beam Channel Iron-C5(7m*4)

06_Crossbeam I-Beam 10#(1.15m*24)

05_Main Beam Channel Iron-C18a(7m*8)

04_Gabion Box Pier Cage Frame: 70*6*12m Equilateral Angle Steel Cages: Mesh-100*120mm Wire Diameter: 2.2-3.7mm

03_Abutment Rubble, Cement, Sand

02_Reinforced Threaded Steel: 20 Three Steel, 9m

01_Foundation Cages: Mesh-100*120mm Wire Diameter: 2.2-3.7mm Stone: 80 square

Gabion Box Production

Step1: Pile of Stones

Step2: Steel Frame

Bolt fixed between panels, girders and beams.

Diffuse Water Footbridge: With several flexible connections between wire and bolt in order to isolate the bridge deck from the piers when large floods come and reduce the adverse impact on the piers.

After flood recedes, the panel can be re-fixed on the piers.

Step3: Wire Mesh Box

Bolt fixed between the secondary beams and crossbeams.

Step4: Combination

Bolt fixed between handrail and main beam.

Step1 Calibration Positioning

Step2 Excavation of Foundation Pit

Step5 Fill Stones and Capping

Step6 Site Reinstated

Step9 Fix the Main Beam

Step10 Fix cross Beams and Secondary Beams

Step3 Bridge Abutment Masonry

Step4 Cage Positioning and Placement

Step7 Build Lower Part of Pier

Step8 Build Upper Part of Pier

Step11 Splice Bridge Deck

Step12 Install Railings and Handrails

06 BETWEEN THE WALLS Courtyard Design of the Milan Archaeological Museum Mar.- Apr. 2017/ Milan, Italy/ Individual work Wall is only a form and its essence lies in the wonder space between the walls.

Site Analysis Tower - West Museum

Courtyard

Portal

Colonnade

Dooryard Tower - East

Passage

Context of the Courtyard

Step1: Original Appearance The site was surrounded by Italian heritages.

Step2: Landscape Platform Viewing platform and the Spanish big steps

Step3: X-Axis Walls Walls on the X-Axis parallel to each other

Step4: Y-Axis Walls Walls on the Y-Axis parallel to each other

Wonder Walls in the Courtyard As an extension of the Archaeological Museum of Milan, the design strategy was simplified to a series of walls on the X and Y Axes. The outdoor space enclosed by the wall serves as the exhibition space, and the integration of the landscape elements of the wall with the original building and the original courtyard constitutes a more diverse viewing effect while walking through the courtyard of the museum.

A B C

D

G F E

I

H

A. Steps Beside the Ruins B. Corridor beneath Tower C. Exhibition Space (North) D. Sightseeing Platform E. Amphitheatre F. Small Square (West) G. Leisure Space for Tourists H. South Entrance G. Exhibition Space (South)

Bird View of the Courtyard Design

Overall Section of the Courtyard Landscape

A. Steps Beside the Ruins

B. Corridor beneath Tower

D. Sightseeing Platform

E. Amphitheatre and Movie Screen

G. Leisure Space for Tourists

H. South Entrance

C. Exhibition Space (North)

F. Small Square (West)

G. Exhibition Space (South)

7.1_BIM LOD 350 Modeling Revit Modeling & Construction Details Study of Wong Dai Sin Temple, Toronto, Canada Jan. - May 2019/ BIM Modeling

7.2_Parametric & Generative Grasshopper Modeling and Ladybug Simulation of WTC Transportation Hub, New York City, NY Aug. - Dec 2018/ Media and Modeling

7.3_Lighting Design and Energy Modeling A High-Performance Building for Primary School and Lighting Design (DIVA) Jan. - May 2019/ Energy Analysis and DIVA Simulation

7.4_Research of Shape Grammar Durand Machine Study and Shape Grammar Iteration/ Computational Design Aug. - Dec 2019/ Shape Machine Research

7.5_Solar Decathlon 2019 Net Zero Energy and Affordable High Performance House Proposal (My Team: Grove Park Yellow Jackets) First Place in Urban Single-Family Division

07 EXCEPT MODELING Research of Modeling and Building Performance Aug. 2018 - May. 2020/ Academic Works BIM Modeling/ Parametric Study/ Energy Modeling/ Building Computation

7.1_BIM LOD 350 Modeling BIM Modeling & Construction Details Study in Revit (Wong Dai Sin Temple, Toronto, Canada)

Image source: https://www.detail-online.com/blog-artikel/wong-dai-sin-temple-by-shim-sutcliffe-architects-31042/

Section A

The Fins

East Terrace

The Lower Floor

View of North

01

02

03 04 05

Sheet 1 Annotation: 01 Roofing System 2-PLY MOD. BIT Roofing 02 Structural System HSS/ W Beams and Columns 03 Flooring Concrete Slab 500 MM

06

04 Enclosure System Atmospheric Steel Wall (W6)

07

05 Staircase 18 R @ 155.56 MM

08

06 Glazing System 4� Dense Glass Panel

09

07 Concrete Pier Structural Concrete Piers 08 Foundation Structural Concrete Footing

1

Southeast Axon 1 : 200

09 Ground Rectangular Permeable Paver/ Concrete Slab 1000MM

Sheet 2 Annotation: 01 02 03 04 05 06 07 08 09

01 Beams HSS 152.4 X 152.4 X 6.4 HSS 254 X 254 X 12.7 02 Columns HSS 120 X 120 X 6.4 03 Planter Plate 10 MM Core 10 Steel 04 Skylight Acrylic Skylight c/w Sealed Triple Glazed Dome 05 Beams W 250 X 33W W 250 X 32.7 06 Staircase 18 R @ 155.56 MM 07 Metal Framing M4 X 3.2 Steel 08 Stud Walls 40 X 152 @ 400 O. C. w

2

SE Skeleton 1 : 200

09 Fins W6- Atmospheric Steel Panel

01

02

03

04

Sheet 3 Annotation: 01 Skylight Acrylic Skylight c/w Sealed Triple Glazed Dome

05

06

02 Roofing 2-PLY MOD. BIT Roofing 03 Structural Beams HSS 152.4 X 152.4 X 6.4 HSS 254 X 254 X 12.7 04 Structural Columns HSS 120 X 120 X 6.4

07

05 Glazing Window Frame and Glass Panel- 4” Dense Glass Panel 06 Stud Walls 40 X 152 @ 400 O. C. w

08

09 10 11

07 Window Frame 3” x 2” Steel Tube Framing 08 Facade Fins W6 - Wall Atmospheric Steel Panel 09 Concrete Slab Concrete Slab 500 MM 10 Aluminum Panel Powder-coated Aluminum

12

13

14

3

Exploded Diagram 1 : 200

11 Staircase 18 R @ 155.56 MM 12 Concrete Piers Structural Concrete Piers with Finish above Grade 13 Ground Rectangular Outdoor Permeable Paver 14 Foundation Structural Concrete Footing Concrete Slab 780 MM

Sheet 4 & 5 Annotation: 01 Aluminum Flashing Match Weathering Steel

07 08

01

09

02

12

13

05 Soffit 3 MM THK. Powder-coated Aluminum Sheet Clad Soffit

11

05

06

03 Brake 1 Formed Steel Bracket 04 Brake 2 Formed Aluminum Sheet Clip - Provide Separation between Dissimilar Metals

10

03 04

02 Angle 100 X 100 X 6 Weathering Steel Continuous Angle

06 Facade Fins 4” Dense Glass Panel 07 Roofing System 1 2 - PLY MOD. BIT Roofing

4

Roofing Details 1 : 40

08 Roofing System 2 150MM Polu-Iso Insulation 09 Roofing System 3 6 Mill Vapour Barrier 10 Roofing System 4 78MM Steel Decking 11 Structural System 1 W 150 X 22.5 Steel Beam 12 Structural System 2 W 250 X 33 Steel Beam

01

13 Stud Walls 40 X 152 @400 O. C. w

02 16

03 04

17

05

10 13

14

18 19 13

15 20

5

SW Roof Corner 1 : 100

14 Glazing Window Frame and Glass Panel- 4” Dense Glass Panel 15 Steel Frame M4 X 3.2 Steel Frame 16 Wall - W2A 3 Atmospheric Steel Panel 20X39 P. T. Wood Strapping 20 Plywood Sheathing 40X152 Stud Wall Framing 17 Stud Wall Header C 40 X 152 18 Steel Beams W 250 X 33 Steel Beams 19 Stud Wall Runner C 40 X 152 20 Flooring Concrete Slab 500MM

Sheet 6 & 7 Annotation: 01 Facade Fins - W6 - 1 40 X 152 Wall Framing @ 400 O. C 02

02 Facade Fins - W6 - 6 39 Expanded Polystyrene Insul. (R5.6/ RSI 0.65) 20 Grade Plywood Sheathing

03 01 04 05 06

09 10 11

07

12

08

03 Facade Fins - W6 - 3 20X38 P. T. Wood Strapping @ 600 O. C. 04 Facade Fins - W6 - 4 3 Atmospheric Steel Panel W./ Countersunk Steel Screw Fastener Provide 1.5ML. Gap at Panel Joint 05 Interior Wall - W3 Interior Millwork Wall Panel C/ W Solid Wood Edge All Sides

6

06 Glass Guard 1070 MM High 10MM Tempered Glass Guard

Wall Intersection

07 Structural Columns HSS Column 120X 120 X 6.4

1 : 40

09 10 11 01

12

08 Insulation Layer Provide Sound Insulation All Interior Walls 09 Wall - W2A - 1 13 GWB (Proroc Type “C“ or Equiv)

04

10 Wall - W2A - 2 20 Exterior Grade Plywood Sheathing 20 X 39 P. T. Wood Strapping @ 600 O. C.

13

11 Wall - W2A - 3 40 X 152 Metal Wall Framing @ 400 O. C. w/ r20 Fiberglass Batt Insulation 39 Expanded Polystyrene Insul (R5.6/ RSI 0.65)

02 03

15

12 Wall - W2A - 4 3 Atmospheric Steel Panel W./ Countersunk Steel Screw Fastener Provide 1.5ML Gap at Panel Joint 13 Glazing Window Frame and Glass Panel- 4” Dense Glass Panel

14

7

Facade Details 1 : 40

14 Steel Frame M4 X 3.2 Steel Frame 15 Aluminum Panel Powder-coated Aluminum

7.2_Parametric & Generative Grasshopper Modeling and Ladybug/ Honeybee Simulation of WTC Transportation Hub

Image source: https://calatrava.com/projects/world-trade-center-transportation-hub-new-york.html 2x

k1*x

Thickness Point O line

l

2y

Step 1 Ellipse by Four-center Method k2*x

k3*x

Step 2 Add thickness of structure k4*x

2y k6*x k5*x

Step 3 Define skylight

Step 4 Define “wings�

Step 5 Define staircase based on 2 longer arcs

Formation of Profile From precedent analysis, the four-center ellipse methodology was used to prototype the form, then configured the shaping parameters to generate various design options in Grasshopper.

Step 1 4-Center Method

Step 2 Parallelogram outline

Step 3 Define outline of skylight

Step 4 Define outline of stairs

Step 5 The 2D Parti

Value X

Value Y

Number of Skeleton

Width of Parallelogram

Length of Parallelogram

Width N (value x) = 26 Width S (value x) = 26 Length (value y) = 101 Number Division = 26 Width of Para. = 2.5 Length of Para. = 2.5

Width N (value x) = 19 Width S (value x) = 50 Length (value y) = 148 Number Division = 21 Width of Para. = 2.79 Length of Para. = 4.77

Width N (value x) = 16 Width S (value x) = 59 Length (value y) = 153 Number Division = 25 Width 01 = 22 Length 01 = 24

Synthesis of 2D Parti The 2D profile are defined by 6 major parameters while maintaining the design language.

A

Q

a1 * x

Axis

Axis

Axis

Radii=30

Ground

P

a2 * x

Ceiling B1 Ceiling B2

Q Step A Location & extension line.

Step B Secondary structure.

Step C Profile (A, Radii and pt P)

Skeleton Type 01 (Even List)

Skeleton Type 02 (Odd List)

Synthesis of Skeleton The skeleton is determined by intersections between underground columns and ceilings (B1 and B2). besides, the structure includes 2 types of skeletons, one support the B1 floor, another support both B1 and B2.

Step 6 Step 1 Step 3 Step 5 Step 2 Step 5

Step 4

Step 1 Extrude the ellipse

Step 5 Combination

Step 2 Project reference lines

Step 3 Connect the skeleton

Step 6 -1 Refine Type B

Step 6 - 2 Solid Union

Step 4 Project skeleton underground

Step 6 - 3 Fillet edges

Parametric Modeling As to ensure the flexibility, the skeleton was divided into 2 branches through grasshopper scripts. Skylight and Portal were built according to the outline of the skeleton as an enclosure system.

Skeleton

Portal

Skylight

“0 °”

“0 °”

“36°”

“36°”

“75°”

“75°”

Interior Radiation Analysis Jun 22nd, 10 am - 6 pm/ Solar Radiation

Exterior Solar Analysis Jun 22nd, 8 am-8pm / Sunlight Hours

Ladybug & Honeybee Stimulation All the parameters remain unchanged except the angle of wings (0 °, 36°, 75°).

Step 0 Extract the form

Step 01 Define the outline via dimension

Step 01 Parameter of ellipse

Step 02-A Define the angle

Step 02 Extrude outline by oblique (B2) Step 02-B Extrusion

Step 03 Calculate volume and floor area

Step 03 Optimization Loop

4 Factors

- Minimum (Volume/Area)

Optimization The form optimization formula “f(x)=Min(Volume/Floor Area)” is considered as the fitness function.

7.3_Energy Modeling and Lighting Design (DIVA/ Archsim) A High-Performance Building for School and Electrical Lighting Design

Dry Bulb Temperature (C) - Hourly/ 1 Jan 1:00 - 31 Dec 24:00

Relative Humidity (%) - Hourly/ 1 Jan 1:00 - 31 Dec 24:00

Wind Rose (Wind Speed )

Wind Rose (Temperature )

Sun Path Diagram (Dry Bulb Temperature )

Classroom 4 Corridor

Classroom 5 Restroom Teaches’ Lounge

Shading System

Roof & Skylight Classroom 3 Classroom 2 Classroom 1 Office

Wall & Floor

Space Configuration There are 5 classrooms, 1 teachers’ lounge, 1 united office, 2 restrooms and some circulation area.

The windows are both on the south and north for daylight and natural ventilation.

Energy for Heating

Energy for Cooling

Energy for Lighting

Energy for Equipment

Floor Normalized Energy Modeling For the entire year, monthly Floor Normalized Heating, Cooling, Lighting and Equipment (in kWh) were simulated

by Archsim. The optimized design with better performance showed lower energy use.

Daylight Availability

Electric Lighting Simulation

Daylight Analysis and Lighting Design According to result, most of the work plane is comfortable with just a little overlit area. Besides, the height of work plane is 0.75m (the common height of student’s desk), the Work Plane Illuminance was simulated by DIVA.

Daylight Rendering for 9AM

False Color Rendering for 9AM

Daylight Rendering for 12PM

False Color Rendering for 12PM

Daylight Rendering for 3PM

False Color Rendering for 3PM

Daylight Simulation The simulated date was Sept. 21, 2018. Daylight renderings and its false color renderings were simulated by DIVA. Daylight availability was analyzed by whether the illuminance meets the classroom’s requirements.

Lighting Group 1 - occ_Dimming Schedule

Lighting Group 2 - occ_onoff_Dimming Schedule

Lighting Control Lighting Control: The system of Lighting Group 1 has an installed electric lighting power of 8400.0W. (Group 2: 4200.0W) The dimming system has an ideally commiphotocell control with a ballast loss factor of 4%.

Electrical Lighting Rendering

False Color Rendering (DIVA)

Electrical Lighting Design and Simulation The total annual hours of occupancy at the work place are 3650. And the result showed electric lighting was successfully implemented providing required illuminance to work plane (IES files used in DIVA simulations).

7.4_Research of Shape Grammar Durand Machine Study and Shape Grammar Iteration/ Computational Design

Porch Room

Room Room

Room

Gallery Centerline Porch

Basic Parti

Two Main Axes I The Parti (Square + Cross)

Rule Set 1 - Structural Axes + Interaxes (2)

1-1 Main axes

1-2 Sub-axes

II Construct the Structral Axes Rule Set 2 - Wall + Partition (4) 2-1 Tiny axes 2-2 Partition 2-3 Room 2-4 Exterior wall

III Construct the Walls and Partitions Rule Set 3 - Porches + Column Grids (5) 3-1 Offset 3-2 Porch 3-3 Grid 1 3-4 Grid 2 3-5 Grid 3

IV Porches and Grids of Columns

Rule Set 4 - Column + Pilaster + Colonnade (4) 4-1 Column 4-2 Pilaster 4-3 Colonnade

4-4 Corners

V Columns, Pilaster and Colonnade

Rule Set 5 - Vault + Poche (5) 5-1 Vault 1 5-2 Vault 2 5-3 Thickness 5-4 Thickness 5-5 Trim 1

VI Constrcut Vaults and Wall Poche

Rule Set 6 - Opening + Entrance (5) 6-1 Opening 1 6-2 Opening 2 6-3 Opening 3 6-4 Trim 2 6-5 Steps

VII Wall Openings and Steps Outside

Rule Set 7 - Remove all the Axes (4) 7-1 Main axes 7-2 Sub-axes 7-3 Tiny axes 7-4 Column grids

VIII The Final Floor Plan

# PARTI 0 - A | 3 x 3 BARS - SMALL Original pattern with only one room inside

# PARTI 0 - B | 3 x 5 BARS - SMALL Original pattern with two rooms inside

# PARTI 0 - C | 3 x 7 BARS - SMALL Original pattern with three rooms inside

# PARTI A - 1 | 5 x 5 BARS - P1 R3 - MEDIUM # PARTI A - 1 | 5 x 5 BARS - P2 R4 - MEDIUM # PARTI A - 1 | 5 x 5 BARS - P3 R1 - MEDIUM Original pattern with replacement of Porch Type 1

Original pattern with replacement of Porch Type 1

Original pattern with replacement of Porch Type 1

# PARTI A - 3 | 5 x 5 BARS - P4 C3 - MEDIUM # PARTI A - 4 | 5 x 5 BARS - P5 V3 - MEDIUM # PARTI A - 1 | 5 x 5 BARS - P6 R3 - MEDIUM Porch Type 4 and Courtyard Type 3

Porch Type 5 and Vestibule Type 3 (No colonnade)

Replacement of Porch Type 6 and Room Type 3

# PARTI B - 1 | 5 x 5 BARS - P0 R1 - MEDIUM # PARTI B - 2 | 6 x 6 BARS - P0 R5 - MEDIUM # PARTI B - 3 | 6 x 6 BARS - P7 C4 - MEDIUM New configuration with 2x2 bars and Room Type 1

New configuration with 2x2 bars and Room Type 5

6x6 bars, Porch Type 7, Courtyard Type 4

# PARTI C - 1 | 5 x 9 BARS - V1 - MEDIUM

Combination of two original pattern with Vestibule Type 1 (No colonnade)

# PARTI D - 6 | 7 x 7 BARS - R1&6 P2 - LARGE Cross shape with Room Type 1 and 6, Porch Type 2

# PARTI C - 2 | 5 x 9 BARS - C3 - MEDIUM Combination of two original pattern with Courtyard Type 3

# PARTI E - 1 | 7 x 15 BARS - V1 P2 - LARGE

“M” shape with Vestibule Type 1, Porch Type 2 (No colonnade)

# PARTI F - 1 | 13 x 29 BARS - R2 C3 V1 P9 - EXTRA LARGE

A combination of a series of original pattern with Room Typr 2, Courtyard Type 3, Vestibule Type 1, Porch Type 9 (Two big square open-air courtyards )

7.5_Solar Decathlon Design Challenge 2019 First Place/ Urban Single-Family Division/ awarded by U.S. Department of Energy NREL National Lab (https://www.solardecathlon.gov/2019/design/challenge-teams-summaries-presentations.html )

Proposed Technical Specifications _Wall Insulation R-value: 45 h-ft²-°F/BTU _Roof Insulation R-value: 55 h-ft²-°F/BTU _HVAC specifications: Air Source Heat Pump _Site EUI targets: 15 kBtu /ft2-yr _PV Array Size: 5 kW DC

House Affordability HOME COST Construction Costs Total Home Costs

$111,205 $118,877

FINANCING (25 years) Annual Interest Rate Payments per year Number of Payments Down Payments Principle Amount Monthly Payment

0.00% 12 300 $11,888 $106,989 $357

AFFORDABILITY Estimated Target Family Income Income from Basement Net income MONTHLY UTILITY COST Electricity Natural Gas Water

Floor Plan and Daylight Performance

DEBT TO INCOME RATIO Monthly Household Debt (0.5% MFI) Operations and Maintenance Costs Monthly Utility Costs Property Tax Insurance Mortgage Payment Total Calculated Debt to Income Ratio

$41,000 $9,600 $50,600ment $20 $0 $30 $210 $200 $50 $113 $100 $357 $1,030 25%

HVAC System Design

Delivered Energy (kWh)

Heating Load (kWh)

THERM and WUFI Simulation for Envelope

Cooling Load (kWh)

Energy Performance With durability being a goal of our team, we conducted hygrothermal and thermal bridge analysis on our building façade using Building Science Advisor, WUFI, and THERM.

Gravel Rain Water Conservation Strategy

Via GaTech’s Energy Performance Calculator and TechOpt Tools and EnergyPlus, we were able to reduce energy usage in our building by 42% and cooling and heating loads by 20% against a baseline IECC building for our climate zone (Atlanta, GA).

08 GO FOR PRACTICE Selected Professional Works 2016 - 2019 1) Urban Complex Design and Development Xi’an, China/ Commercial

# May – Jun. 2017 Shanghai Yi Jing Architectural Design (China)

Schematic Design, Modeling and Renderings, Clients’ Meeting Landscape Belt

3. Shopping Mall

4. Education Center

6. Marker's Space

7. Immersive theatre

Nine Landmark

1. Musuem of Han

2. Commercial Walking Street

5. Food Street

View of Commercial Walking Street (2)

8. Hotel

9. Folk Street

Block 8

Function ratio

Calculation

Concept

Scheme

Connectivity

Landscape

Trade type

Landmark of Block 8: Five-star Hotel

Block 6

Function ratio

Calculation

Concept

Scheme

Connectivity

Landscape

Trade type

Landmark of Block 6: Creative Incubation Center

Block 1

Function ratio

Calculation

Concept

Scheme

Connectivity

Landscape

Trade type

Landmark of Block 1: Musuem of Han Culture

Urban Design Strategy A series of landmark buildings are linearly distributed in the blocks from north to south, and these project are connected in series with the “Belt� landscape platform to form a north-south spatial connection.

2) Jinlang Super High-rise Condo Design Shenyang, China/ Residential

Modeling, Diagram, Lumion Animation # Jul. – Aug. 2016 Architectural Design & Research Institute of Tsinghua Univ.

(Beijing Office, China)

3) The Culture Center of Yicheng Design Yicheng, China/ Civic

Program slides, Modeling, Diagraming # Jul. – Aug. 2016 Architectural Design & Research Institute of Tsinghua Univ.

(Beijing Office, China)

4) Morin khuur Museum Competition Tongliao, China/ Cultural

Modeling, Diagraming, Program report # Jul. – Aug. 2016 Architectural Design & Research Institute of Tsinghua Univ.

(Beijing Office, China)

5) Xianghua Data Center Design Nanjing, China/ Technical

Schematic Design, Client Meeting, Construction Drawings # May – Jun. 2017 Shanghai Yi Jing Architectural Design (Xi’an Office, China)

6) Fengdong Urban Design and Planning Xixian New Area, China/ Planning

Modeling, Diagraming, Presentation, Program Report # May – Jun. 2017 Shanghai Yi Jing Architectural Design (Xi’an Office, China)

7) “Big Ideas for Small Lots NYC” Housing Competition 2019 New York City, USA/ Practicum Program

Site design and modeling, Adoptability improvement of prototype. Proposing 23 iterations of design prototype for all the potential sites # Mar. 2019 Ennead Architects LLP (New York City Office)

8) Penthouse Habitable Space Design Washington, D.C., USA/ Workplace

BIM Modeling, Site Design, Construction details in Revit # May – Aug. 2019 SmithGroup, INC. (Washington, D.C. Office)

9) 1900 K St. NW Renovation Washington, D.C., USA/ Workplace

Revit Modeling, Video Animation, Renderings # May – Aug. 2019 SmithGroup, INC. (Washington, D.C. Office)

10) Lumpkins Slave Jail Museum (Detachable Model) Internship Work/ May – Aug. 2019/ Richmond, VA

Project: Lumpkins Slave Jail Museum Schematic Design, Richmond, VA/ Internship work My Task: Rhino Modeling and 3D printing, this detachable model was exhibited for SmithGroup Design Week

Step 1 : Landscape + basement

Step 2 : Major structure

Step 3 : Roof + skylight

Step 4 : Parametric skin

Assembly Process

Interior Structure

11) Hand Sketching and Drawing 2018 - 2019/ Sketching Practice

High-rise Office Building Sketching

Greek Landscape

Venice Landscape

Office Building Sketching