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