Film

Socie

ty &

Retai

l Cen

ter

Rend

ering

sRe

nder

ings

Rend

ering

Secti

on

Secti

on

Secti

on

Site M

appin

gSit

e Diag

ram

Prog

ram

Analy

sis

Floor

Plan

- Le

vel 1

Floor

Plan

- Le

vel 2

Floor

Plan

- Le

vel 3

Floor

Plan

- Le

vel 4

Floor

Plan

- Le

vel 5

Floor

Plan

- Le

vel 6

Roof

Plan

Hybr

id Pr

ogra

m Dia

gram

Mode

ls

Sketc

hes

Phot

ogra

phy

Penc

il Dra

wing

s

UNde

signe

d Ec

oCen

ter

Int. L

ands

cpg.

& Str

uc. M

ock-u

p

Conc

eptua

l Mod

el In

Site

Adap

table

Desig

n Diag

ram

Rend

ering

Holoc

aust

Memo

rial

Libra

ry

Proc

ess D

iagra

mFo

rmal

Study

Prog

ram

Diagr

ams

Secti

ons

Floor

Plan

s3D

Rep

rese

ntatio

nsHA

AS Su

ite 5

02

Yaho

o! Ic

on D

esign

Photo

grap

hy

Division Street

14th Street

Freeway 101

12th Street

11th Street

10th Street

Harriso

n Stre

et

Bryant

Street

SITE MAPPING

BestBuy

Costco

greenery

parking

shops & services

bars & restrnts

SITE DIAGRAM

GREENERY

greenery/open area

PARKING

circulation

filmlibrary

RESTAUR./BARS

restricted/conditional

area

Site Program

theatre(film/stage)

school restroom

school restroom

cafe

soundstages

soundstages

soundstages

anim-ation

equipmentcheckout

recordingstudio

dubbingtheatre

dubbingstage

media labavidvideo

avidedit

avidedit

visualcomplabs

schoffschoff

schoffschoff

schoffschoff

schoffschoff

schoffschoff

archve/storge

serverrooms

data/mech

closetsmechroomstorage

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

conf. room

SHOPS/SERV.

unrestricted/unconditional

area

studentaffairs

devel./PR

screeningtheatre

publicbathroom

publicbathroom

screeningroom

screeningroom

screeningroom

grocery

circulation

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

public green space

amphitheatre

building program

schoollobby

lounge exhibit

loading dock

link to BestBuy

link to Costco

restricted/conditional areaunrestricted/unconditional areacirculation

condition dependent on eventfunction/circulation overlap

function/circulation overlap

iteration 1REACTION TO SITE

moiré patterns

REACTION TO ANALYSISsite mapping(pages 4, 5 )

iteration 2

iteration 3

HYBRID PROGRAM DIAGRAM

RESTRICTED/CONDITIONED AREASfilm school, theatres, etc.

GREENERYrooftop terrace, grass areas

CIRCULATIONhallways, stairs, etc.

UNRESTRICTED/UNCONDITIONED AREASstores, experimental theatres, etc.

INTERIOR LANDSCAPING STRUCTURAL MOCK-UP

CONCEPTUAL MODELIN SITE

ADAPTABLE DESIGN

The concept behind this design is the adaptability of the building. Due to the flexibility of the thin surface, this building can adjust its floor level heights by controlling its rope-like poles according to change in natural lighting or to needs of the store’s current exhibition.

video records two sheetsof paper falling

movement ofeach cornerof the paperis traced

tracing oflarger sheetof paper

tracing ofsmaller sheetof paper

3D model depictingvoids created bythe two sheets

the two voids/volumesjoin to create a systemof two paths

DESIGN PROCESS

TRANSPARENCY

ELEVATION

PLAN

solid transparentgroup individual

PROGRAM CIRCULATION

viewing

meetingcomputers

rare

gardenbooks

displaylobby

viewing

meetingcomputers

rare

garden books

display lobby

N

front entry

birdeye view

side view behind adj. bldg.

top view

D E S I G N + A R C H I T E C T U R E

E L E V A T I O N Haas School of Business Suite F502, University of California, Berkeley | Concept | April 27, 2011

A. CEILING TREATMENTB. FLOOR TREATMENTC. CORNER TREATMENTD. WALL TREATMENTE. STORAGEF. CONFERENCE

A

A

A

B

B

BC

D

D

E

F

F F F

T.O.C.

Rend

ering

sSe

ction

Secti

on

Secti

on

Site M

appin

g

Division Street

14th Street

Freeway 101

12th Street

11th Street

10th Street

Harriso

n Stre

et

Bryant

Street

SITE MAPPING

BestBuy

Costco

greenery

parking

shops & services

bars & restrnts

SITE DIAGRAM

GREENERY

greenery/open area

PARKING

circulation

filmlibrary

RESTAUR./BARS

restricted/conditional

area

Site Program

theatre(film/stage)

school restroom

school restroom

cafe

soundstages

soundstages

soundstages

anim-ation

equipmentcheckout

recordingstudio

dubbingtheatre

dubbingstage

media labavidvideo

avidedit

avidedit

visualcomplabs

schoffschoff

schoffschoff

schoffschoff

schoffschoff

schoffschoff

archve/storge

serverrooms

data/mech

closetsmechroomstorage

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

conf. room

SHOPS/SERV.

unrestricted/unconditional

area

studentaffairs

devel./PR

screeningtheatre

publicbathroom

publicbathroom

screeningroom

screeningroom

screeningroom

grocery

circulation

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

public green space

amphitheatre

building program

schoollobby

lounge exhibit

loading dock

link to BestBuy

link to Costco

04 05 06 07 08

01 02 03 1009080704 05 06 11 12 13 14 15 16 17 18

19 20 26 3422 23 24 25 383728 29 30 31 32 33 363521 27 39

M.Arch Application | Yunzhi Ou39

Table of Contents

Inherent criss-crossings of the urban fabric laid the fan-shaped grid for the building. Through overlapping the complex array of programs, this project attempts to fuse an institutional environment with a public retail one, in order to promote public learning as well as education with constant real-life obervations and public feedback.

Film Society & Retail CenterSan Francisco, CAIndividual Undergraduate Studio Project

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 01

Title Page | Rendering

main passagefacing media lab &

student lounge

rooftop terrace/amphitheatre

cafe & front entrance

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 02

Renderings

Division Street

14th Street

Freeway 101

12th Street

11th Street

10th Street

Harriso

n Stre

et

Bryant

Street

SITE MAPPING

BestBuy

Costco

film exhibition, main passage,and grocery

media lab work arealooking into dome theatre

building seen from Freeway 101

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 03

Renderings

greenery

parking

shops & services

bars & restrnts

SITE DIAGRAM

Division Street

14th Street

Freeway 101

12th Street

11th Street

10th StreetHarr

ison S

treet

Bryant

Street

SITE MAPPING

BestBuy

Costco

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 04

Process Diagram

N

greenery

parking

shops & services

bars & restrnts

SITE DIAGRAM

GREENERY

greenery/open area

PARKING

circulation

filmlibrary

RESTAUR./BARS

restricted/conditional

area

Site Program

theatre(film/stage)

school restroom

school restroom

cafe

soundstages

soundstages

soundstages

anim-ation

equipmentcheckout

recordingstudio

dubbingtheatre

dubbingstage

media labavidvideo

avidedit

avidedit

visualcomplabs

schoffschoff

schoffschoff

schoffschoff

schoffschoff

schoffschoff

archve/storge

serverrooms

data/mech

closetsmechroomstorage

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

conf. room

SHOPS/SERV.

unrestricted/unconditional

area

studentaffairs

devel./PR

screeningtheatre

publicbathroom

publicbathroom

screeningroom

screeningroom

screeningroom

grocery

circulation

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

public green space

amphitheatre

building program

schoollobby

lounge exhibit

loading dock

link to BestBuy

link to Costco

Division Street

14th Street

Freeway 101

12th Street

11th Street

10th Street

Harriso

n Stre

et

Bryant

Street

SITE MAPPING

BestBuy

Costco

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 05

Process Diagram

greenery

parking

shops & services

bars & restrnts

SITE DIAGRAM

GREENERY

greenery/open area

PARKING

circulation

filmlibrary

RESTAUR./BARS

restricted/conditional

area

Site Program

theatre(film/stage)

school restroom

school restroom

cafe

soundstages

soundstages

soundstages

anim-ation

equipmentcheckout

recordingstudio

dubbingtheatre

dubbingstage

media labavidvideo

avidedit

avidedit

visualcomplabs

schoffschoff

schoffschoff

schoffschoff

schoffschoff

schoffschoff

archve/storge

serverrooms

data/mech

closetsmechroomstorage

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

conf. room

SHOPS/SERV.

unrestricted/unconditional

area

studentaffairs

devel./PR

screeningtheatre

publicbathroom

publicbathroom

screeningroom

screeningroom

screeningroom

grocery

circulation

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

public green space

amphitheatre

building program

schoollobby

lounge exhibit

loading dock

link to BestBuy

link to Costco

PROGRAM ANALYSIS

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 06

Process Diagram

GREENERY

greenery/open area

PARKING

circulation

filmlibrary

RESTAUR./BARS

restricted/conditional

area

Site Program

theatre(film/stage)

school restroom

school restroom

cafe

soundstages

soundstages

soundstages

anim-ation

equipmentcheckout

recordingstudio

dubbingtheatre

dubbingstage

media labavidvideo

avidedit

avidedit

visualcomplabs

schoffschoff

schoffschoff

schoffschoff

schoffschoff

schoffschoff

archve/storge

serverrooms

data/mech

closetsmechroomstorage

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

multimediaclassroom

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

seminr/conf.

conf. room

SHOPS/SERV.

unrestricted/unconditional

area

studentaffairs

devel./PR

screeningtheatre

publicbathroom

publicbathroom

screeningroom

screeningroom

screeningroom

grocery

circulation

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

retailstores

public green space

amphitheatre

building program

schoollobby

lounge exhibit

loading dock

link to BestBuy

link to Costco

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 07

Section

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 08

Section

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 09

Section

restricted/conditional areaunrestricted/unconditional areacirculation

condition dependent on eventfunction/circulation overlap

function/circulation overlap

side of building seen from11th St. and Harrison St.

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 10

Rendering

restricted/conditional areaunrestricted/unconditional areacirculation

condition dependent on eventfunction/circulation overlap

function/circulation overlap

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 11

Floor Plan

N

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 12

Floor Plan

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 13

Floor Plan

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 14

Floor Plan

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 15

Floor Plan

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 16

Floor Plan

HYBRID PROGRAM DIAGRAM

RESTRICTED/CONDITIONED AREASfilm school, theatres, etc.

GREENERYrooftop terrace, grass areas

CIRCULATIONhallways, stairs, etc.

UNRESTRICTED/UNCONDITIONED AREASstores, experimental theatres, etc.

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 17

Roof Plan | Rendering

HYBRID PROGRAM DIAGRAM

RESTRICTED/CONDITIONED AREASfilm school, theatres, etc.

GREENERYrooftop terrace, grass areas

CIRCULATIONhallways, stairs, etc.

UNRESTRICTED/UNCONDITIONED AREASstores, experimental theatres, etc.

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 18

Program Diagram

more

iteration 1REACTION TO SITE

moiré patterns

REACTION TO ANALYSISsite mapping(pages 4, 5 )

iteration 2

iteration 3

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 19

Models

iteration 1REACTION TO SITE

moiré patterns

REACTION TO ANALYSISsite mapping(pages 4, 5 )

iteration 2

iteration 3

M.Arch Application | Yunzhi OuFilm & Retail | Individual | Academic 20

Sketches

YAHOO! TECH LEARNInternal Website

Professional Team Project | Elevation Design+ArchitectueTeam Size: 2 | Role: Junior Designer

M.Arch Application | Yunzhi OuYahoo! | Team | Professional 21

Title Page | Graphic Design

UNdesigned EcoCenterSan Francisco, CAIndividual Undergraduate Studio Project

M.Arch Application | Yunzhi OuEcoCenter | Individual | Academic 22

Title Page | Model

INTERIOR LANDSCAPING STRUCTURAL MOCK-UP

CONCEPTUAL MODELIN SITE

M.Arch Application | Yunzhi OuEcoCenter | Individual | Academic 23

Mood & Structural Studies

INTERIOR LANDSCAPING STRUCTURAL MOCK-UP

CONCEPTUAL MODELIN SITE

ADAPTABLE DESIGN

The concept behind this design is the adaptability of the building. Due to the flexibility of the thin surface, this building can adjust its floor level heights by controlling its rope-like poles according to change in natural lighting or to needs of the store’s current exhibition.

M.Arch Application | Yunzhi OuEcoCenter | Individual | Academic 24

Model

ADAPTABLE DESIGN

The concept behind this design is the adaptability of the building. Due to the flexibility of the thin surface, this building can adjust its floor level heights by controlling its rope-like poles according to change in natural lighting or to needs of the store’s current exhibition.

M.Arch Application | Yunzhi OuEcoCenter | Individual | Academic 25

Concept Diagram

ADAPTABLE DESIGN

The concept behind this design is the adaptability of the building. Due to the flexibility of the thin surface, this building can adjust its floor level heights by controlling its rope-like poles according to change in natural lighting or to needs of the store’s current exhibition.

TraditionalB&W Photography

Individual Undergraduate Works

M.Arch Application | Yunzhi OuPhotography | Individual | Academic 26

Photography

Traditional B&W PhotographyIndividual Undergraduate Works

M.Arch Application | Yunzhi OuPhotography | Individual | Academic 27

Photography

video records two sheetsof paper falling

movement ofeach cornerof the paperis traced

tracing oflarger sheetof paper

tracing ofsmaller sheetof paper

3D model depictingvoids created bythe two sheets

the two voids/volumesjoin to create a systemof two paths

DESIGN PROCESS

LibrarySan Francisco, CAIndividual Undergraduate Studio Project

Paths of paper falling in the air become systems of voids that generated form and concept of the library.

M.Arch Application | Yunzhi OuLibrary | Individual | Academic 28

Title Page | Rendering

video records two sheetsof paper falling

movement ofeach cornerof the paperis traced

tracing oflarger sheetof paper

tracing ofsmaller sheetof paper

3D model depictingvoids created bythe two sheets

the two voids/volumesjoin to create a systemof two paths

DESIGN PROCESS

M.Arch Application | Yunzhi OuLibrary | Individual | Academic 29

Process Diagram

video records two sheetsof paper falling

movement ofeach cornerof the paperis traced

tracing oflarger sheetof paper

tracing ofsmaller sheetof paper

3D model depictingvoids created bythe two sheets

the two voids/volumesjoin to create a systemof two paths

DESIGN PROCESS

TRANSPARENCY

ELEVATION

PLAN

solid transparentgroup individual

PROGRAM CIRCULATION

viewing

meetingcomputers

rare

gardenbooks

displaylobby

viewing

meetingcomputers

rare

garden books

display lobby

M.Arch Application | Yunzhi OuLibrary | Individual | Academic 30

Formal Study | Rendering

TRANSPARENCY

ELEVATION

PLAN

solid transparentgroup individual

PROGRAM CIRCULATION

viewing

meetingcomputers

rare

gardenbooks

displaylobby

viewing

meetingcomputers

rare

garden books

display lobby

M.Arch Application | Yunzhi OuLibrary | Individual | Academic 31

Program Diagrams

TRANSPARENCY

ELEVATION

PLAN

solid transparentgroup individual

PROGRAM CIRCULATION

viewing

meetingcomputers

rare

gardenbooks

displaylobby

viewing

meetingcomputers

rare

garden books

display lobby

N

M.Arch Application | Yunzhi OuLibrary | Individual | Academic 32

Sections

N

M.Arch Application | Yunzhi OuLibrary | Individual | Academic 33

Floor Plans

front entry

birdeye view

side view behind adj. bldg.

top view

3D REPRESENTATIONS

M.Arch Application | Yunzhi OuLibrary | Individual | Academic 34

Rendering | Models

D E S I G N + A R C H I T E C T U R E

E L E V A T I O N Haas School of Business Suite F502, University of California, Berkeley | Concept | April 27, 2011

A. CEILING TREATMENTB. FLOOR TREATMENTC. CORNER TREATMENTD. WALL TREATMENTE. STORAGEF. CONFERENCE

A

A

A

B

B

BC

D

D

E

F

F F F

front entry

birdeye view

side view behind adj. bldg.

top view

SCHEMATIC DESIGN

HAAS SCHOOL OF BUSINESS, SUITE 502Berkeley, CA

Professional Team Project | Elevation Design+ArchitectueTeam Size: 3 | Role: Architecture & Presentation Design Assistant

M.Arch Application | Yunzhi OuHAAS Suite 502 | Team | Professional 35

Title Page | Mood Study

Pencil DrawingsIndividual Personl & Undergraduate & Works

M.Arch Application | Yunzhi OuDrawings | Individual | Personal / Academic 36

Title Page | Drawings

HOLOCAUSTMEMORIAL

M.Arch Application | Yunzhi OuHolocaust Memorial | Team | Professional 37

Title Page | Renderings

Atlantic City, NJProfessional Team Project | CODA ProjectsTeam Size: 2 | Role: Design Assistant & Render Specialist

M.Arch Application | Yunzhi OuHolocaust Memorial | Team | Professional 38

Rendering