Page 1

Portfolio Architecture and Design Bachelor Degree at California College of the Arts Hao Yu Fall, 2013 - Spring, 2016


Content: “Waving Space”: page 1 - 7 “Recalling the River”: page 8 - 15 “Slowing Paths”: page 16 - 20 “Amp Space”: page 21 - 25 “Community and Visitor Center”: page 26 - 29 “Library Complex”: page 30 - 31 “Material and Method”: page 32 - 33 Internship Projects : page 34 - 49 Profile and Resume : page 50 - 53


Waving Space Pavilion Design and Hands-on Construction

Academic Project Hao Yu Feb 23rd - Apr 3rd, 2015

1


Pavilion design:

The project was installed and shown in the International Furniture Fair in Milan, Italy during the 10th of April until the 22nd.

2


Pavilion performed like a filter in all directions, which allowed dynamic circulation flows within the space. The design was a complexity of the whole modules, which gave a sense of “forest� looking.

Second composition design: Axonometric view

Second composition design: Single module axonometric view

Second composition design: Plan view

Second composition design: Section view

3


One module sample was made in order to exam where and how textile modules connect to the wooden frames in a certain way. During that time, engineers came to help in order to test out whether the string could be attached to the frame safely.

4


Final detail drawings:

2

55

2

15

25

15

65

15

25

10 9

15

5

25

15

15

25

35

10

5

35

25

2

15

55

15

2

75

2 55

2

55

2

55

75

25

15

65

15

25

15

25

5

10

25

15

5

25

15

15

55

2

2

2

55

Constructional detail A and B:

Constructional detail C and D:

Constructional detail E and F:

5


Students spent time prefabricating the pavilion, cutting pieces in correct dimensions and built them together in advance at school. One day before the pavilion was shipped to the Milan site, the prefabrication was successfully done, which caught up the schedule nicely.

6


The completed pavilion in the site, ready for opening:

7


Recalling the River Bridge Design and Masterplanning

Academic Project Hao Yu Fall 2014

8


Mapping analysis:

The Tujunga wash is defined as a 13 - mile - long flood control channel that consists of two forks and is a tributary of the Los Angeles river. It is called a wash because it is usually dry and carries significant flows during and after storms. The maps analyse the communities along the Tujunga wash, based on five different issues:

V

D

VA

O

SB

O

R

N

E

ST

R

EE

N

N

U

YS

BL

V

D

VA

T

O

BR

A

N

D

FO

R

D

BL

V

SB

O

R

N

E

ST

R

EE

SH

EL

D

ST

R

EE

A

N

D

FO

R

D

BL

V

V

D

VA

EL

D

O

N

ST

R

EE

R

N

E

ST

R

EE

N

U

YS

BL

V

D

VA

T

O

A

N

D

FO

R

D

BL

V

SB

O

R

N

E

ST

R

EE

EL

D

N

ST

R

EE

A

N

D

FO

R

D

W O O D M A N AV E

V

EL

D

N

ST

R

EE

BL

V

D

SB

O

R

N

E

ST

R

EE

T

A

N

D

FO

R

D

BL

V

D

T

SH

R O S C O B LV D

S T R AT H E R N S T R E E T

V I C T O R Y B LV D

EL

D

O

N

ST

R

EE

S T R AT H E R N S T R E E T

S TA G G S T R E E T

S TA G G S T R E E T

S H E R M A N WAY

V I C T O R Y B LV D

OXNARD STREET

V I C T O R Y B LV D

OXNARD STREET

B U R B A N K B LV D

B U R B A N K B LV D

B U R B A N K B LV D

B U R B A N K B LV D

B U R B A N K B LV D

C H A N D L E R B LV D

C H A N D L E R B LV D

C H A N D L E R B LV D

C H A N D L E R B LV D

C H A N D L E R B LV D

M A G N O L I A B LV D

M A G N O L I A B LV D

T

R O S C O B LV D

S H E R M A N WAY

OXNARD STREET

YS

BR

O

S TA G G S T R E E T

OXNARD STREET

U

D

SH

S H E R M A N WAY

V I C T O R Y B LV D

BL

T

S T R AT H E R N S T R E E T

S H E R M A N WAY

N

O

BR

O

N

T

D

S TA G G S T R E E T

H A Z E LT I N E AV E

N

R O S C O B LV D

S TA G G S T R E E T

V I C T O R Y B LV D

O

SH

S T R AT H E R N S T R E E T

S H E R M A N WAY

SB

T

R O S C O B LV D

S T R AT H E R N S T R E E T

W O O D M A N AV E

BL

BR

SH

R O S C O B LV D

H A Z E LT I N E AV E

YS

D

T

OXNARD STREET

U

O

BR

N

N

T

D

O

N

W O O D M A N AV E

BL

H A Z E LT I N E AV E

YS

W O O D M A N AV E

U

H A Z E LT I N E AV E

N

W O O D M A N AV E

N

H A Z E LT I N E AV E

VA

M A G N O L I A B LV D

M A G N O L I A B LV D

M A G N O L I A B LV D

High contaminated

Worst infiltration level

Good infiltration level

School

Dense population

Very high unemployment

Contaminated

Worse infiltration level

Neutral infiltration level

Park

Less dense population

High unemployment

Less contaminated

Bad infiltration level

Less infiltration level

Average unemployment Less unemployment

9


Site introduction:

Tujunga dam VA

N

N

U

YS

BL

V

In this big picture, site A, B and C of approximately 600 meters radius are chosen to propose changes as the model sites, in terms of their programs and conditions:

D

O

SB

O

R

N

E

ST

R

EE

T

Site C: Residential

BR

A

N

D

FO

R

D

BL

V

Vacant

D

Industry

SH

EL

D

O

N

ST

R

EE

T

Metro line Site B: Water bed

Residential

R O S C O B LV D

Vacant S T R AT H E R N S T R E E T

Asphalt S TA G G S T R E E T

Lake

Tujunga wash S H E R M A N WAY

V I C T O R Y B LV D

W O O D M A N AV E

Free way

H A Z E LT I N E AV E

Power line

Site A: Residential

OXNARD STREET

School B U R B A N K B LV D

C H A N D L E R B LV D

M A G N O L I A B LV D

10


Site A:

View from west side:

Residential School

“Bridging the Future” Propose to Site A:

Located above the world’s longest mural, the bridge contains a bicycle and two pedestrian paths. The design physically and conceptually links the east and west zones of the park, the local residential neighbourhood, and the high school.

Developing diagrams:

11


Performed a braiding strategy, it provides a great visual access to the Tujunga wash. Faced the climate change in 2050, the branches form ambient system that offers pedestrians activity space on both ends. The bicycle and pedestrian paths join in together above the wash, which brings circulation up and down. People can have a close experience with the wash during its dry season.

12

Bird view perspective:

Long section view:

Walking across the bridge:

Short section view:


Site B: Residential Vacant Asphalt Lake

The blow-up park view

“Recalling the River� Propose to Site B:

The big idea seeks to develop Tujunga inline with the natural erosion of the site, making the 2050 channel a more natural feature and one that will welcome and integrate the community with its local water. The Tujunga wash would be transformed from a straight line into a gentle S-curve, with the water hitting the one side of the channel and then swinging down to the other side.

13 Masterplan of site B


The architecture is merged with large-scale landscaping design. The chosen trees, shrubs, ground covers, and grasses are integrating with the architectural form. The design of the landscaping will also coax people to explore different views of the architecture, the wash, and the layout of the plants themselves.

14

Water coming/leaving the site: Current condition:

Future condition by 2050:


To conclude, in an area with an enormous scale containing a massive flow of cars, pedestrians, and with the chances of storm water damage, the new channel will recalls a natural river.

15


Slowing Paths Multi-unit Urban Housing

Academic Project Hao Yu Spring 2014

16


Iteration A: Courtyards merge with circulation

Split and orient the site into four large parts

Hollow block as courtyard

Iteration B: Streets merge with circulation

Create main circulation

Merge the courtyards with streets

Four main streets define the massing typology

Develop streets to emphasize spatial value

Point circulation continues the main logic

Composite iteration:

Drive way

Rearrange the orientation, making the massing more response to the site condition

Use the same strategy to create the courtyard and street condition

The courtyards merge with the streets. When people walk through the space, they experience the threshold moments within the courtyard and streets.

Waterfront

The logic of courtyard vs. street brings people into the housing complex and leads them to the edge of the waterfront.

17


Site section with contexts

Deep wall section

The layout of the interior spaces activate the street condition through a generous bay window. When a visitor passes a bay window, he/she would have a visual connection with residents inside.

18


di n g uil igh bo rB

The main concept can be seen through the plan. The housing project is organized into four courts, linked by a network of streets, which promotes exploration.

Unit types:

Ne

Second floor plan | Green space design

Te r

ry

A

Fr

an

co is B

lvd

Neighborhood

Professionals, 1000 - 1400 sqft

Students, 500 - 750 sqft

Seniors, 600 - 900 sqft

Neighbor Building

19


Overall, using a system of streets and courtyards, this project aims to create a pedestrian oriented network composed by meandering paths. It seeks to extend the time of walking and amplify visual connections between visitors and residents. In this community, students and seniors may share pleasant walking experiences while going to and from their homes.

20


Amp Space Hotel and Commercial Center

Academic Project Hao Yu Fall 2013

21


THE STREET CORNER

Proposals

--Life Between Buildings

A

FDR Highway

Street Conditions

In the South and Peck slip, there is a good view of Brooklyn Bridge. The rasied level to captures the cityscape.

Two- ways One way Bicycling Subway Lines

Section AA: Street plaza

A B

B

C

10 min walking

At South and Beekman streets, parking spaces block the view of the waterfront. Suspended art provides an interactive point of interest.

Section BB: Children playground

D

Section CC: Outdoor seats

Located near pier 17 of New York City, this hotel offers a transition between “cages” and streets, providing opportunities to get to know the city in a more dynamically spatial way.

22 Elevation BB 1’=1/32”

Elevation AA 1’=1/32”


Hotel view from the street

Hotel atrium interior

The hotel carries a lot public characters by having functional space. In this project, I wish hotel space could offer people a higher life standard where they are not only sleep and have meals, but also connect themselves with the city by living in the hotel. 23


Massing study

Variances Diagram BUILDING CODES:

Amp space locations

- Vertical and Horizontal circulations: Offer: Public plaza at street level of

Variance 1: An area of public plaza at street level

Get: Adding 3 square feet to the projects for every area of square foot 10’

Tea house

53’

63’ 35’ 120’

24’ 85’

Yoga 37’

88’9”

55’

63’

Offer: Public plaza above street level of

Variance 2: An area of public plaza above street level

Model details - Popped windows

Viewing deck

Get: Adding 3 square feet to the projects for every area of sqaure foot

10’

Going all the way up through the Amp Space.

57’

63’

35’

120’

85’

88’9”

The intensities change along the axis of the hotel, effecting the adjacent programs.

GYM

63’

40’

30’

Sauna house Variance 3: A program is open to the public as a positive partnership to imagination playground

10’

Offer: A public program open Get: A cantilever over the property line towards John Street as half square footage of the program

10’ 35’

Get: Moving out 50% of the market space from hotel program

120’

73’

50’

85’ 88’9”

88’9”

20’

Co-working office

108’

15’ 20’

35’

Offer: A temporary program of the site, visitor and resodent alike

Variance 5: An area under FDR as a temporary use

100’

63’

63’

30’

Offer: An innovative program for the public/community

Variance 6: An innovative public program Variance 4: An area is open to the East River Waterfront as a positive partnership

10’

Offer: An public program Get: A cantilever over the property line towards South Street as half square footage of the program 15’

35’

10’

Get: A equal footprint but no extend more than 150’ high

10’ 35’

63’

120’

40’

In the higher levels, amp space switched with hotel programs to get a good view of city.

The intensities along the atrium decrease. People are encouraged to get close to the exteriors.

Further development

Dessert kitchen

Art gallery

85’

120’

85’ 88’9”

88’9”

20’

30’

Outdoor movie

63’

63’

Variance 7: An area is open to the East River Water -front as equipment storage for volunteers

Offer: An public program

Fair

Get: A equal footprint in the 10’ setback zone alone the South Street 10’ 35’

20’

20’

120’

85’

88’9”

Sectional model

24

63’

Rock climbing

There are big openings to attract people to the amp space.

The amp space pops out through the envelop.


LONG SECTION AA

Sections and activities

ROOF +142’-0”

ELEVENTH FLOOR +122’-0”

TENTH FLOOR +110’-0”

NINTH FLOOR +98’-0”

EIGHTH FLOOR +86’-0”

SEVENTH FLOOR +76’-0”

SECTIONAL

TEA HOUSE SIXTH FLOOR

YOGA

+62’-0”

GYM FIFTH FLOOR +48’-0”

SAUNA HOUSE FOURTH FLOOR

CO-WORKING OFFICE

+36’-0”

DESSERT KITCHEN THIRD FLOOR +24’-0”

OPEN GALLERY

SECOND FLOOR

OUTDOOR MOVIE

+12’-0”

ROCK CLIMBING CHILDREN BIKE RENTAL

FIRST FLOOR

25

+0’-0” -4’-0”

WALL SECTION


Community and Visitor Center About the concept

Academic Project Hao Yu Spring 2013

26


Strategy study model 1

Final study model - composite techniques

Developed model - Excavate Developed model - Carve

Strategy study model 2

Developed model - Uplift Developed model - Interlock

Final study model - composite techniques

Developed model - Tunnel Strategy study model 3 Developed model - Bury

Final study model details Developed model - Submerge Strategy study model 4

Developed model - Terrace

27


The upper level are ramps and stairs that lead people to different programs.

DN

The lower level of circulation respects the old trail where has growing green plants.

UP

UP

Second floor plan and section:

28

This project is located on a hillside. The layering circulations split the programs, providing rich spatial experience as it organized.


Final model in the site

Sectional model

Sectional model - Green roof

Final model details - Layered circulation

Final model details - Ramps

Study model - Circulation vs. program

29


Interlocking Library complex

Academic Project Hao Yu Fall 2012

30


Final model

Drawing - Exploded axonometric

Final model - Interior details

31


Casting

Foundation

Material and Method Hands-on model

Academic Project

Structures

Hao Yu Fall 2012

Structures

32


View from 3rd floor

View of atrium

South east view

View on 2rd floor

View on 1st floor

Nouth west view 33


The Bund

Shanghai, China

In 2016, Hao Yu moved on to a metropolitan city, Shanghai where she had interned at East China Architectural Design and Research Institute. Communicating with her mother language, Yu engaged with the big team and fast gained a series of professional acknowledge in developing and finalizing architecture. The whole experience was unforgettable!

34

http://www.ecadi.com/en/index.php


JPC

BLA

P&T

P&T

更改

ALTERAÇÕES

35

日期

DATA


JPC

BLA

P&T

P&T

更改

36

ALTERAÇÕES

日期

DATA


37


Sct Georgsvej - Residential Project Internship, Fall 2015

38

+

A

R

C

H

I

T

E

C

T

U

R

E


Site boundary j

oesve

Kildem

j

sve

org

. Ge

Sct

Ko fo ed

ark en

Klø ve rm

rs Ve j

An ch e

Sto kho lms nge t

Svi

vej

39


Housing types and distribution:

Organizing Principle:

1 plans house 1½ plans house 2 plans house

Ratios: Type 1 plan 1½ plan 2 plan

m2 105 125 135

number 8 14 12

total m2 840 1750 1620

Total m2 4160 Building area percentage 42% Building area 821m2 Private garden 887m2 Road area 2092m2 Paved area 1069m2 Green islands area(road side) 686m2 Green common area 1998m2

40


eor gsv ej Sct .G Public roads 1-floor house 1½-floor house 2-floor house Trash bins placement Sheds location Private garden / terrace Open green space Street parking Pavement/gravel Site boundary

41


1 level home is 105m2. The residence is designed with entrance hall, where there is access to the living space, small guest toilet and custody.

260

310

35

1 level unit type, 105m2

300

The kitchen is decorated in open connection to the living room. It is possible to organize small dining area in the kitchen.

588 940

From the living room there is access to two bedrooms and a bathroom with toilet and wash column.

Snit AA 1:100

C

B

360

580 588

310

SOVE 11 m²

248

668

LEVERUM 40 m² 1112

310

668

380

115

300

BAD 7 m²

SOVE 11 m²

KØKKEN 10 m²

1090

1090

354

WC 2,5 m²

137

380

1051

A

1107

A

ENTRÉ 5 m²

110

205

DEPOT / BRYGGERS 4 m²

300

130

174

260

260

35

260

940

Plan stueetage 1:100

C

B

42

Snit BB 1:100

Snit CC 1:100

35


Bathroom / WC

Kitchen / Utility room

200

6070

40

120

60

70

40

60 58

294 85 29 10

50

EVT MULIGHED FOR VASK 50X40

29 10

85

50

29 10

SKAB 60X60

EVT MULIGHED FOR VASK 50X40

VASK 50X40

VASK 50X40

92

92

198

198

BAD (7m²)

Bathroom Bathroom of 7m2 and a shower.

92

174

198 174

137

DØR INDVENDIG

DØR INDVENDIG

60

DØR VÆGHÆNGT TOILET VÆGHÆNGT TOILET INDVENDIG

DØR INDVENDIG

137

137

137

DØR INDVENDIG BRUSEBAD

60

DØR INDVENDIG

137

137

145

VASK 50X40

90

BRUSEBAD

90

90

BRUSEBAD

DØR INDVENDIG

SKAB 60X60

205

248

248

50

60

VASKESØJLE

VÆGHÆNGT TOILET

58

157

157

157

58

58

VASK 70X40 VASKESØJLE

85 VÆGHÆNGT TOILET VÆGHÆNGT TOILET

58

205

VASKESØJLE

90

VASK 70X40

248

VASK 70X40

58

60

40

145

70 120

216

120

60

DØR INDVENDIG

VÆGHÆNGT TOILET

200

174

174 60

174

WC (2.5m²)

WC

Kitchen

Storage

Less guest toilet of 2.5m2, located and connected with hall.

Kitchen of 10m2, opened to the kitchen. Possiblly becomes a smaller dining area.

Storage of 4m2. Arranged with laundry area. Offering room for 3 closets 180x60x60cm.

43


Materiality (white plaster, mahogany windows) B

A

C

+690 (+2005)

1

D

1

+605 (+1920)

2

2

+310 (+1625) 3

3

0.00 (+1315) 681

900

1½ - plans bolig

681

1 - plans bolig

240

2 - plans bolig

opbevaring

A

B

C

D

D

C

B

A

+690 (+2005)

1

+605 (+1920)

2

1

2

+310 (+1625) 3

3

0.00 (+1315) 240

opbevaring D

44

641

980

641

2 - plans bolig

1 - plans bolig

1½ - plans bolig

C

B

A


Materiality - alternative (dark brick, mahogany windows) B

A

C

+690 (+2005)

1

D

1

+605 (+1920)

2

+310 (+1625)

3

2

3

0.00 (+1315) 681

900

1½ - plans bolig

681

1 - plans bolig

240

2 - plans bolig

opbevaring

A

B

C

D

D

C

B

A

+690 (+2005)

1

+605 (+1920)

2

1

2

+310 (+1625)

3

3

0.00 (+1315) 240

opbevaring D

641

980

641

2 - plans bolig

1 - plans bolig

1½ - plans bolig

C

B

A

45


Ultra-compact Youth Villas - The Future Youth Residences Internship, Fall 2015

46

+

A

R

C

H

I

T

E

C

T

U

R

E


Unit type A:

Unit type B:

Unit type C:

Unit type D:

Residence share ground floor, and have their indivisual bedrooms. Two tenants share one bathroom.

Two seperate living areas lead to four indivisual bedrooms. Two tenants share one bathroom.

Two seperate living areas lead to two upper bedrooms. Suitable living type for families.

Four indivisual living areas lead to four upper indivisual bedrooms. Suitable living type for students.

Second floor

Second floor

Second floor

Second floor

First floor

First floor

First floor

First floor

47


Developed iterations:

One public living area leads to upper indivisual bedrooms; each bedroom has private bathroom.

A: Four bedrooms are in exact same proportions.

B: Two bedrooms have larger working areas than the other two.

C: Two bedrooms have working areas; the other two don’t.

D: Four bedrooms are in exact same proportions; landing is linear.

E: Four bedrooms are in exact same proportions, which have linear landing and bathrooms.

F: Linear bathrooms, storage space and different openings.

G: Wider staircases, storage space and different openings.

H: Wider staircases, linear bathrooms; remaining similar proportion of each room.

J: Same proportions with different interior 48orientation; folding bathroom design in two larger bedrooms.

K: Same proportions with different interior orientation; folding bathroom design in all bedrooms.

L: Same proportions with different interior orientation.

M: Same proportions with different interior orientation, less landing area.


Window design: Version 1

Version 2

Version 3

Version 4

Version 5

Version 6

49


The Little Mermaid Copenhagen, Denmark

50


In 2015, Hao Yu became an exchange student at the Royal Danish Academy, School of Architecture in Copenhagen, Denmark. She was inspired by the European culture and the design techniques in Copenhagen, which she experienced many facets of architectural design.

51


Sct Georgsvej residential project

Ultra-compact Youth Villas residential project

Link to the projects’ website: http://www.we-a.dk/

52


Hao Yu 122 Bertita Street San Francisco, CA + 45 5017 1903, hyu@cca.edu

“ I call architecture frozen music.” -- Goethe

Education September 2011- December 2016 | San Francisco, United States

California College of the Arts, Bachelor of Architecture Anticipated Graduation : Summer 2017

February - June 2015 | Copenhagen, Denmark

Royal Danish Academy of Fine Arts

Schools of Architecture, Design and Conservation, Exchange Program May 2011 | Shenzhen, China

Shenzhen College of International Education High school diploma

Skills Digital skills :

Proficient in AutoCAD, 3ds Max + V-ray and Rhinoceros + Grasshopper and V-ray Adobe Creative Suite, Microsoft Office Suite Limit knowledge in Sketch-up and Revit

Fabrication skills :

Laser cutting, CNC routing and 3D printing skills Woodshop and handcrafting skills Proficient in digital SLR camera use

Communication skills :

Fluent in both English and Mandarin; limited working proficiency in German

Interests Design, travel, reading, interpretation and tutoring.

Experience Architectural Internship | East China Architectural Design & Research Institute March 1st - May 30th, 2016 : Shanghai, China Developed a passenger terminal building project with a professional team of total 14 people. Adjusted constructional drawings in AutoCad, based on local building codes. Finalized and adjusted materials for building finishes in AutoCad; listed names in Excel. Went to meetings and lectures for further cooperation. Printed booklets from AutoCad into PDFs, showing all updated work to clients frequently.

Architectural Internship | WE Architecture August 3rd - November 30th, 2015 : Copenhagen, Denmark Developed co-housing project concept; adjusted masterplan for the complex, based on local building codes. Finalized and adjusted unit types, drawing all plans and sections; rendered representative diagrams. Drew and rendered housing elevations with proposed materials. Wire-cut foam to make vary scaled physical models and sits model for presentations. Layout booklets in InDesign, showing all updated work to clients every week.

Exhibition Facade Installation | Milan International Furniture Fair April 9th - 16th, 2015 : Milan, Italy Designed and developed the “Woven Space” for visitors circulating and exploring. Pre-fabricated installation and transported from Copenhagen to the Milan site. Hand built 3 x 3 x 9 meters wooden construction, finished with details. Arranged and served food and wine for opening party.

Pre-college Adviser | Summer Program, California College of the Arts July 14th - August 3rd, 2014 : San Francisco, CA Guided pre-college students to explore the city. Coordinated group transit and cultural excursion. Advised students with their daily homework by energizing ideas and revising essays.

Architectural Renderer | Archs15, San Francisco July 1st - 20th, 2014 : San Francisco, CA

Academic Projects Specialized in Spacial Design | Completion at School Full-scale Display Construction Housing & Residential Complex Sustainable & Ecological Complex Hydromorphological Urban Planning Visitor Center & Recreational Co

53

Hao Yu Portfolio 2016  

In 2015, Hao Yu exchanged to Royal Danish Academy, School of Architecture in Copenhagen. She was inspired by the European culture and the de...

Hao Yu Portfolio 2016  

In 2015, Hao Yu exchanged to Royal Danish Academy, School of Architecture in Copenhagen. She was inspired by the European culture and the de...

Advertisement