Page 1

Table of Contents

project 1 Lakefront Development, China project 2 Design Corps Summer Studio 09, Bryan Bell project 3 MoCA/Redesign, Frank Gehry Studio project 4 Theater project 5 Santa Monica Light Rail Project project 6 Cinema: Choose Your Own Movie Adventure

project 7 Ballona Creek Renovation Project

Sp Fa Sp Fa Sp Fa Sp Fa Sp Fa Sp 2004 2005 2006 2007 2008 2009 undergrad.

Fa Sp Fa p grad. 2010 2011 graduate

other works

sketch parametric design - grasshopper parametric design - processing digital fabrication


Lakefront Development, China Design Corps Summer Studio 09 MoCA/Redesign, Frank Gehry Studio Theater Santa Monica Light Rail Project Cinema: Choose Your Own Movie Adventure Ballona Creek Renovation Project





111.80 12





3 3



5 7

8 2














14 7

4 9



Project 1

a residential designs located in China’s Lake-front role: design assistant

Project 1 Lake Front Development, China

sunken garden

Project 1: section cut

3 2


2 1

Project 1: section cut B


Project 2 Design Corps Summer Studio 09, Bryan Bell

Hollygrove used be a community full of fellowship; “Bus Shelters� had played an important role in this function. It has never been the same since Hurricane Katrina, we want to revitalize the community by recalling that memory of fellowship with our bus shelter design. We chose hurricane salvaged wood as the symbolic main material.

construction process

plan at steel base plate

construction document

maximum capacity: 12 people (to encourage fellowship) maximum dead load: 3000 lbs maximum wind resistance: 160 mph 2’-143” 1’-887”



7” 8 39°


6’- 87”



2’-481” Aa

9 8 7

1’- 41”


11 10


Water Proofing Syst. Section Aa


Bench (Unerneath) Detail


3” 4

2’-10 81” 2’- 87”



5 85” 5 85”


4 87” 3 87” 3 87”



3 2 1

3 85” 3 85”

1 2 4




9 43”


Dado Cut

9 43”


3 4’-243”

4’- 87” 3’-10 87”


fabrication details (bench)

14 13 12

Unerneath Bench Detail 5” 51°

4 87” 4 87”

3” 4 Dado Cut

G er ve. dA


Project 3

p Up

Open spaces on Bunker Hill becomes empty after work everyday. MoCA/Redesign’s intention is to use museum as 1) activators by breaking the mus into pavilions and pla them on public spaces, and use them 2) as linkage to draw people onto the current MoCA site, the new core public space. The attempt is to create everyday spaces and encourage social activities.

MoCA/ReDesign, Gehry Partner LLP, post-professional degree

gallery space public program administration educational space

Temporary Exhibition Space: “connecting tissue” that stiches all the pavillions together

circulation program

Galleries step 1: cluster Public Programs

program development

step 2: expansion

step 3: scatter

step 4: morph

Courtyard - to temp. exhibitions Lobby/ Admin.

Gallery B

Angel’s Knoll

Upper Grand

Cal Plaza

Gallery C

Olive St.

Temporary Exhibition Space

site section: shows the relationship between pavillions as “activators” and temporary exhibition space as “connecting tissue”

Gallery C

Lower Grand

section reference

This design concept focuses on people’s “arrival experience”; to subtly transfer audiences from reality (the cityscape) into an imaginary space (theatre) without the awareness of stepping through a threshold - the entrance. This concept is achieved by two methods: 1) the building form radiates out to the busy intersection to welcome audiences’ arriving and 2) the glass facade reduces the threshold to minimum; it also unfolds to create a semi-public/ private space.


Project 4 Theatre, Wilshire Blvd. + Normandie Ave. Los Angeles

an undergraduate year 3 project that used theatre to explore structural design

I-1 0

detail drawing & 3D model

3rd st. promenade

PCH city map

3D sectional structural model

Project 5 Santa Monica Light Rail Project

This project is located on 4th and Colorado Blvd, where multiple zones converge all-together; thus pedestrian and vehicular circulations are always dense. The fluidity of the design (both form and function) is reponding to the busy urban movement at the intersection, at the same time aiming to alleviate the congestion.

Design Exercise: Container Outdoor Cinema ciname space This design exercise focuses on re-utilizing mundane materials such as containers and using it to create an instant event space; using this exercise to explore outdoor cinema design for the purpose of invigorate urban activities. This container-cinema can be attached on any freight train and travel from city to city, similar to Archigram’s Zeppelin concept. exhibitiona space



exhibition platform

Project 6

Cinema: Choose Your Own Movie Advanture , Geoff Manaugh, editor of BLDGBLOG, post-professional degree

What if movie-watching experience can be modeled in a way so it can This project goal focuses on:1) adaptively reuse existing abandoned encourage people to revisit the stories several times? Would it start warehouse and 2) creating a movie-watching experience on urban scale, for a more dynamic urban fabric. This final project continued from the design exercise. creating a different, perhaps a more dynamic, social interaction? container

object: mobile Wi-Fi router range: 15’ radius +

ending 1 ending 4 ending 5 ending 2 ending 3

choose your own adventure concept design

design concept: each cell contains a portion of the story, you can structure story-development based on your choices

design concept + container design exercise

start star point point

final project



Project 7 Ballona Creek Renovation Project, Marina del Rey instructor: Yin-Yu Hung, SWA Group

year: 5th, topic: urban landscape

redered: photoshop

Other Works

sketch parametric design - grasshopper parametric design - processing digital fabrication


This project uses algorithm desing to redefine an existing form, mouse, or wall surface that was built in Rhino space, then uses Grasshopper to manipulate its shape and pattern and finish rendered in Maxwell.

an agent-based abstract pattern coding

Agent Behavior Framework Reset New Agent’s Behavior to Default void update(){ if(frameCount % 1 == 0){ trailPopulation.add(new trail(pos, vel)); } Vec3D acc = new Vec3D(); Vec3D clp = closestPt(); Vec3D spr = spring(); acc.addSelf(clp); acc.addSelf(spr); vel.addSelf(acc); vel.limit(maxVel); pos.addSelf(vel); }

Distance Calculation

Calculating the Closest Distance Between Agents Vec3D closestPt(){ Vec3D vec = new Vec3D(); agent closestAgent = new agent(new Vec3D(), new Vec3D(), 1,1,1,myStrand,0); for(int i = 0; i < strandPopulation.size(); i++){ strand s = (strand) strandPopulation.get(i); for(int j = 0; j < s.agents.size(); j++){ agent a = (agent) s.agents.get(j); Creating Strands Between Agents void render(){ if( (d < closestDist) && (d > 0) ){ stroke(55); closestDist = d; for(int i = 0; i < agents.size() - 1; i++){ closestAgent = a; agent a1 = (agent) agents.get(i); } agent a2 = (agent) agents.get(i+1); } line(a1.pos.x, a1.pos.y, a1.pos.z, a2.pos.x, a2.pos.y, a2.pos.z); } }


Agent Movements

Controling Movement (Velocity) & Creating Agentsâ&#x20AC;&#x2122; Trails if(closestDist < rangeOfVis){ class trail{ vec = closestAgent.pos.sub(pos); trail(Vec3D p, Vec3D v){ vec.limit(maxForce); pos = p.copy(); } vel = v.copy(); mag = 255; } void render(){ mag = mag - 0.2; stroke(mag); strokeWeight(1); point(pos.x, pos.y, pos.z); if(mag < 0){ trailPopulation.remove(this); } } }

This material research focuses on 1) how to utilize sawdustâ&#x20AC;&#x2122;s â&#x20AC;&#x153;zero wood propertyâ&#x20AC;? in order to create different surface and 2) achieving a zero-waste on wood materials, thus the waste from sawdust could also be constantly recycled. The strand of this research explores the transparency/ translucency of the finish product based on controlling the proportion of sawdust to its binding material.

material process string

+ 15% translucency + 40% translucency + 70% transluncency

axon view

Material + Process: digital fabrication

L particles L/M particles M particles fine particles

plan view


Undergraduate/ Graduate Sample Portfolio  

A collection of the best samples from undergraduate and graduate design studios

Read more
Read more
Similar to
Popular now
Just for you