Issuu on Google+

JOEL WONG

ARCHITECTURE DESIGN PORTFOLIO PASADENA CITY COLLEGE


JOEL WONG CONTACT INFORMATION 213.590.5251 JOELWONGLZ@GMAIL.COM

EDUCATION 2013-2014 PASADENA CITY COLLEGE


C O N T E N T S


ELEVATION VIEW


ARCH 20A

NEFT DASHLARI INSTRUCTOR: COLEMAN GRIFFITH


NEFT DASHLARI Site Location: Neft Dashlari, Caspian Sea, Year 2040 Area:

3200 Acres

Program:

Agricultural community for 500 people

The goal of this project is to redesign Neft Dashlari into a post-apocalyptic agricultural site. The once massive oil production site has been completely depleted off its resources resulting in tonnes of unusable infrastructure in the middle of the sea. There is chaos back on land and people who seek refuge turn to this very isolated site in the middle of the Caspian Sea. There is a shortage of food and water as they turn to their very roots of production, agriculture.

Farmers family facilities Community storages and trading centers

People struggle for survival and grow their own crops to feed themselves, or even trade these goods for other staples or necessities. In this post apocalyptic scenario, it is every man for himself, survival of the fittest.

AZERBAIJAN

BAKU

Site Relation To Azerbaijan

NEFT DASHLARI


Aerial View of Single Community


The only existing infrastructure would be the road networks and the island. The master plan of the site consists of mainly an infrastructure network that is organized and placed using an approximation algorithm based on a series of plotted points.

Master Plan

This network binds the whole site together, serving as a channel for water, energy and waste. This network is also how the plots of agricultural fields are organized. Interacting with the existing road networks will be the two scales of human habitable infrastructures, the family housing facilities and the communal storages and trading centers which are populated across the entire site.

LEGEND existing island agriculture ďŹ elds ship transport docking existing road network networking infrastructure water network

community recreation/ storage farmer’s family housing oil rigs light house bioremediation sites sustainable energy production

boat transport circulation transport boats

Length of existing site is approximately 5 miles


Resource Movement Sequence

1. Individual farmer families each have their designated plot of agricultural land and they will grow and harvest different agriculture products ranging from barley, corn, nuts fruits, vegetables and staples like rice and wheat. After harvesting their goods, they will store it within their own farmers housing facility which also serves as their home.

2. The individual families can keep their harvested goods for themselves, however, since each farmer might only grow a certain type of agricultural good, they will have to trade or buy and sell their goods This is when these goods will be transported to the communal trading and market zones where commerce bartering will occur. These communal zones also serve as a community storage for longer periods of time.

3. After farmers trade and barter their goods, the excess will be stored in the community storages and eventually transported to the shipping docks for export to mainland. This way, the overall community generates revenue from their agricultural farming and the cycle continues.


Aerial View of Communal Hub


Top View

COMMUNAL STORAGE AND TRADING HUB Program: Community Storages Trading and Bartering Market Zone Recreational and Public Spaces

This communal public hub serves as space where community farmers have long term storage for their harvested goods, as well as a market space where they can trade with one another. The community hub also functions as a recreational zone where people can socialize and further create a greater sense of community with one another. The steel shelling of the hub was greatly inspired by the site as the road works of Neft Dashlari was mainly steel and many of which have been destroyed by tides in the past. This destroyed sunken steel is then recycled and used to contruct new infrastructure that serve as support and most importantly, protection.


Exploded Axonometric

Program Layout

Windows

Trading and Recreational Spaces Steel Components

Communal Storage Spaces

Steel Framing

Service Circulation

Surfaces Existing Bridge Infrastructure

Supporting Columns

Connecting Shell

Existing Bridge Infrastructure

Axonometric


Morphology (Nuances)

community storages

The steel frame work is based on a structure grid, however, the surface panels of the exterior is positioned irregularly so as to create nuances in its overall morphology as will as to allow light and ventilation to past through

trading spaces

recreational spaces

community storages service circulation

Steel Supporting Structure As the sides of hub are cantilevering over the vertical datums of the existing bridge, steel supporting columns are added to add support to the overall structure. These steel columns are added randomly as they were meant to be make-shift recycled pieces of steel.

Section


Entrance to Communal Hub


Elevation

SECTION A

community storages

service circulation

community storages

SECTION A

Plan


Trading and Recreational Spaces


FARMER’S HOUSING FACILITY Program: Farmer’s Housing Personal Storage Distillation Plant

The farmer’s housing facility encompasses a more localized zone where a family, couple or individual is able to run their own agricultural land and function in this small private space. This addresses Neft Dashlari as a site in a more micro scale. These small units of farmer’s housing are sustainable with their own form of water distillation, as well as their own production of energy through solar paneled roof surfaces. The distillated water then connects into the overall network system that eventually leads to irrigation of the agricultural crop fields. These housing facility also includes a ladder that acts as a transport mechanism for people and crops. This will be the main form of circulation from the bridge to the agricultural fields.

Front Elevation


Farmer’s Housing


solar panelled roof

farmer’s housing

distillation tank

service circulation

storage

housing support structure

transport ladder mechanism

ag

irrigation pipes

distillation pipes

empty oil barrels for buoyancy

Section


Steel Structure

Surfaces

Steel Components and Irrigation Pipes

Connecting Structure

gricultural crops

Existing Infrastructure

Network Irrigation System

Agriculture Fields

Exploded Axonometric


Top View


View of Family Housing from Bridge


ARCH 10B

MOVING CITIES INSTRUCTOR: COLEMAN GRIFFITH


MOVING CITIES Site Location: Back of Maersk Cargo Ship Square Footage: 55000 sqft Program: Public space for 500 people, Fashion Runway

This project was developed by first following the geometry rule sets derived from the density line drawings. The geometry was then further morphed and evolved to fit the program of the site, a public space at the back deck of a cargo ship. The idea of this project was then further developed following a logic of unit aggregation and location. Each unit would be a shelter surrounded by a structural form that anchors the spaces to the deck of the ship. The spaces also possess organic elements of being fluid, smooth and have the innate characteristics of being able to blend in with its surroundings, in this case, the fluidity of the waves and oceans generated from the movement of the ship.

East Elevation of Full Site

SITE AND PROGRAM The site of this project is at the back of a Maersk Cargo Ship, a moving vessel that travels the sea’s waters for long periods of times. This Maersk Cargo Ship is no ordinary cargo transportation ship. It occupies workers in the fashion industry. Creating a utopian-like moving city. To design a public space for 500 people for shelter, interaction, recreational spaces, as well as a fashion runway. Spaces are created to stimulate interaction between workers as well as to liven up to working environment.

Cropped Site Plan


Aerial View


SS

LS

LS

SS

Floor Plan

Long Section Through Public Space


Short Section Through Performance Stage


Interior View

Study Models for Form and Program


For the morphology of the design, I sought to achieve a design that seamlessly blends in with it’s surroundings, in this case, the ocean. Using topological smooth surfaces as the general shelter and smooth steel connections between these surfaces. I wanted the inhabitants of this space to feel one with its site.

Axonometric


View of Surface Canopies and Integrated Structure


View of Mainstage from Second Level


View of Runway and Main Stage


ARCH 20A

PCC LANCERPASS INSTRUCTOR: COLEMAN GRIFFITH


PCC

LANCERPASS

Project Description For this project, we were to design a common space that includes a cafeteria in the middle of the PCC campus. The site is located where plenty of circulation meet. I sought to create an environment that is optimal for students to initiate interaction. I looked into the cooperation learning theory, as well as the ant nest for external references and inspiration for my concept and design. The morphology of my design was highly inspired by the order and spaces created within an ants nest. The relationship between the surfaces and ground are developed closely in order to achieve an organized and flowing system in terms of program and circulation.

PCC Campus Site

Concept (Spatial Continuity)

Developing continuous spaces to encourage interaction CREATING SPACES TO ENCOURAGE COLLABORATION

Referencing the spatial voids developed within the nest of ants, there are different hierarchical spatial volumes within that enclosed system. I wanted to develop different spaces, as well as circulation to channel students into more enclosed groups with the intention of stimulating greater social interaction to create a more conducive learning community within the school.

1. individual parties coming from different places

2. Spaces merge into one to stimulate interaction

Molten Aluminum Casting of an Ant Colony

3. Bonds created and individuals merge into groups


View of Overall Site from 4th Storey


Site Analysis Hierarchy of Spaces

Existing Program

Datums

Existing Circulation

main circulation existing cafeteria

secondary circulation

academics

service circulation

facilities

SECTION BB


primary circulation secondary circulation tertiary circulation

gathering space

gathering space

large dining seating area

entrance

cafe

large dining seating area

BB cashier

kitchen

drinks

dishwashing pizza oven/ intermediate space

hot prep

prep area

seating area outside dining

stoves and ovens

cold prep

coldstorage

drystorage frozen storage

office

large dining

entrance receiving

cafe

BB

AA

cashier

kitchen

Circulation diagram

drinks

Creating more tertiary circulation to encourage interaction among students

dishwashing pizza oven/ intermediate space

hot prep

prep area

seating area outside dining

AA

stoves and ovens

cold prep

coldstorage

drystorage frozen storage

office

large dining

receiving

AA

trash

trash

FLOOR PLAN


Site Plan


View of Main Circulation


Outdoor Spaces


Cafe East Elevation

SHORT SECTION (DINING)

SECTION SCALE: 1/4” = AA 1’-0”


SURFACES

GLASS AND TRUSS STRUCTURE

CONTOUR FLOORING

TERRAIN AND SITE

Cafe Interior

Exploded Axon


ARCH 10B

SPATIAL SEQUENCE INSTRUCTOR: COLEMAN GRIFFITH


SPATIAL SEQUENCE This project embodies the study of the various crucial architectural spaces in an architectural project. The relationships of adjacent and public spaces, together with circulation, are heavily explored and analyzed. This study of spaces are then incorporated with numerous model building strategies to determine and represent these different spaces physically. The use of different materials represent different spaces. In this case, cherry wood was used to represent the private spaces, acrylic the public and finally, bass wood for the circulation.

CIRCULATION INTERLOCKING SPACES

CASE STUDY CEDARVALE RAVINE HOUSE

DREW MANDEL ARCHITECTS

CIRCULATION

TORONTO, CANADA

PUBLIC SPACES

PRIVATE SPACES


Final Model


Full Model

Step 1

Step 2

Step 5

Step 6

Step 7


Step 3

Step 4

Step 8

Step 9


ARCH 10A

SURFER’S BEACH HOUSE INSTRUCTOR: MICHELLE PAUL


BEACH HOUSE terrain

Project Description For this project, we were to design a surfer’s beach house at the site of El Matador State Beach. I positioned the location of the beach house between two small hills in order to limit the amount of harsh sunlights coming in. The location of the project is of walking distance from the beach and will serve as a form of shelter and recreation for surfers, as well as families who choose to visit the beach. I sought to develop a project that is inviting, and at the same time does not disrupt the intrinsic qualities of the terrain oriented site. I wanted revitalize the feeling people get when they are inside the beach house and I have done so by incorporating a number glass roof panels for the house.

site

beach

Site- El Matador State Beach

Concept (interfering plate tectonics) My design concept was influenced by the geometric forms produced by the terrain. I want my building to blend into the terrain seamlessly. My design concept also follows the idea of interfering plate tectonics. With two forces strongly opposing each other, one will eventually give in and disintegrate. In this situation, I wanted the resulting effects to be further plates stacking on each other. This ultimately materialized as the idea for my final design.

Axon of Final Design


Overall View


STUDY MODELS

Study Model 1

TERRAIN TECTONIC STUDY

Study Model 2


FINAL MODEL


SECTION AA

BEACH HOUSE MAIN AREA

SECTION BB

ENTRANCE

SURFER’S GATHERING SPACE

SECTION BB

SECTION AA

Plan

SECTION AA


Interior View

SECTION BB


Panoramic View of Beach House Facing the Sea


ARCH 12B

CUTTY SARK PAVILION INSTRUCTOR: JOHN BROCKWAY


CUTTY SARK PAVILION This project is a case study we did to explore the various functions and uses of the Grasshopper plug-in for Rhinoceros 3D. The Cutty Sark Pavilion, built in Greenwich, UK, is pavilion designed by BAKOKO architects to serve as a visitor center and an exhibition venue. What is particularly interesting about the project is its parametric quality. The pavilion comprises of various components. Mainly the internal structure made out of a steel rod network connected with balls clad by wooden struts. Subsequently, the exterior surface is made out of a tent-like fabric that is connected to the internal structure by compression struts. The project was to create a functioning Grasshopper definition that is able to model and control the dimensions of each and every component of the pavilion. After getting the model to be as accurate as possible, we were to create diagrammatic drawings to showcase the components of the pavilion.


Interior Structure

1. 6 Points

5. Hex grid create in respect to initial surface

2. Interpolate curves drawn between points. Offsets created in the front and back.

3. “Ribs� created along center three lines as well as front and back points.

4. Ribs lofted with each other creating a smooth surface

6. Hexagonal cells given some volume by piping the curves

7. Wooden struts developed using the hex grid cells

8. Spheres added to the edges of hex grid cells. Compression struts added

2. Interlopated curves formed from edges of first hex grid to center of second

3. Spheres added to the edges of hex grid cells. Compression struts added

Exterior Structure

1. Hex grid is offsetted up by the height of the tent surface.

Deconstructed Axon Render


Tangency of individual tent surfaces

Each individual surface is created by lofting six curves that are connected from the edges of the middle hex grid cells to the centers of the uppder hex grid cells. The tangency of the curves are controlled by the middle point as represented by the circle in the diagram above.

Analysis of curvature on individual tent surfaces

Integration of internal components

This drawing illustrates how the different component groups integrate and relate to each other

Compression Struts Tension Cables Wood Struts Steel Rod Network Spheres

The turquoise coloured lines indicate the curvature of the tent surfaces. The surfaces have been rebuilt to further depict the structure and creation of these surfaces


Hybrid Drawing

In this spread, I attempted to construct a hybrid drawing to illustrate the different configurations in the Cutty Sark Pavilion. Incorporating subtle renderings with an overlay of drawings and shadows. I wanted to create a visualization that is capable of telling the story of the construction of the pavilion.


ARCH 12B

PARAMETRIC ORIGAMI INSTRUCTOR: JOHN BROCKWAY


ORIGAMI MORPHOLOGY This pavilion serves as a connection gateway between the V building and the Center of the Arts building. Students will have to walk through and fully experience the pavilion in order to access that particular entrance of the CA building. The design of this pavilion is heavily influenced by parametric origami. The form of each module is formulated by sheets of brass stacked on each other, and these modules are subsequently connected by a steel ball that clamps three or less edges of these modules together.

V

This pavilion will serve as a form of shelter, as well as a recreational or rendezvous spot for students to hang out and relax in- between classes.

Site

Top View


Top View From Second Floor


GEOMETRIC SYSTEM

1. Mesh Plane

4. Construct Horizontal Nurb Curves using vertices

2. Center and end vertices

5. Construct Vertical Nurbs Curves using Vertices

3. Project vertices upwards

6. Loft Curves to produce parametric origami surface and add connection spheres

EXPLODED MODULE


Axonometric

ELEVATION VIEW ELEVATION VIEW


Interior View


PERSONAL EXPERIMENTS


MESH RELAXATION AND POROSITY This project encompasses a sequential series of architectural explorations mainly through the relaxation of meshes. Meshes are mainly tessellated surfaces aggregated to form a larger unified surface whole. Beginning with a rigid and planar mesh structure, I sought to smoothen and further- subdivide these surfaces to created a structure that has more continuity and smoothness. This process is also known to be form finding. The processing method was used with the aid of Kangaroo, a physics simulating engine plug-in for grasshopper. After conducting this procedure of form-finding. I attempted to create a sense of porosity in the texture, enabling this project to achieve a greater sense of tactility. The porosity of this structure was also computed in an order of attaining full control of all it’s parameters. For example, its depth, width and location.

Top View


Overall View


GEOMETRIC SYSTEM (FORM FINDING)

1. Initial Surface

2. Mesh Surface

5. Sub-division

6. Mesh Framing

3. Relaxation 1

4. Relaxation 2

7. Final Result, Smoothen Frame


Elevation


Interior View

View from Bottom


Interior Overall View


WEAVING CONGLOMERATE This project encompasses an exploration of the interferences and resonances in a enclosed mesh system. Exploiting the use of a physics simulating engine, I created interferences within a normal mesh to generate forms that are interweaving and systematically conglomerating with one another. This meshes so initially made up of numerous tessellated surfaces that I eventually puncture holes to develop cavities; creating greater spatial qualities. I then developed line drawings to convey the idea of resonance and interference. The two opposing forces that make up a system, to harmonize, or to destroy. The line drawings then evolved into an idea of allowing humans to inhabit and experience the space. I used this idea of weaving conglomerate to propose an installation idea that hovers over people so as to materialize this idea, making it more experiential.

Mesh Analysis

Structural Model


Close Up View of Weaving


X-Ray Line Work


Resonance and Interference


INSTALLATION PROPOSAL Anchored between two blocks of walls, the installation will be suspended in the air so that people will be able to appreciate and observe the apertures and spaces created within each unit of the installation. The idea of the meshes being conglomerated as well as being spaced out is very apparent within the installation itself. This creates different experiences in the installation as there will be portions that will have chaos, and portions that will have peace and continuity,

Top View

Elevation


View From Underneath


PARASITIC WRAPPING This project explores the idea of curve and geometry wrapping, as well as metaballs and the parasitic nature of consumption and engulfing. A metaballs wrapping algorithim was used to wrap geometry and curves that are approximately relatively close to each other. A fully tessalated mesh is created to blanket these curves and geometry creating a unified surface altogether. The curves are created by projected points which have a relationship to the initial geometry. These curves serve as the “parasites� that will infect the geometry with an organic formed surface. I sought to create the effect of a textured wall surface the people can be able to experience. The resulted effect strongly resembles the organic nature of burnt plastic. Its morphology is highly intuitive and self forming, createing an even more random effect in its form.


GEOMETRIC SYSTEM

1. Initial geometry and curves

2. Execute curve wrapping algorithm

3. First level of mesh smoothening

4. Second level of mesh smoothening


Elevation


Mesh Connection Analysis

Interior Close Up


Overall View


Pasadena City College 2013-2014