Portfolio January 2020

PORTFOLIO Yuebin Dong Master of Architecture in Urban Design Harvard Graduate School of Design Selected Works 2016-2019 Application to MDes Harvard Graduate School of Design

Part I: Computational Design

01/ MASS PRODUCTION Introduction to Computational Design | 2019 Fall Harvard Graduate School of Design Instructor: Jose Luis García del Castillo y López Collaborated with: Maoran Sun, Pengcheng Sun

This project reflects and explores how CAD “aid” early-phase urban design. Currently, urban design is mostly done with 3D software. After some sketches during early concept design phase, most time of design development is spent studying and manipulating building massing in 3D modeling software.

Our group is interested in providing an alternative workflow which emphasizes hand-on 2d sketches and quick 3d massing feedback from 3d software. This “old school hand and eye” design workflow makes early concept design phase more efficient and productive.

The advantage of this workflow is quick design iteration, and the hands-on design manipulation. The limitation is that this prototype may only apply during the early design phases and lacks the ability to do detailed design.

Learn More https://github.com/CakeMoon/Mass-Production Video https://www.youtube.com/watch?v=cCVs_PxxEPM 1

OFFICE + PARKING

MASS PRODUCTION: CONCEPTUAL URBAN MASSING SKETCHBOOK

HOUSING + PARKING + RETAIL

As all of our group are urban design students, we want to create a tool for urban designer. Urban design is in-between architecture and planning, so the scale of it varies from human scale to large regional scale. Urban designers use massing as a tool to deal with middle scale design, by hand sketching or physical modeling. Mass Production is a digital sketchbook for urban designer.

HOUSING + PARKING + RETAIL

Mass Production [1] The first meaning of “Mass Production” simply is that it assist with production massing study. Urban design often ignores architecture and engineering detail, but still emphasize program, form and space. Designer can use Mass Production to have a quick feedback that shows the 3D form, figure ground relationship, circulation, site section, and program distribution, etc.

HOUSING + PARKING

HOUSING + RETAIL

HOUSING + HOTEL + OFFICE + RETAIL

OFFICE+ RETA

HOUSING + HOTEL + OFFICE + RETAIL

OFFICE + RETAIL

Scale: From Architecture to Massing

Mass Production [2] The second meaning of “Mass Production” is a social and economic term which mean it produces fast and heavily. Instead of hand sketch, urban designers can use Mass Production to work on massing study quicker and easier. World economy still grows fast and plenty of land is under rapid urbanization today, in this situation technology helps us on mass prodction.

OFFICE + RETAIL

HOUSING + RETAIL + PARKING

HOUSING + OFFICE + PARKING RETAIL

World Economic Growth

High Density of Hong Kong 2

IN-BETWEEN HAND DRAWING AND DIGITAL

Hand Drawing Workflow

Digital Workflow

Hand Drawing Tools

Digital Tools

DIGITAL

SKETCHBOOK

Hand Drawing Presentation

Digital Presentation Traditional tool of designer is hand sketch, and most of designers today still start school and career from hand drawing training. Designers have 3D model in their mind and present design by hands.

However, industrial design works are all done by analysis, model and render software. Mass Production is a sketchbook but digital. It provides designers with experience in between traditional tool and industrial tool.

3

PROGRAM STRUCTURE AND DATA FLOW

Sketch GUI /Web

Massing Generator

P5.js

class.js

IPad + Pencil

README.md

functions.js

> class Point > class L > class Rectangle > class Polygon > class Button > class ButtonColor extends Button > class ButtonClear extends Button > class ButtonSave extends Button > class ButtonHeight extends Button > class ButtonMode extends Button > class ButtonDelete extends Button

p5.js

p5.sound.js

> function inside(point, vs) > function pointsToRec(pts, program, height, fill_color) > function mapcolor(c) > function checkDist(x, y, px, py) > function cleanarr(arr) > function mapCurveToPoint(curves) > function recExport(rect) > function polyExport(polygon) > function finalExport(shapes)

index.html

Rhinoceros + Grasshopper

Desktop / Laptop

points, program, floors, mode; points, program, floors, mode; points, program, floors, mode; points, program, floors, mode; points, program, floors, mode; ......

> function setup() > function draw() > function mouseReleased() > function mouseDragged() > function mousePressed()

reset all buttons' select status to false

add to polygons

reset all shapes' select status to false

add to voids

reinitialize parameters

Y

initial data START: open index.html

sketch.js

File

N

call setup() create canvas; create an array of buttons

add to shapes

void program

call mousePressed()

add to voids

read file

create massing

visualize massing

map color to program

visualize floor

Y Delete is selected Y list shape[i].delete = true

Y

a shape is selected

N

call mouseDragged()

void program

N Y a button is selected

N

draw a line

N

curve mode

create section plans

call mouseReleased()

create site plan

Y button[i].execute()

mouse is released

Y

4

SKETCH GRAPHICAL USER INTERFACE

Program Buttons

Clear Canvas

Users select programs and GUI maps programs with colors.

Users delete all shapes on canvas by one click.

Save The GUI saves data to a txt file for 3D generator to read.

Switch Modes Buttons Users switch modes so they can either draw rectangles or free curves.

Void Buttons

Delete Buttons

Users draw voids and 3D generator executes boolean operations.

Users use delete mode and use pencil to select shapes to delete.

5

3D MODEL GENERATOR

Site Plan 3D generator creates site plan of massing foot print and streets for users. Designers can read figure ground relationship, circulation, density, and public space, etc.

Site Sections 3D generator presents a series of site section plans for users. Designer can read density change, sun shadow, void intervals, and topography, etc.

3D Model 3D generator converts data from GUI to a 3D digital model. Users can read design by 3D model easier than 3D hand sketches. It shows block typologies, program distribution, density and other information which are all essential for urban designer. Plus this 3D model is useful if users want to go further with detail design. Then it can be developed to a more complicated model.

6

Part I: Computational Design

02/ MESHMOJI Introduction to Computational Design | 2019 Fall Harvard Graduate School of Design Instructor: Jose Luis García del Castillo y López Collaborated with: Maoran Sun, Pengcheng Sun

This project explores 3D scan, real-time facial recognition, and mesh processing. Meshmoji provides users with a real-time customized emoji maker. It is based on mesh which is collected by 3D scanning users’ faces, then produces emoji by processing the mesh in real time, according users’ expression read by camera.

Emoji is popular in social network while 3D scanning seems far from our everyday life. We try to link these two terms so that 3D scanning becomes interesting and useful for people.

Learn More https://github.com/CakeMoon/MESHMOJI Video https://www.youtube.com/watch?v=PZwPSocR5Co Reference https://www.quora.com/What-is-the-VGG-neural-network https://github.com/xionghc/Facial-Expression-Recognition 7

CREATE YOUR CUSTOMIZED MESHMOJI Meshmoji is a tool to create customized emoji for users, by reading users’ expressions and processing 3D scan mesh of users in real time.

Real-time Emoji Trough 3D scanning users can access a mesh that is highly similar to themselves. By process the mesh, users can get unique emoji which appears like their facial expressions.

+ 3D Scan

= Expression

Emoji

Encoding Panda emoji is a popular series of emoji in China and it can be easily customized. Users change the face of the panda the text under the panda, then the panda can have various precise meaning. Our mesh processing use this method, so only the key facial features are modified to create different emoji, but other part of the mesh is untouched.

Face

Text 8

PROGRAM STRUCTURE AND DATA FLOW Facial Expression Recognition [‘angry’, ‘disgusted’, ‘fearful’, ‘happy’, ‘sad’, ‘surprised’, ‘neutral’]

OpenCV

FER2013

SoftMax

CSV File

Mesh Operator

Smoothing Deforming Preprocessing

On-Mesh Manipulate Feature Vertices

3D Scan

Detecting

Visualizing

Clustering

Combining 9

PREPROCESSING

DETECTING

SMOOTHING

- Original mesh;

- Detect Angle Max: 0.5 - Detect Angle Min: 1.0

-Iteration: 1

-Iteration: 4

- Weld mesh; - Convert all faces to triangular faces;

- Detect Angle Max: 1.0 - Detect Angle Min: 2.0

-Iteration: 2

-Iteration: 6

- Filter “protruding” vertice according to vertex normals; - Exaggerating “protruding” vertice for detection;

- Detect Angle Max: 0.8 - Detect Angle Min: 1.0

-Iteration: 3

-Iteration: 10 10

CLUSTERING

DEFORMING

-Facial Featuring Points

-Facial Featuring Point Clusters

-K-Means Clustering

-Combination of Emotion Components

COMBINING

Shapes of Emotion Status - Ummm Line - Smile Curve - Frown Curve - Kiss Circle - Wow Circle -Separate Clusters for Detection

- On-Mesh Manipulating Featuring Points 11

SUBDIVIDING

VISUALIZING Sketchy

-Find Feature Vertices

-Find Midpoints and Divide Face

-Update Feature Points

-Find Midpoints and Divide Face

-Edge Reduce Ratio -Edge Extend Ratio

-Find Feature Vertices

-Find Midpoints and Divide Face

Alternatives Emoji Color?

Peking Opera?

-Find Midpoints and Divide Face

-Find Midpoints and Divide Face

Wind Effect?

-Find Feature Vertices

-Find Midpoints and Divide Face

Pencil Hatch Effect 12

Part I: Computational Design

03/ URBAN EMERGENCE Introduction to Computational Design | 2019 Fall Harvard Graduate School of Design Instructor: Jose Luis GarcĂ­a del Castillo y LĂłpez Collaborated with: Maoran Sun, Pengcheng Sun

This project is an automatically generated terrain and city. Inspired by the pixel game MineCraft and Ville Radieuse, a urbanism theory given by Le Corbusier, some rules of generating a city on a dynamic surface are defined. A city with buildings and landscape is formed based on the features of the surface.

Not only is this project a re-imagination of the manifesto of Corbusier, but also is a useful tool for different situations. It can be used in video games where random terrians and cities are needed.

Learn More https://github.com/CakeMoon/Urban-Emergence Video https://www.youtube.com/watch?v=xitQeN8XusQ 13

RANDOM CITIES OR REGULAR CITES

AUTOMATICALLY GENERATED TERRAIN

There are thousands cities in the world, some of which are similar in some aspect. Many cities have highways, high-rise CBD, huge landscape parks, apartment housing, etc. However, cities look different at the same time, and these differences are probably caused by natural or cultural reasons. As we see, cities are random but also regular, so if we can create cities, how do we make them appear similarly in some aspects but various in the other? This project is a random / regular cities generator.

The fundamental of cities are terrains. The first step is to create automatically generated terrain. The curvature and height of the surface are dynamic.

Curvature

MineCraft The first inspiration is the video game MineCraft. Objects in our world become cubes with attributes in the game. The elements of the game seems simply but users can create whatever objects, environment or cities they want. We adapt this method and we use pixel-like objects to present elements of a city - terrain, landscape and buildings.

Ville Radieuse This is a famous manifesto by Le Corbusier, however it is not fullfiled in real cities, because it is to ideal. But ideal cities are exactly what we need for this project. Strong rules are essential to automatically generate cities.

Height

14

URBANIZATION

DE- URBANIZATION

Low-Density: 60% in Urban Area, 10% in Low&High Altitude

Mid-Density: 25% in Urban Area

High-Density: 5% in Urban Area

Open Space: Low & High Altitude, 10% in Urban Area

15

PROGRAM STRUCTURE AND DATA FLOW Grasshopper Structure

C# Data Flow

16

URBANIZATION

DE-URBANIZATION

17

GENERATIVE DESIGN IN VIDEO GAMES

Grand Theft “Manu”

“FortFlight”

“Monument Mountain”

18

Part 2: Urban Design

04/ HIGHWAYS AS PUBLIC TRANSIT INFRASTRUCTURE Studio: Future Streets of Los Angeles | 2019 Spring Harvard Graduate School of Design Instructor: Andres Sevtsuk Collaborated with: Sunmee Lee

This project explores an alternative to the rail network expansion planned in Measure M which is a transportation sales tax initiative approved by Los Angeles voters in 2016. In the suburbanized LA context, extensive highway network has been supporting long-distance commuters. But it has been exclusive to car owners and those who can afford rideshare services. Therefore, we propose to use LA’s existing highway network for public transit to offer more equitable and efficient mobility in the future of Los Angeles.

Since the automobile era began, transportation injustice in L.A. has been reinforced. Low-income households and communities of color who highly depend on public transit spend more time to travel and have limited accessibility as they cannot afford a car. It is often observed that even Metro Rail projects associated with transit-oriented development trigger rapid gentrification which results in low transit ridership and existing community displacement. Our proposal suggests opening existing highways for public transit to bring it to the places in most need while respecting local communities.

19

Canoga Park - Winnetka - Woodland Hills - West Hills North Hollywood - Valley Village

Van Nuys - North Sherman Oaks

LOS ANGELES: CAR CULTURE AND HIGHWAY NEIGHBORHOOD Encino - Tarzana

When thinking of Los Angeles, what comes to your mind? L.A. has grown with its car-culture accompanying freeways, parking lots and gas stations. While automobile is a convenient way to move around the greater Los Angeles, it gave L.A. a title “the most congested city in the United States”. Aware of concerns such as traffic congestion, transportation inequity, air pollution and population growth, in the past decades, Los Angeles has attracted public supports for its public transit. In 2008, Measure R - a half-cent sales

tax measure for Los Angeles County to fund new public transit - was approved by the voters, and in 2016, it increased to a full cent with approval of Measure M. According to LA Metro, Measure M plan is intended to raise 120 billion US dollars to fund a wide range of transportation projects including rail/subway/bus system expansion, freeway traffic flow/safety improvement, street improvement and road repair during the fiscal years 2018-2057. Particularly, exiting Metro Rail extension and new Metro Rail construction expect to change mobility patterns in L.A.

Analysis Based on Streetlight Data

Cars on Highway

Sherman Oaks - Studio City - Toluca Lake - Cahuenga Pass

Hollywood

Northeast Los Angeles

Bel Air - Beverly Crest

Brentwood - Pacific Palisades

I-405

Silver Lake - Echo Park

I-5

US-101 Westwood

I-10

Central City North

Wilshire

I-10

Westlake

Sewtelle

I-10 West Los Angeles

Central City

I-10 West Adams- Sugar Hill

I-10

Palms - Mar Vista - Del Rey

I-710

Boyle Heights

US-60

US-60

I-5

Baldwin Hills - Leimert South Los Angeles

Southeast Los Angeles Venice Palms - Del Rey - Mar Vista

I-110 Westchester - Playa del Rey

LAX

Westchester - Playa del Rey

I-105

Highway Construction and The Neighborhoods

Cities’ Mode Share

San Diego Freeway (I-405)

0.9% Bicycle 2.9% Walked 1% other means Motercycle 0.2% Public Transportation

Carpooled

7.0%

10.3%

28.0% 32.0% Car Walked 3.0%

Bicycle

72.6% Drive alone Los Angeles

worked at home 3% Taxicab, Motorcycle or other means 1.5%

Other means 2.0% For-Hire Vehicle 3.0%

8.0% Bus

2.1%

14.6% Walked

Bicycle 33.6% Public Transportation

39.0% Drive alone

23.0% Subway I-10 : Santa Monica Freeway

New York City

I-405 : San Diego Freeway I-110 : Harbor Freeway

Other means 2.0% For-Hire Vehicle 4.5% 6.5% Car

Santa Monica Freeway (I-10)

Santa Monica Freeway (I-10)

Harbor Gateway

29.5% 40.0% Subway Walked

Wilmington - Harbor City

9.5% Bus 5.70% Carpooled

4.0%

Boston

Manhattan

Port of Los Angeles

Bicycle Wilmington - Harbor City

Walked Bicycle+Others 0.2% 16.1% Bicycle 2.1% Walked Motercycle 0.5% Car+Subway0.6% Car+Bus 0.5% 19.4% Subway +Bus 12.2% Subway

22.6% Car 25.6% Bus

Shanghai

8.8% Bicycle 10.3%

17.7% Car

PORT OF LOS ANGELES PORT OF LOS ANGELES

4.8% TNC

Public Transportation 55.0%

Port of Los Angeles PORT OF LOS ANGELES San Pedro

Seoul

20

HIGHWAY AS PUBLIC INFRASTRUCTURE As a backbone of public transit network, highways support long-distance travels in the suburbanized Los Angeles. Travels can be continued by local buses, Metro Rails and even smaller modes. With all, public transit catchment areas dramatically increase. Our study

shows that, for the same budget, the highway public transit network could be five point-four times longer, and it could reach three-pointfive times more low-income households compared to newly planned rails in Measure M.

Future Metro Rails Scenario V.S. Highway Station Scenario

FUTURE RAILS UNDER MEASURE M

HIGHWAY STATION SCENARIO

<

NETWORK STRETCH (WITH THE SAME BUDGET)

76 miles

410 miles

X 5.4

<

LOW INCOME HOUSEHOLDS REACHED (ANNUAL MEDIAN INCOME LESS THAN/EQUAL TO 40K)

381,648

1,334,942

X 3.5

0

4

8

16 Miles

0

4

8

16 Miles

Future 3rd LA

0

2.5

5

10 Miles

Highway Public Transit Network Bus Express Lane System Long Distance with No Transfer

Change Bus Route via Highway Station

21

0

0.25

0.5

1 Miles

SERVICE AREA AND MICRO DASH Families living in South L.A. and along I-10 earn less than those who live in the west part of Los Angeles. Lower-income households are highly dependent on public transit but current accessibility to public transit is poor. After ana-

Half mile (800m) walkshed Analysis Around metro rail and highway stations

lyzing half-mile walksheds from stations, unserved areas of highway and Metro Rail station are identified. Based on the study, micro dash routes are proposed to offer accessibility to people in the unserved areas.

Areas not served by Metro rail and highway stations

Proposed micro dash routes For unserved areas 22

HIGHWAY STATIONS WITH COMMUNITY AMENITIES_TYPE A

STREET

SIDE WALK

BLOCK

RAMP

LANES

LANES

RAMP

BLOCK

SIDE WALK

STREET

I-10 / gramercy station | Ditched Highway

EXISTING VEIW FROM BRIDGE: EXPOSED TO NOISE AND AIR POLLUTION

LOW WALKABILITY

STREET IMPROVEMENT PLAN

PRIORITIZED STREET FOR IMPROVEMENT

SEMI-OPEN DECK AT UPPER (GROUND) LEVEL ENCLOSED PLATFORM AT LOWER(HIGHWAY) LEVEL

TRANSFER TO LOCAL DASH

STREET VENDORS

LOCAL MARKET ON EXPANDED DECK

BUFFER WITH PLANTING

BLOCK

RAMP

LANES

LANES

RAMP

BLOCK

SIDE WALK

STREET

SIDE WALK

TYPE A - EXPANDED DECK OPTION

PRIORITIZED STREET FOR IMPROVEMENT

TYPE A - DITCHED HIGHWAY

23

HIGHWAY STATIONS WITH COMMUNITY AMENITIES_TYPE B

BLOCK

SIDE WALK

DARK TUNNEL

STREET

UNUSED BUFFER ZONE

SIDE WALK

BLOCK

STREET

RAMP RAMP

LANE

LANES LANES

LANES LANES

RAMP

LANE

RAMP

BLOCK BLOCK

SIDE WALK

STREET

SIDE WALK

I-10 / budlong station | elevated Highway

OPEN SPACE ESCALATOR AND ELEVATOR

TWO SIDED PLATFORM STREET IMPROVEMENT PLAN AND EXPRESS LANES FOR HIGHWAY BUSES PRIORITIZED STREET FOR IMPROVEMENT DIVERGING SECTION

BUFFER WITH PLANTING

MERGING SECTION

GPL EXL EXL GPL

STATION

BLOCK

RAMP

LANES

LANES

RAMP

BLOCK

SIDE WALK

STREET

SIDE WALK

DIVERGING SECTION

INNER LANE BUS ONLY SECTION

MERGING SECTION

PRIORITIZED STREET FOR IMPROVEMENT

TYPE B - ELEVATED HIGHWAY

24

HIGHWAY STATIONS WITH COMMUNITY AMENITIES_TYPE C

BLOCK

RAMP

LANES

LANES

RAMP

BLOCK

SIDE WALK

STREET

SIDE WALK

I-10 / orchard station | blocking Highway

VIEW FROM SOUTHERN AREA: HIGHWAY SEPERATING COMMUNITIES

COMMUNITY AMENITIES AT LOWER LEVEL

VIEW FROM NORTHERN AREA: DEAD END

PEDESTRIAN ONLY OPEN SPACE

STREET IMPROVEMENT PLAN BUFFER WITH PLANTING

PRIORITIZED STREET FOR IMPROVEMENT

STATION AT UPPER LEVEL (HIGHWAY)

TYPE C - BLOCKING HIGHWAY TO OPEN SPACE

25

ENVIRONMENT AND AMENITIES IMPROVEMENT

Bicycling Home from I-10/ Gramercy Station

View to I-10 / Budlong Station from Inside of Micro Dash

View from the Deck of I-10/Gramercy Station

Community Driven Program for Facilities at Lower Level of a Highway Station

26

Part 2: Urban Design

05/ CORNERS OF THE STREETS Studio: Hong Kou Urban Design | 2016 Fall Tongji University Instructor: Songhua Dai Individual Work

In this studio every student are require to survey the Hongkou Harbor District to find problems and resources related to the tourism. The study finally turned into an urban design to attract and serve tourists.

During the survey I found it easily for people to stay on the corners of streets because of the complicated pattern of roads. The photos taken on the corners show the context of the area. I used the version of photographer as a prototype and transfered it into architectural interventions.

27

AMBITION AND SITUATION OF HONGKOU HARBOUR Huangpu river and Suzhou river are the two most important rivers in Shanghai. At the junction of them, Huangpu District, Pudong District, and Hongkou District intersect. Huangpu District is the oldest district in Shanghai and the early Shanghai city developed from it. The Bund in Huangpu District which was once the financial center of Aisa is a symbol of Shanghai.Pudong Dis-

Tourism in Three Districts trict developed sharply afer 1970s and the new financial center of Shanghai, Lujiazui lies there. The high-rise buildings and the skyline of Lujiazui is another symbol of Shanghai. The Hongkou Harbor near the Bund and Lujiazui lacks attraction. The government of Hongkou launched a plan to find the symbols of Hongkou and gain competitiveness.

Huangpu

Yangpu Zhebei

A Billboard in Hongkou Harbor Hongkou The famous attraction in Huangpu is the bund, where art-deco buildings were built nearly a hundred years ago. Every tourist going to Shanghai visits this place for the history of Shanghai.

Hongkou The Hongkou Harbor used to be an important harbor in Shanghai. Now the water transport has declined since the condition of rivers got wrose. The context here is disorded.

Pudong Huangpu

Pudong

Tianai Water Tower Luxun Park Caf Atlantic Caf Atlantic Sculpture

Lujiazui in Huangpu represent the model Shanghai, where lots of high-rise buildings stand. Every year many tourists come here to see the modern financial center.

Shanghai Jewish Refugess Museum North Sichuan Road Duolun Road Sculpture Luxun Monument Luxun Plaza Heping Park

Suzhou River

Hongkou Harbor Huangpu River

28

Jiu

STREET CORNER OF HISTORY

g lon

Jin

tia

Jiulo

jia zu i

t Yu Eas

d

ian

Ha

rb

j Xin

in

Rd

ng R

Rd

jin

Wu

Rd Zhoujiazui Rd

Shangq iu Rd

so Wu

Before 1910

d

Liyang

inin

Rd

Rd

d

gR

an

uh tY as

g Tan

a tH as

E

ian

tH Eas

Wuso

H st Ea

d

nR

Xi’a

i Rd

gzh

han

tC Eas

qiu

d

d

gR

yan

an

Rd

g an

gR

g

Sh

d

Yu

ya n

lon

Lvshu n Rd

ng R

Li

Jiu

d

gR

n ha

Rd

Rd

ang any

d

Ma

1911-1932

d

gR

olin

j Xin

Ea

ei R Em

d

gR

inin

d

nR

sha

g Tan

Rd st Yuhang

Ha

d

gR

an ny

g Rd

n Yuha

East

d

nR

sha

E

g Rd

rth

No

Jiulon

ig

Wuzhou Rd

R ng

d gR

Ha

in Ha

d

gR

han

Zh

d

ou

ng R

d

Rd

Wuzhou Rd

Shajing Rd

Liya

nR

Rd ou gzh Ton

is a characteristic of Hongkou Harbor. A tour guide on scenes of corners is needed for tourists interested in history of streets and buildings. There is an area of vacant land on the site. The program need a tour center for people to have a grand view of the district and get maps and guides which can lead them to the corners they want to go.

Rd

Because the pattern of reads is complicated, there are many different types of corners in various angles and shape. The traffic lights in the area is more than other parts in the city. When waiting for the traffic light, tourists can see different buildings on the corners of the streets. These buildings were built in various ages and have different forms according to the corners. This

Rd

Xin d

Rd

nR

ei

jia

Em

d

iR

zh

Xi’

ng

ha

C st

an

Ea

Rd

Kunshan Rd

d

Ha

Rd

d

iR

hu

Lvs

zh

ng

tC as

Emei Rd

E

d

nR

Rd

am

D st

Ea ha

Tanggu

ing

d

ng R

Rd

ng R

Liya

Jiulo

g

an ny

Nanxun Rd

1933-1949

Tanggu Rd Liy an

gR

Jiu

lon

Ta n Mi

Wuchang Rd

1950-1978

gg

nh

an

d

gR

d

uR

Ea

d

ing

am

D st

d

gR

Rd

nxu

Na

Rd hi

d

Ch

an

gz

Rd

Rd

nR

Rd

Huangpu River

d u

gp

an

Hu

Rd

0

g on nt

Tia

Zhapu Rd

d

uR gp an

Hu

ng

mi

nxu

Na

Rd

Da

50

100

200

N

Rd

After 1978

nR

Emei

Wusong

Zhapu Rd

Tiantong

d

gR

min

Da

Nort

h Su

zhou

Roa

d

Vacant land

Photo

Tourist

Tour center

Tour guide

Display

Map

Photo

Distribute

Construction

Historical spot

Map

Record

29

PROJECT THE CORNERS 1

2010

2

10

6

8

1990

3

When taking photos of street corners, tourists find the abundant history of Hongkou Harbor. The photo is a project of history of Hongkou. A prototype of corner is abstracted from the street corners and version of photographer. The prototype is evolved into different typologies of architectural intervention.

1970 4 1950

Display

5 9

7

Seat

Table

Door

1930 1910

Plastic Wood

Plastic Brick

Glass Brick

Glass

1

Metal

8 6

1

10 Glass

6

9 2

4

7

Wood

3 5

30

g lon J iu

tia

Liya

ng R

Rd rb in

Ha

11

Zh

i

ain

hH

rt No

d gR

90

Jiulon g Rd

89 91

Wuzhou Rd

Liyang Rd

ain

H

17

14

d

R ing

23 Shangq iu Rd

13 98 99

26

i Rd oujiazu

16

12

d nR

15

Rd

37

36

East

27

d

R ng

a

h Yu st Ea

Yuha

Ea

38

d nR

jia

Ma

39

44

42

41

anyang

g

Rd

d

nR

Xi’a

iu

d

gq

gR

an

lon

n Rd

Yu

ya n

Jiu

45

Sh

d

ha

ng

Li

43

Rd

Lvshu

ng R

Wuso

East H

Rd

33 Xin

ol

95

d ei R

Em

d

R ing

34

d

nR

sha

40

31

a

H st

35

Rd

Em

st

ei

Ea

d

iR

gzh

an Ch

46 47

Rd

48

Rd

Kunshan Rd

d

Rd

54

53

ng R

ong Jiul

Nanxun Rd

01,04,06,09,17,20,21,24 ,26,31,32,38,47,59,62,8 1,91,92,96,99

Liya

49

Mixed use

an

Ha

Xi’

g

an ny

Rd

50

C st

Ea

56 Tanggu

hi

gz

n ha

52

51

Rd

59

Rd

60 55

57 58

lon

65 Mi

nh

64

Wuchang Rd

Ta n

gg

an

E

d

gR

62

d

uR

gR

Rd

gR

Jiu

63

61

Liy an

ing

am

D ast

67

d

66

d

70 iR d

d

d antong R

69

zh ng

75

81

79

68

71

Ch a

Rd

Zhapu R

Wusong

78

ng

mi

80

Da

Rd

76

73

72 74

Huangpu River

77

86

82

83

d

uR

85

gp an

Hu

d

nR

nxu

Na

Ti

Tia d

gR

on nt

84

87 88 Nor

th S

uzho

u

u

gp

an

Hu

N

0

50

100

200

Rd

31

d

nR

sha

g Tan

32

d

gR

an ny

g Tan

94

29

28

30

d ng R

92

93

t Yu Eas

25

jia

10

gR

han

24 Xi n

jin Wu

21

22

09

07

19

20

06

97

18

d

08

05

Cross 96

d

nR

d

04

02,11,25,29,36,40,41,43 ,45,70,75

Shajing Rd

RECONSTRUCT THE CORNERS

02

R ou gzh Ton

01

Wuzhou Rd

Rd

Jin

03

g lon Jiu

tia

04 Rd

06 15

in

Ha rb

Rd

11

Zh

13 14 Liyang Rd

d

R ing

ain

89 90

g Rd

i

ain

hH

rt No

d gR

Jiulon

H

17 Wuzhou Rd

98 99

91

23 Shangq iu Rd

12

26

i Rd oujiazu

16

37

36

East

27

d

R ng

a

h Yu st Ea

Yuha

Ea

nR

39

d

Ma

d

ei R

ol

95

38

44

42

41

anyang

g

Rd

d

nR

Xi’a

iu

d

gq

gR

an

lon

n Rd

Yu

ya n

Jiu

45

Sh

d

ha

ng

Li

43

Rd

Lvshu

ng R

Wuso

East H

Rd

33 jia Xin

Em

d

R ing

34

d

nR

sha

40

31

a

H st

35

Rd

Em

st

ei

Ea

d

iR

gzh

an Ch

46 47

Rd

48

Rd

Kunshan Rd

d

Rd

54

53

ng R

ong Jiul

Nanxun Rd

08,10,12,15,16,18,22,23 ,30,34,46,51,52,53,54,6 1,74,76,78,82,93,94,95, 97,98

Liya

49

Public green land

an

Ha

Xi’

g

an ny

Rd

50

C st

Ea

56 Tanggu

hi

gz

n ha

52

51

Rd

59

Rd

60 55

57 58

lon

65 Mi

nh

64

Wuchang Rd

Ta n

gg

an

E

d

gR

62

d

uR

gR

Rd

gR

Jiu

63

61

Liy an

ing

am

D ast

67

d

66

d

70 Rd

69

hi gz Ch

d

d antong R

79

68

71 75

an

Rd

Zhapu R

Wusong

78

81 ng

mi

80

Da

Rd

76

73

72 74

Huangpu River

77

an

Hu

d

nR

nxu

Na

Ti

86

gp

82

d

gR

on nt

Nor

th S

uzho

u

83

u

gp

an

Hu

Tia

84

87 88

d uR

85

N

0

50

100

200

Rd

32

d

nR

sha

g Tan

32

d

gR

an ny

g Tan

94

29

28

30

d ng R

92

93

t Yu Eas

25

Rd

jin Wu

97

10

g

han

24

22

09

07

21

n jia Xin

96

19

20

08

05

Fence 07,14,33,35,39,55,64,66 ,69,79,80,83,86,88

d

18

d

Rd

Rd

ng R

nR

hou

Liya

Shajing Rd

RECONSTRUCT THE CORNERS

02

gz Ton

01

Wuzhou Rd

Rd

Jin

03

TOUR CENTER ON A CORNER A tour canter is built on the vacant land using the prototypes as both structure and furnitures inside. It display the mapping and photos of the street corners and provide tourists with maps and tour guide.

Roof

Beam

Street floor

Ground floor

Basement

Exploded Axonometric Drawing

Plan

33

INTERIOR EXPERIENCE The wall and interior furniture use the typologies made before.

Tourist can look around the display, have a rest, get a map etc.

The main function interior is display photos, mappings, and tour guide on the corners of streets.

34