2017 Protfolio

PEI’s PORTFOLIO SELECTED WORKS

2014-2017

Thanks to everyone who helps me on the way exploring

architecture, world and myself.

EDUCATION

• Southwest Jiaotong University(SWJTU), Chengdu, China Bachelor of Engineering, in Landscape Architecture Design GPA: 3.31/4.0 2009-2014 • Washington University in St. Louis, St. Louis, USA Master of Architecture GPA: 3.86/4.0 2014-2017

WORK EXPERIENCE

• DSL Consultants Pt Ltd., Beijing, China Intern 2013.9-2014.1 • Tianjin HHDesign (Hua Hui Environmental Design) Co. Ltd., Tianjin, China Intern 2013.2-2013.3

HONORS & AWARDS

• SWJTU First-class/Second-class/Third-class Scholarship for Academic Excellence 2010-2014 • National Scholarship (Top 1%), Ministry of Education of the PRC 2010 • SWJTU Scholarship for Academic & Extracurricular Excellence 2010 • SWJTU Merit Student Award 2011 • 3rd Award, the ‘Nature/City/Architecture: ‘Xingcheng Cup’ International College Students Design Contest’ Chengdu Biennial· Holistic Realm: International Architecture Exhibition 2011 • Outstanding Leader of Youth League 2012 • Graduate student scholarship, Washington University in St. Louis 2014-2017

PUBLICATION

• Pedestrian Street Chief Editor Student Independent Magazine, SWJTU Architecture School, 2010-2013 • Approach Projects selected, Student Work Annual Collection. 2014-2015, 2015-2016 • Berlin Atlas Participant, Photography Collection of Berlin, 2016

EXHIBITION

• 7 ROOMS

SKILLS

• Language: Native in Mandarin Chinese, Fluent in English • Software: Basic: Mcrosoft Office Suite, Autodesk Autocad, Autodesk Infraworks, ArcGIS 3D-Modeling: Sketchup, Rhinoceros, Revit, T-spline Rending: Lumion, V-ray (for Sketchup, for Rhino), Keyshot, Atlantis, Twilight, TheaStudio, Maxwell Parametric: Grasshopper, Dynamo Graphic Design: Adobe Photoshop, Illustrator, InDesign, AfterEffect

Participant, Pritzker Art Foundation, St. Louis, 2016

-4-

CONTENTS

00 | IN-SITE INSIGHT ‘Projects’ Based on site cognition

01 | ASCEND! BERLIN! Make it Public New welcome center for refugees

02 | A SYNTHESIZED CITY Beyond ‘SoHO’ Another ‘fresh level’ of Big Apple

03 | SOCIAL ATTRACTOR Floating Rhythm A ‘Jazz’ library

04 | EXHIBIT ITTNER William B. Ittner’s legacy in midtown St. Louis Exhibition+Education+Housing

05 | COMPROMISING Third Space Social housing in Buenos Aries

06 | FORMAL MANIPULATION Folding A riverside villa

07 | NOISE MAP OF MANHATTAN Data mining & visualization

08 | TRANS-MUTATIVE SQUARE Explore with Grasshopper

09 | CONSTRUCTING IDEA “7 Rooms” Exhibition

10 | BERLIN ATLAS Photography Collection

-5-

This page [is] intentionally left blank white.

-6-

Academic Work

-1-

-2-

00 | IN-SITE INSIGHT ‘Projects’ Based on site cognitions Instructor: Christin Abbott Period: 2014 Fall Location: Tyler Research Center, St. Louis, USA Architecture Core Studio

The first core studio aims at exploring spatial thinking and critical processes of making through iterations of design. We were asked to investigate and design for a selection of natural and spatial phenomena which are fundamental to working in the built environment and the context with which it engages, inventing and refining unique attitudes, tectonic assemblies, and spatial strategies for their productive manipulation. In a related series of three projects, students will develop their own spatial intelligence, synthesizing issues and outcomes from previous investigations through self-critique and instructor feedback, refining and adapting their design strategies to meet increasingly complex demands at a high level of craft and resolution.

-3-

Constructing A Site Regional Mapping

Investigate a big area’s basic topo/vegetable situation

Abstract map of shade, link a path

Overlap initial survey map, find A SITE. -4-

Tree Canopy+ Height & Ground Plant Grain

-5-

Shade/light Situation

-7-

Phenomenon Mapping Observe/Document/Overlap

Synthetic Mapping

By overlapping multiple layers of information, a unique mapping emerges in order to describe the synthetic situation of existing site. On one hand, this mapping give us a more abstract but correlating information, which helps us have a comprehensive cognition of the site. On the other hand, this mapping is a powerful tool to develop further phenomenon spatial intervention. I find out that light and shadow condition is always correlated with the canopy coverage and height condition, thus a spatial path connecting all relative brighter area becomes possible.

-9-

Site Morphology Dynamic Mapping

One side up

One side down

two sides - 10 -

Site Morphology Phenomenon Represent

We are asked to model the dynamic morphologies of a varied terrain, mining the landscape for organizational principles and related effects, such as light and shadow conditions. The transformative model from drawing and real landscape, will provide both a literal and a conceptual ground for intervention. From the early study model with only one indicative direction, to the modified model with two sides variations, I find a way to represent landscape as well as light-shadow condition and topology information at the same time. In the end, the conceptual site model under sunlight will give an obvious representation of light and shadow.

- 11 -

Constructing An Encounter Hybrid Drawing

We are asked to develop a narrative of encounter and articulate an architectural enclosure capable of facilitating encounter, tuning their constructive logics with apertures, structural and material thicknesses, and thresholds conducive to passage, obstruction, and communication. Projects will address scale, human proportions, relative positioning, and proximity, in order to calibrate a designed experience between different individuals.

Particular emphasis for my project will be placed on sectional design strategies, considering relationships between two individuals who I introduced.

They are hero and heroine in the French Avant-garde movie ‘La JetĂŠe’, individuals from different time and space, which can be defined in different levels and different light and shadow conditions. They encounter in some particular segments of paths. Sectional drawings and models will be used throughout the design process, as a site for evaluation, calibration, and design of encounter.

- 12 -

Constructing An Encounter Sections

- 13 -

Intervention Practice Model

- 14 -

Intervention Practice Model

- 15 -

Constructing Event Program Investigate

Solar Eclipse Survey & Mapping I decided take solar eclipse as my observation event. After the investigation of eclipse angle at series location in my site and sight angles which are not blocked by tree canopy, the available spaces can be defined. To constructing an event-observe solar eclipse-I need engage the collective, studying phenomena relevant to multiple bodies to design a space, arrange a path, for this event on my constructed site as an observatory. The form of constructed site also can be used as the aperture of observation.

- 16 -

Constructing Event Program Investigate

Abstract Event Model - 17 -

Event Space - Observatory Diagrams

Topography & Circulation

Light & Shadow

Observational Spaces Arrangement

Coverage Following Topography

- 18 -

Event Space - Observatory Plan

- 19 -

Event Space - Observatory Working Model

- 20 -

Event Space - Observatory Section

- 21 -

Event Space - Observatory Explosive Drawing

- 22 -

Event Space - Observatory Final Model

- 23 -

- 24 -

01 | ASCEND! BERLIN! Make it Public New welcome center for refugees Instructor: Johanna Meyer-GrohbrĂźgge Period: 2016 Spring Location: Berlin, Germany Architecture Comprehensive Studio in Berlin

The city of Berlin is not only the capital of Germany but also its vibrant cultural center. It has always been a heterogeneous patchwork of various districts and neighborhoods. There is no real city center. The abundance of historical traces as well as contemporary development create multiple, fluid layers. One cannot read or understand Berlin without wandering around the city, exploring anew and anew. This studio is concerning itself with one of the most urgent political and social question of today’s society: Migration. With the increased number of refugees and security risks, the government efficiency getting became lower and lower. A much-needed house of welcome in city center is need be designed. The site is located in the east of Alexanderplatz, close to various public transport stations (U-bahn, S-bahn and M). No adjacent buildings in context, which itself is an open attitude as well.

The new House Of Welcome-Berlin is among other public amenities providing rooms that can be rented by the Lageso, the BAMF, the Arbeitsamt (employment center) or other governmental services upon need. It also is a place of information about all the possibilties that the new arrivals have, where and how they can apply for jobs, housing and other kind of supports. It should be their first starting point. It should not only provide new capacities but be a welcome sign. It should give the people orientation and a first place to turn to. It is not only for refugees and those seeking asylum but be for all people that come to Berlin and want to stay, also those applying for citizenship, students and temporary visitors

- 25 -

Schwarzplan Site’s Figure-ground Plan

public transportation With the increased number of refugees and security risks, the government efficiency getting became lower and lower. A much-needed house of welcome in city center is need be designed. The site is located in the east of Alexanderplatz, close to various public transport stations (U-bahn, S-bahn and M). No adjacent buildings in context, which itself is an open attitude as well.

- 26 -

Site Plan 1:2000

N

Based on this, it is the starting point for the design as an open shelters, then no matter who you are, refugees, students and immigrants who are going to settle her or even travelers, all can feel this open gesture. You enter the building and ascend along steps in courtyard, stop at each floor to explore what you can do, and then reach the top level. After getting every procedure done, refugees will enjoy the city at this point, the first public, citizen building they freely enjoy will be here.

- 27 -

Model Evolution Study Models

- 28 -

Make a Public Building Formal Operation

occupy

shrink

cave

ascend - 29 -

Ground Floor Plan 1:400

3

9

2

1

8

7

6

4

5

1

2

1

3

1 info. desk/ register center/ info. center 2 lobby/ flexible space 3 exterior plaza 4 self-service center 5 first register 6 kitchen 7 restaurant 8 emergency office 9 U-Bahn exit/ public transportation

N

- 30 -

Circulation & Programs

vertical circulation horizontal circulation entrance

- 31 -

Floor Plans

3 4

2

5

1

2

2

4

6 3

4

1 2 3

1

1 office spaces 2 flexible spaces /informal workshop 3 cafe/bar 4 storage/furniture

1 office spaces 2 waiting spaces /communication 3 meeting room 4 info. desk

Elevation - 32 -

2

1 multi-used event hall /flexible spaces 2 info. desk 3 library 4 exhibition space 5 workshop

Interior Atrium Multi-used Public Event Hall

Section - 33 -

Scenario Exterior

- 34 -

Scenario Interior

- 35 -

Structure Large Cantilever

core

6.3m

6.3m

6.3m

12.5m 9.3m 9.3m

As a shelter, top floor cover the site as roof to protect activities on ground, which outside of small footprint ground floor.

The volume become larger and larger floor by floor,without supporting columns, which need unusual structure system to ensure the safe cantilever. Regarding each floor as a structural entirety with steel-truss structure. The diagonal truss appearing behind facade, also in courtyard, becoming a tectonic motif without concealing structural components. This will give the building new iconic meaning to make such an open, context-less site become a place.

- 36 -

4f truss

3f truss

2f truss

Structural Model vertical structural elements

- 37 -

1 A102

air exhausted

1

2 14.700m

3

1 A101

10.800m

4 passive chill beam

stripe light

5 fin tube convextor

7.200m trickle vent

6

3.600m

7 0.000m

Detail Section 1�=8’ - 38 mechanical

Detail Callout 1”=2’

1-A102 DETAIL SECTION 1”=1/2’ 1 ROOF ASSEMBLY roof membrane 15mm cover board 185mm roof insulation subtrate board metal deck perforated aluminum ceiling

Exhausted vent/Roof edge joint

2 GUTTER roof membrane 15mm fire retardant plywood board all sides gutter 60mm min insulation 3 triple layer glass 4 FACADE ASSEMBLY scatter aluminum finish panel 18mm air cavity alum sub-framing with 25mm rigid insulation in between 40mm batt insulation vapor-retarding air barrier 10mm gypsum exterior sheathing 70mm cold-formed matel framing 5 FLOOR ASSEMBLY polished concrete floor 9mm screed 40mm accoustic insulation 120mm composite slab perforated aluminum ceiling 6 SOFFIT ASSMBLY steel structural beam cold-formed metal framing 10mm gypsum exterior sheathing vapor-retarding air barrier 120mm rigid insulation alum sub-structure white painted matte alum finish panel 7 exterior drainage

1-A101 DETAIL SECTION 1”=1/4’

Trickle vent - 39 -

Model Photos Building Sectional Model Showing Central Public Atrium

- 40 -

- 41 -

- 42 -

02 | A SYNTHESIZED CITY Beyond ‘SoHO’ Another ‘fresh level’ of Big Apple Instructor: Janiffer Yoos Period: 2016 Fall Location: SoHO, Manhattan, NYC Architecture Optional Studio

The synthesized multilevel city suggests not an aggregation of disparate parts, but a unified whole where integration achieves a continuous urban fabric; unifying buildings, landscape, and infrastructure. Ideally, a more interconnected city shifts buildings away from their typically autonomous object-like character by synthesizing architecture with infrastructure and landscape to create more cohesive urban space. The studio will focus on emerging multilevel urban network conditions that are rapidly changing how cities are conceived and organized. With the opening of the High Line in New York, and the completion of other notable works such as Steven Holl’s Linked Hybrid project in Beijing, and recent proposals by Work AC, MVRDV, Zaha Hadid and OMA, there is a renewed interest in urban spaces that employ three-dimensional networks of pedestrian systems. At a larger urban-scale, elevated pedestrian networks continue to be built in more ad hoc forms in major cities throughout North America and Asia as a means to rejuvenate weakening urban centers. In many of these cities, uninspired architectural forms are employed to pragmatically address urban problems related to street congestion and climatic conditions while inadvertently creating new forms of segregation in the city.

Yet, in its more optimistic forms, the synthesized multilevel city is more interconnected, more differentiated, exciting, and potentially more resilient.

Throughout the studio, while addressing the practical impetus for these systems, I explored ways that the multilevel city can create more positive and proactive urban forms, in a typical vertical city, Manhattan, NYC.

- 43 -

Vacancy V.S. Air-right Paradox of SoHO, Manhattan

AIR RIGHT MAP scale: 1:25,000

LOW-----------------------------------HIGH BUILDING AIR RIGHT AIR RIGHT /HEIGHT LIMITED

0

.5

Miles 1

LOW-----------------------------------HIGH

Vacancy of street-front store

Air-right(Building Height Permission)

As the most busy city in the world, New York city is always expressing a situation of congestion and sleeplessness. However, in particular part of the city, even the most busy central area, vacant street-front stores show up, such as the Soho historic district. In this district, the shocking density of such vacancy is caused by increased land value, rent and high ratio of tax applying to people who are originally living on creating art work here, but not commercial right now. At the same time, due to the preservation of historic district, limited development of this area, especially vertical development, is strictly implemented. But we also notice the air-right here is wasted when compared it to other regions in Manhattan downtown. How to deal with the paradox within Soho area, how to maximum the value from utilize opportunity within space above buildings and minimum the challenge of damaging existing feature and reactivate people’s life here...? These are the questions I wanted to answer and negotiate.

- 44 -

What if...?

Create a horizontal layer in a vertical city

HIGH-LINE 3 PHASE

HUDSON YARD

MadisonSquare Garden

K TOWN

HIGH-LINE 3 PHASE

HUDSON YARD

MadisonSquare Garden

K TOWN

A C E

1 2 3

BDFM NQR PATH 33 RD STR

1 2 3

BDFM NQR PATH 33 RD STR

PENN STATION

A C E PENN STATION

Manhattan section through Penn Station Times Square

BOA Tower

Metlife Building

Chrysler Building

United Union

Times Square

BOA Tower

Metlife Building

Chrysler Building

United Union

BDFM

1 2 3 7 7x

NQR

1 2 3 7 7x

NQR

7 7x

4 5 6 6x

GRAND CENTRAL

BDFM

Manhattan section through Grand Central 7 7x

4 5 6 6x

GRAND CENTRAL

?

CANAL ST

NYU

SOHO

E. HOUDSON ST B D F M

Manhattan section through SoHO historic district

HUDSON YARD

On the other hand, New York city is a vertical city. Typical Manhattan circulation system is underground subway-ground street-building’s vertical circulation. But in many areas, subway is not convenient because of distance. Some historic disMadisonSquare K TOWN Garden tricts also have narrow streets in between historic iron cast buildings which are not very high. This means there are more air right can be traded for future develop in such high dense city fabric. This situation happens in midtown Manhattan. And it gives opportunities to develop an elevated continuous layer above rooftop level. The circulation system become inversed.

- 45 A C E

3 PENN STATION

N R BDFM PATH 33 RD STR

- 46 -

Master Plan 1:3000

Zoom into Soho area, apply coverage levels at the top of buildings and connect them with necessary bridge, no matter indoor or out door. This master plan is only showing the proposal I gave as an architect or urban designer, only showing a initial phase of development above the Soho. Whole roof top will become new urban landscape for citizen public activities, which are expected to engage with programs underneath it.

More architects can be involved, as well as more spaces above roof top, into design progress with city governor to decide what part can be developed consequentially. I will show my complex design as a social condenser as an example, but it is not to say that there is no diversity of styles or methods in any further design phases.

- 47 -

N

Above/Beyond New life within new layer-hybrid addition

office

private

shared small business incubator

sports court

common room

roof garden

grocery

residential

gym

meeting

ART district theater

gallery

communication COMMERCIAL bookstore

public

cafe

restaurant

classroom

art/ design studio

workshop event space

RESIDENTIAL

RECREATION

The original artists in Soho area are moving out because of the high land value/rent cost, instead of opening more and more famous brand store/ commercial street front store. This situation caused and very unbalanced life circle between night and day time, terrible utilization condition of upper level as well. Most of the historic buildings are transformed into office or commercials. Although art activities such as galleries operation are still here, but the space is not enough and affordable for artist to work anymore. In addition to the inversed circulation strategy mentioned above, more things can be happened not only above roof top of Soho, bu also beyond it. By introducing new complex with all kinds of programs, including residential, recreation, exhibition, commercial and even roof landscape. Reoccupying air rights space to develop complex as a whole strategy is away to lower the existing building’s value and to improve upper level quality of existing buildings, based on the demands of different blocks in Soho area. Finally, the whole district can become layered with not only natural landscape/playground on the new roof, but also have chance to create a new life circle, a new life method and a new lifted community-WHICH I BELIEVED AS A “BEYOND”.

- 48 -

Strategies

Latitude of NYC=40°Latitude of NYC=40° a=90-40+23.5=73.5° a=90-40+23.5=73.5°

a

a

N

N

REPLACEMENT

AIR-RIGHT RE-OCCUPY

-takeout some existing building and keep their facade partially.

-make inner courtyard open to street.

-give more chance to create new structure element in replacement.

-insert new program attracting people to upper level.

-buy air right of lower building on site together, and develop complex to infill the space above roofs.

-enlarge courtyard footprint to make sure have more natural light.

-new layer of roof top will be continuous and occupied.

Latitude of NYC=40° Latitude of NYC=40° a=90-40+23.5=73.5°a=90-40+23.5=73.5°

a

a

N

N

EXISTING VERTICAL STRUCTURE

MODIFICATION+ADDITION

-reinforce and extend some existing core vertically to new developed upper intervention.

-new structure elements raising from replacement play the core role in structural system.

-steel structure system is lighter comparing to the existing buildings.

- 49 -

Circulation & Program

Roof garden Sports court

Agora

Residential

Informal theater

Common room/kitchen

Commercial

Fitness/Gym

Education/After school class

Restaurant

Office/workshop

Office/workshop

Commercial

Exhibition/Art gallery

- 50 -

Plans

ROOF PLAN

GROUND FLOOR PLAN

7th FLOOR PLAN

- 51 -

9th FLOOR PLAN

“Connection�

Situations

BRIDGE SITUATION connection with other rooftop complex

GROUND SITUATION connection with street front.

Multilevel situation happened in complex. We can do some replacement and renovation of particular existing building as an INSERTION, create vertical connection and spot of connection to adjacent building. Once getting in the complex upper level, you can find the place you want to go or find out where is bridge connecting to other rooftop addition with expected activities. Interior and exterior public spaces are interacted with each other around the expanded central courtyard, which is also typical in some traditional New York block with narrow row house buildings.

- 52 -

Elevation+Section 1:1000

- 53 -

Physical Model

- 54 -

Scenarios Rooftop

Street

- 55 -

- 56 -

03 | SOCIAL ATTRACTOR Floating Rhythm A ‘Jazz’ library Instructor: Tyler Meyr Period: 2015 Spring Location: St. Louis, USA Architecture Core Studio

This core studio asks students to practice spatial manipulation with multiple programs fitting in. Also it lets me think carefully about context to find out the potential start point of design. From the study of site context: in the between of industrial and residential area, building should be intended to be a community center. (Especially how to invite people from main road to the building with the feeling of floating (piloti) to activate and utilize negative space (under the highway). According to the blues and landmark site analysis, give particular orientation for building and make it more open to residential direction with relative smaller architectural mass.

At the same time, we are asked to design a library for Jazz music, which has historic origin in Soulard district, St Louis. Such a library need traditional reading and stack space as well as new kind of space containing multi-media research and study. A small performance space for 200 people also required in proposal. Therefore, the project is not so much a library as a mini complex.

- 57 -

Site Location “Jazz� music bars around

the Arch

mississippi eiver

Blues music can be played in the streets, is a kind of music which initial courage to express themselves with musical emotion naturally, give a tremendous impact on the development of modern western music. Its open gesture to not only all people, but also other kinds of music, make ragtime and jazz take in shape.

- 58 -

Site Cognition Experience in human scale

1

3

2

4

0

1

0 The Arch - downtown 1 downtown & riverside ind 2 soulard district 3 historical market 4 church 1

3

2

0 1 2 3 4

4

the Arch, downtown St. Louis Riverside industrial area Soulard historic district historical market church - 59 -

0

1

Site Strategy Sink into ground

Expand to space under highway

Cut topographic surface

Elevate corner

Make public sinking entrances

Reorganize flow site diagram

- 60 -

soulard district

SITE

STL downtown

Diagram From concept to architecture

N

soulard district soulard district SITE SITE STL downtown STL downtown recording studio

N N

200 seats theater

view angle

exterior deck

exhibition

soulard district

soulard district SITE SITE STL downtown

STL downtown

recording studio

N N

200 seats theater

basic composition

soulard district

recording studio listening space

exhibition insert functions listening space

200 seats theater exhibition

soulard district

SITE

ITE

r

N recording studio N

recording studio 200 seats theater listening space

200 seats theater

manipulate slope exhibition listening space

staircase

exhibition

recording studio 200 seats theater

listening space recording studio

exhibition 200 seats theater

listening space

curve

structural subdivision

open to sky

envelop triangularization

exhibition

recording studio listening space

xhibitionrecording studio

ening space

- 61 -

listening space

Study Model Evolution

- 62 -

Site Plan

0 8 16

32

64ft

N

N

- 63 -

Site Plan

2

1

F

3

E

2

D C

4

A

0 4 8

B

16

N

- 64 -

32ft

1 2 3 4

main entrance plaza terrace deck 200 seats theater listening space

Progressive Sections

A

D

B

E

C

F

- 65 -

Plans 11

10

1

8 1 9

1F 2

1 7

2F

2 3

6 5

N 3F - 66 -

Exterior Perspective

- 67 -

Section Perspective

exhibition vertical connection

multimedia sapce theater

coomunication space

storage

info. & service

open stacks

interactive learning center

The floating building shape also indeed corresponds the open gesture, and the space is not used for specific functions but can be used for all public activities related with blues. (Soulard music festivals, improvisation, communication, playground) By creating a grand slope slab from the underground to the upper building and enveloped with glasses, the architectural mass will be dogged. The stepped up spaces will contain the programs of musical listening, exhibition, multimedia center and open media stacks which allow interactions among them. Toward another gentle slope space (200 seats formal performance spaces/theater), the “grand slope� may have chance to connect the theater in the center hall, the most interactive and energetic space.

- 68 -

Exterior Scenario public deck

- 69 -

Elevations

WEST

EAST - 70 -

Interior Scenario Staircase

- 71 -

Model Photo

- 72 -

Interior Scenario Staircase

- 73 -

- 74 -

04 | EXHIBIT ITTNER William B. Ittner’s legacy in midtown St. Louis Exhibition+Education+Housing Instructor: Jan Ulmer Period: 2016 Summer Location: St. Louis, USA Architecture Comprehensive Studio

The studio is proposing a william b. ittner museum in saint louis. william b. ittner (1864-1936) is an important architect who was based in saint louis and designed many school buildings in the city and nationwide. the comprehensive studio gives me the opportunity to think through my ideas and concepts from the cityscale to the details of presenting a great architects legacy. the challenging question of how to exhibit architecture-as we know a big difference to exhibiting art-will make us think about the different scales and forms of representation of architecture, from thewriting, the drawing and models to the realized object. we consider architecture as an interface between public and private, inside and outside, between the neighborhood and the whole city. the goal is to create a sustainable reconnection of ittners work with the community.

My project’s site is located in a very special location. In the midtown of St. Louis, Grand center area is a sub core of St Louis city circle. A lot of cultural facilities are located around here. the corner site is face toward east, where the great arch located. What’s more important, is that the site is in between of 2 Ittner’s public building: Continental Life Building and Scottish Rite Cathedral. These 2 buildings are very different from his most common works typology: school building. Therefore, let people have a close view of this two building is a good way to orgnize exhibition. Inward aspect, implement corridor, classroom and stair class of Ittner’s will become another way to arrange exhibition.

- 75 -

Collection Typology Study

MA

RS

HA

LL

SC

OL HO 00 19

1900

1898

1908

1900 Scho entary Sigel Elem1906 Horace

ge er Colle Harris Teach 1905

ol Mann Scho 1901

ool n Sch Jackso 8 189

ol Wyman School 1901

1898

1901 1906

1905

HE

MP

ST

EA

D

SC

OL HO 06 19 ol

ho

s Sc mon 98 18

Sim

1898

Mullanphy School 1915

1915

1909 h Hig

1906

ol

ho

Sc

r mne 09 s Su 19

rle

Cha

rS 19 choo 08 l

Car

l oo

Sch ton ng 1898 Arli

l

oo

1898

Harris Teacher College 1905

Sch h Hig 1 on 190

ers

Em

Horace Mann School 1901

1909

1908

1901

The starting point is to visit existing school building designed by Ittner in St Louis area, no matter if it is in use or vacant, to figure out the spatial quality which can be exhibit or utilized in my own design. His brand new idea of school design emerges in the typologic comparison.

- 76 -

Case Study Spatial Quiality in Ittner’s School

Marshall School 1”=32’

Hempstead School 1”=32’

corridor/pathe

xcavate

corridor/path

excavate

inside/outside

opening/window

inside/outside

opening

sharded corridor

sight penetration

sharded corridor

sight penetration

After William. B I ttener’s visit to Europe, he brought new vision of programmatic and spatial arrangement in school building, such as wider and brighter corridor contain communicating use for students and teachers. Next step, 2 selected school will be zoomed into. After making models and drawing figure-ground spatial diagram, I can choose interesting perspective as toolkit to exploring methods of space design.

- 77 -

Sculpture Spatial study

2D collage and 3D sculpture representing my understand of ittner’s space. Try more complexities with operation of intersection, combination create many possibility for myself to find way to define my further spaces.

- 78 -

Elements Design Tools

typical school dimensions

corridor

8ft

32ft classroom 24ft

16ft

Grid

View

determined by typical dimension of Ittner’s school

exclusive view of Sccotish Rite & Continental Building

What could be possible categories and layers of this collection, how could we let these layers interact with each other and what could be the possible forms of displays? By accommodating the module of original Ittner’s school, I created a system of 8’*8’ grid. The dimension of 8 feet is the basic scale of corridor, width and length of a typical classroom in his schools.

The wide corridors are always 16’, the classroom also exactly fits the dimension of 24*32’.

So inside this museum, people will experience the scale just like in his building. When I think about the site, two existing Ittner’s large public building-Continental Building and Sccotish Rite, which are both easily recognized by public in grand center area. They are the potential elements for my connection between building exhibiting Itterner and Ittner’s building in real world outside the building.

- 79 -

Site Plan

Continental Building xxiii

iii

xx1v

iii vi

Sccotish Rite vi

xvi

N

- 80 -

Ground Floor Plan

Continental Building

1 foyer/info. desk 2 entrance hall/flexible exhibition & event hall 3 store/CafĂŠ bar 4 CafĂŠ 5 wardrobe 6 residential foyer 7 storage 8 offices 9 parking grage entrance 10 courtyarad 11 administrative entrance 12 workshop 13 exhibition space 14 model & drawing display 15 library/reading space 16 after-school classroom 17 scholar residences 18 park 19 platform/roof deck 20 archive 21 event space foyer 22 event spaces 23 residencial tower

7 6 UP

10 4

3 5

UP

2

1

UP

UP

7 10

9 11

8

13 UP

18 14 UP

Sccotish Rite

17

- 81 -

12

UP

Floor Plans

13 16

UP

12

UP

UP

16

UP

13

14

13

15 UP

19

UP

13

UP

UP

17

13 7

2F

3F

UP

UP

19

21

22

UP

22

5F

6F

beside the exhibition spaces we will integrate a library, an archive, a seminar room, classrooms for an after-school program, rooms for an architect in residence program as well as a space for the community to gather. based on the research about ittners work, and I also added one residential tower to the program list at the street corner, which maintains the same height of Ittner’s Continental Building.

- 82 -

Exterior Scenario

- 83 -

Elevation

SOUTH

EAST - 84 -

Scenario Courtyard

Courtyards here help to create special spatial sequence which allow people can enjoy not only interior closure exhibition but also interior open space and exterior exhibition spaces. At some points, people have chances to see the Ittner’s famous buildings around: Continental Building and Scottish Rite Cathedral. Enclosed courtyard with 2-4 floor high white wall is a view-frame which isolating all other street situations. So inside this exhibition building, it is a world of Ittner, without disturbing from outside world.

- 85 -

Diagram

Reference grid from Ittner’s schools

Event space/multi-used hall

Research center/residential core+out door platform

Exhibition/Documentation/ Roof deck

Exhibition/Conference

Library/Afterschool classroom/Residential for research member

Cafe+gift store/Info. center/ residential entrance/courtyards

- 86 -

Axonometric

- 87 -

Seection

- 88 -

Detail Seection +Elevation 1”=16’

80’-0”

68’-0”

56’-0”

42’-0”

28’-0”

14’-0”

0’-0”

- 89 -

- 90 -

05 | COMPROMISING Third Space Social housing in Buenos Aries Instructor: Catalina Freixas Period: 2015 Fall Location: Palermo, Buenos Aries, Argentina Architecture Core Studio

Inspired by Argentine novel “Aleph”, I define a kind of space or experience as third space, which people can observe the city and nature spaces out of dwellings, within the city crowded high-density living condition, by the mean of reflection, by mirror.

Buenos Aires has experienced burgeoning growth over the last five centuries yielding heterogeneity in the urban fabric, yet this sea of asphalt is dotted with few public and private green spaces. Buenos Aires is one of the most crowed cities around world. People live between narrow medianeras in concrete forest. The per capita green area is much lower than worldwide standard. With such background and inspiration of Borges novel Aleph, which depicts a kind of single view point containing whole world-eternal in present, I am trying to create a space let people in the city, not only who live in the building, to have spaces or experiences seeing the city in a different way. I called it as the visual third space.

In this studio, students are divided into 4 groups, and each group with 3-4 students will share one block to occupy the existing vacant green space. The green space is not open to the public and the city railway is laying on the other side, so all sides of site need have a large set-back from street or railway.

In addition, residential buildings will be attached in each block due to the large set-back. Such presets need students to negotiate a lot within group to make our own design decisions. How to compromise to a certain extent, at the same time to fulfill my proposal’s premise, and to work as a team, are required us to answer.

- 91 -

Site Diagram View Analysis

N

NO RTH

D O O YW LL HO hig

h

’

512

2’

1 “ = 51

10

24

ft

NOR TH

1“ =

ft

low 48

H

20

UT

HO SO

SO

UT

H

30 72 ft

SO

In such contrast, I analysis the great view orientation, which can provide more nature, like trees even the Atlantic Ocean, and avoid shadow covering by other high-rise building. Inside apartments, people can not only observe city through windows, glass curtain walls, but also observe nearby community, courtyard, and gardens in lower level, or observe distant skyline fragments in higher level. By designing a reflective corridor at the center of unit, with mirror on the wall and some installation with specific angle on the ceiling, people will see the city’s beauty in other unusual perspectives. Reflection and light coming into the corridor from the level’s gap will enrich the specialty of third space.

- 92 -

to

see

city

skyl

ine

Concept Diagram The Third Space within ‘Urban Reflection’

e e gr

to se

Reflective Facade 1

Shift View Block 1

Reflective Facade 2

Shift View Block 2

Reflective Facade 3

to

see

SO

HO

Non-shift View Block

View 1: Residents into Citizens While in the building, residents have chance to observe city life. ① View 1: Residents into Citizens

② View 2: Citizens into Residents

ine

PARK ENWAY

CITY GRE

to

see

city

skyl

CONCEPT DIAGRAM

een e gr

e spac

to se

PARK CITY GREENWAY

Reflective Facade 1 Reflective Facade 2

PLAZA

to

see

SO HO

Reflective Facade 3

View 2: ② Citizens into Residents View 2: Citizens into Residents

① View 1: Residents into Citizens

While in the street, citizens have chance to have a glance cist-scape from reflection.

RAM ine

PARK ENWAY

to

see

city

skyl

CITY GRE

een e gr

e spac

to se

PARK CITY GREENWAY

PLAZA

to

see

SO

HO

PLAZA

② View 2: Citizens into Residents

View 3: Between Residents, Between Citizen ③ View 3: Between Residents

Citizens have chance to have a glance of public space within the building, Between Citizens and even interactions with residents.

- 93 -

③ View 3: Between Residents Between Citizens

PLAZA

Group Model

By analyzing the visibility of city view, I identify particular angles which can benefit residents’ living units, giving them most beautiful city view. The units directly face the green-way along the railroad in site. Green way extends from site to riverside (estuary of the Atlantic Ocean). Using as much as glass as facade material for living units under the promise of privacy for view capturing inside unit.

- 94 -

Ground Floor Plan

1 2 3 4 5 6 7

- 95 -

residence entrance hall library lobby book store pharmacy/ Walgreen’s cafe gymnasium locker room/rest room

Floor Plans

8

2

7

1

6

1

8

5

3

4

1

2 4

2 3

2 1

3

4

1

2

2

1

3

1

2

2

1

1

0 1

5

10

20 ft

1

0 1

5

10

20 ft

0 1

Elevation

- 96 -

5

10

20 ft

Exterior Perspective Street-view

- 97 -

Sections

- 98 -

Exterior Perspective Reflective Third Space

- 99 -

Model Photo

- 100 -

Model Photo

- 101 -

- 102 -

06 | FORMAL MANIPULATION Folding A riverside villa Instructor: Wenqu Qiu Period: 2012 Fall Location: Chengdu, China Architecture Core Studio

This project is based on the practice of deliberate geometry, its iterations and transformation from form to architecture with designated programs.

We are asked to find a method to create a kind of module which can be repeated in particular way by rotating, merging, folding and etc. The form must contain certain spatial character, such as barrier, compressed plain, threshold and so on. The spatial potential will be applied into a further villa design.

- 103 -

Folding & Intersection Methodology Study

The operation I researched is folding and intersecting. From the easiest way to make a continuous surface by folding, intersecting and shifting position.

- 104 -

Iteration Study Model Evolution

After making physic study model, the spatial and light quality can be showed. And this method can be used infinitely to create a iteration.

- 105 -

Geometry Study Spatial 3D Rotation

- 106 -

Physical Model Formal & Spatial Quality

- 107 -

Program Turn FORM into Architecture

First Floor entrance

garage kitchen

guest room

sitting room

laundry

dining room

child room

bathroom bathroom

living room

main bedroom

studio & workroom

Groung Floor

River SideView

As I known, there is a dramatic topography, which allow me to apply my from within a such altitude difference. At the same time, adjust surface to make sure the spaces inside have enough area holding programs. The form constituted by oblique panels also can weaken the difference between roof, floor and walls, as one single continuous architectural element.

- 108 -

Operation “Handcraft”

Paper shape

109 Folding direction Paper -shape Folding direction

Exterior Perspective Street View

- 110 -

Site Plan

N 0

1

5

- 111 -

10m

Floor Plans

1

2 3

9

3.60m

4 10

5

8

3.90m

7 11

11

6 1 entrance 2 hallway 3 sitting room 4 garage 5 guest room 6 child room 7 dining room 8 kitchen 9 storage 10 laundry room 11 bathroom

11 15 13 12 15

16

14 0.00m

17

12 dressing room 13 main bedroom 14 living room 15 studio / working zone 16 book collection corridor 17 waterfront balcony

N 0

- 112 -

1

5

10m

Iterior Scenarios

Sitting Room

Dinnning

Living Room

- 113 -

Elevation & Section

0

1

5

- 114 -

10m

Explosive Diagram Envelop+Circulation+Structure

Metal Sheet Envelop

Circulation

Light Steel Structure

- 115 -

Model Photo

- 116 -

Exterior Scenario Riverside View

- 117 -

This page [is] intentionally left filled black.

- 118 -

Complementary Work

- 119 -

07 | NOISE MAP OF MANHATTAN Data mining & visualization Instructor: Frank Hu Period: 2015 Fall Course: Urban Topography

This course’s purpose is to know how to find, analyze and visualize particular data in varies different tools, such as ArcGIS, Rhino+grasshopper, Infraworks, etc. We are asked to find an interested topic and to visualized data to show what is your result from analysis.

- 120 -

Data Mining Initial Survey From Open Data-source

MON TUE WED THU FRI SAT SUN

COMPLAINT DENSITY DURING ONE WEEK 4%

6%

14%

53%

20% BANGING/POUNDING/CONSTRUCTION CAR/ TRUCK /MUSIC;HORN

LOUD TALKING/ MUSIC/ PARTY

Loud Music/Party

Loud Talking

Car/Truck Music

Engine Idling

Car/Truck Horn

Banging/Pounding

other

NYPD

News Gathering

Loud Television

COMPLIANT TYPE DISTRIBUTION

Everyday, Manhattan gets noise complaints from even every spot of the city, what are they complaint about have been recorded completely. Here is a mapping direct showing the different kinds of complaints, such as construction, helicopter, community disturb, vehicle and commercial activities. Also, using density and overlapping of these all kinds of complaints in specific area to show what kind of noise always be in there, and what kind of noise is mainly complaint about from citizens.

- 121 -

Complaint During One Day

HRS:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

MON TUE WED THU FRI SAT SUN

Time Line/Complaint Frequency

1-4 AM

5-8 AM

9-12 AM

13-16 PM

17-20 PM

Space Line/Complaint Density

Noise Complaint at Anytime/Everywhere - 122 -

21-24 PM

Complaint Category Overlap mapping

commercial

construction

vehicle

? neighbor

helicopter

overall overlap

People Always Complaint Different Kinds of Noise - 123 -

CENTRAL PARK

Survive?

Live within Manhattan, Live within Noise

People Still Love Living in The City Within Their Noise

- 124 -

Central park was the heart of the city. It is so nice to attract people to enjoy there lives and tv station to grab great shots of the city in the sky. So in this area, people always compliant about helicopters for gathering news resource.

TIME SQUARE AREA

NEWYORK CHINATOWN

Interesting thing is that although Manhattan has Koreatown and Japanese town, Chinese-town is the most noisy one in New yorker’s eyes. Maybe because Chinese-town always has people peddling and also its location is next to SOHO area, and not far away from 5th Ave commercial area.

WORLD TRADE CENTER CONSTRUCTION SITE

±

NEWYORK SOHO

Downtown area is always doing its renewal, reconstruction, deconstruction... Plus, new world trade center has been under construction for several years, so noise compliant about construction will never stop.

- 125 -

- 126 -

3D Data Visualization CENTRAL PARK 2012-2013 Manhattan Noise Complaint Density

TIME SQUARE AREA

NEWYORK SOHO

NEWYORK CHINATOWN

WORLD TRADE CENTER CONSTRUCTION SITE

- 127 -

08 | TRANS-MUTATIVE SQUARE Explore with Grasshopper Instructor: Jason Butz Period: 2015 Fall Course: Advanced Grasshopper Technology+Tectonic

This course is about new digital ways creating complexity in new architectural vista. From the initial natural pattern study and research, each team will find a grasshopper definition to finalize geometry which is controlled by varies plug-ins.

- 128 -

Pattern Morphology Order to Chaos

Variation 1

Variation 3

Variation 2

Variation 4 - 129 -

Grid Point-cloud Deformation Segment 01

dividing parameter: 00 : 11: 36 Point Cloud Movement Trace Time Step: 1 sec

Phase 01

Phase 02

Phase 03

Phase 04

axo

plan

elevation - 130 -

grid outcome

Grid Point-cloud Deformation Segment 02

dividing parameter: 00 : 32: 43 Point Cloud Movement Trace Time Step: 5 sec

Phase 01

Phase 02

Phase 03

Phase 04

axo

plan

elevation - 131 -

grid outcome

Structure Analysis optimizing and selecting

Segment 01

MATERIAL: steel SECTION SHAPE: I-beam

MATERIAL: steel SECTION SHAPE: solid-circle

MATERIAL: steel SECTION SHAPE: solid-square

Segment 01

MATERIAL: steel SECTION SHAPE: I-beam

MATERIAL: steel SECTION SHAPE: solid-circle

Most Stable Final Outcome - 132 -

MATERIAL: steel SECTION SHAPE: solid-square

Stable Structure Outcome Plan+section

- 133 -

Fabrication 3D Printed Casting Shuttering

Fabrication Digram

3D Printed Sample: 7’ x 7�

- 134 -

Speculation Spatial Intervention

Applying my prototype into city as an architectural intervention to make spectial spatial quality.

- 135 -

09 | CONSTRUCTING IDEA “7 Rooms” Exhibition Instructor: Jan Ulmer Teammate: Yuchen Song Period: 2016 Fall Course: Constructing Idea Location: Pritzker Art Fundation, St. Louis, USA

- 136 -

Exhibit Absence One of “7 Rooms“ We understand these rooms as viewing machines. They are free of any function and program. They reflect and interact with the physical context. Our goal was to create site - specific spatial statements, avoiding random design-decisions. Two other given constraints besides the context are the frame of 20 ft x 20 ft facing north, plus the color white. Feel invited to explore, gather, play, rest and stay. We are happy to put you on stage.

Ol ive St .

N.

Va nd ev en ter

Av e.

My intervention named ‘skyline‘, which is located in between two previous building footprint. We used vertical framed wall facing slope frame supported surface to indicate two different buildings, two different attitudes toward different directions. The slope is facing the St Louis downtown, especially presenting iconic building new around with in ‘window‘ on vertical wall. It gives people a chance to walk through the gap in between and lay at slope to see skyline.

N.

Sp rin

gA ve .

Ol ive St .

historical map existing buildings intervention sites (20*20ft)

- 137 -

Proposal Slope V.S. Vertical Wall

Figure/Ground Relationship

Proposal 1

Proposal 2

Test Mockup Model - 138 -

Proposal 3

Tectonic Frame+Surface

- 139 -

Fabrication & Construction Components+Build up on site

- 140 -

Finished Object in The Exhibition

- 141 -

10 | BERLIN ATLAS Photography Collection Instructor: Jan Trutz, Gรถtz von Stuckrad Period: 2016 Spring Course: Berlin Bricks Paradigm Shifts and Continuity Location: Berlin, Germany

This atlas is attributed to obverse the city of Berlin in an alternative way which allow you see through ordered facade to find unique, unusual outside-in urban characters, contexts even figures.

- 142 -

- 143 -

ALL RIGHTS RESERVED ©Junfei Pei 2017