portfolio, winter 2012 rev. 3.0
DESCRIPTION
*changes from 2.0* updated contents improvments in layoutTRANSCRIPT
Architectural Design Portfolio
"The success of the masterpieces seems to lie not so much in their freedom from faults-indeed we tolerate the grossest errors in them all-but in the immense persuasivenss of a mind which has com-pletely mastered its perspective."
Virginia Woolf, From "The Death of the Moth"
Contact Information:John [email protected](626)222-4348
Software skills:Adobe Photoshop, Adobe Illustrator, Adobe Indesign, AutoCAD 2012,
Rhinoceros 4, Maxwell Render 2
Area of Interest:Sustainable, environmentally friendlier design, recycled building materi-
als and home housing/civil design
Education:2nd year student designer
Personal Hobbies:
Free-hand landscape sketches, marker rendering
2011 2009 2008
The Alhambra Bicycle Kitchen.............................page16-25Spatial Sequence Model......................................page26-31The Found Space................................................page34-37
Table Of Contents: Architectural Design Projects (2007-2011), Pasadena City College
10B
Plywood Fabrication Design................................page44-451412B The Eames House Case Study...........................page40-41
20B The Boiler House Core........................................page06-15
The Art Gallery: Artworks(omitted)......................page48-51Art
2007
The Boiler House CoreArch. 20BFall 2011Instructor: Coleman Griffith
First stage: Research and Concept Development Bi-nuclear words: Concealment and Revealiation
Site Plan
5
Color changing of a chameleon's skinOperant Learning, Google Image
The Boiler House Core
Description: Reinventing and re-innovating archi-tectural design soultions with transformable/flexible spaces as the primary goal. The Boiler House will house a new architecture school for students and faulty at Pasadena City College. The design will re-volve around a cluster of support spaces or "core".Objective: Design an architecture school that will accommodate the needs from both students and faculty staffs. Efficiency of space usage and trans-formable spaces are key highlights.Design Process:First Stage: Concept Development and Diagram-ming. "Adaptability" emerged from external ref-erence "chamelon's color change" and learning theme "operant conditioning", is chosen as the con-cept of the design.Second Stage: Site Analysis.The site is looked at the regional for existing circulation at the site. Light-ning condition is an important factor here as it helps in determining the movment of the wall/roof panels throughout the course of the day.Concept: Chameleons are born with special cells that have a color, or pigment, and under the chame-leon's outer skinthat is know as chromatophores. The top layers of chromatophores have red or yel-low pigment and the lower layers have blue or white pigment. When these pigment cells change, the chameleon's skin color changes. Messages from the brain tell the cells to enlarge or to shrink, as well as letting cell pigments mix like paint. A chemical called melanin also helps chameleons turn color. Melanin fibers can spread like spiderwebs through layers of pigment cells. Their presence causes skin to darken.
Second stage
Circulation
Light and shadow study:
Morning
6
Noon Evening
Short Section A1
Bottom Level Floor Plan
Long Section B1
Final Stage: Transformable Panels and the Core From concept "adaptability", the transfromable wall/roof panels manifest the idea of being adapt-able with changing enivornment conditions. These panels can be moved utilitizing the electric motor located at the core that can also power the elevator. The disecting panels can change according to the time of the day, the time of classes taking place and light, weather conditions, and are able to fold away when not needed.
7
Interior Rendering: Bottom Level
8
Long Section B1
Ground Floor Plan
Short Section A2
Upper Level Floor Plan
9
Program:Studio(2)Classroom(2)Computer LabSupply ShopOfficeMachinery RoomGalleryRestroomPrinting ShopLobby
Interior Rendering: Ground Level
10
Exploded Axonmetric Perspectives
Enclosure
Core
Platform
Roof
11
Interior perspective view of roof panels and core
12
The Alhambra Bicycle Kichen Arch. 10BFall 2008Instructor: Coleman Griffith
Process of regenerative brakingFirst Stage: Concept Development
Alhambra Bicycle Kitchen
Reclaiming energy Recharge energy Re-use energy
Description: The Alhambra Bicycle Kitchen and Tourist Center is a non-profit community bicycle space, dedicated to educating the comunity on bicycle repair, maintenance and promoting a velo-centric way of life in America's most car-dominated city. The design project is located in the existing Andy's Gas Station located on Westmont and Val-ley blvd.Objective: Design an architecture that serves as an add-on of the existing building and providing the needs of a gathering place for the cycling com-munity. Establish a connection with the arch. 20b master planDesign Process:First Stage: Concept and Rules Development.The concept chosen for this design project is a braking mechanism called the regenerative brake-ing. Found in vehicles such as hybrid and electric cars, the system can recapture kinetic energy that is lost unlike traditonal fricition-based brakes.Second Stage: Stie Analysis and Program.The site is located near the end of 710 freeway, with the site of architecture 20b just west from Andy's gargage. Traffic circulation will be lookedat for emergence for both cars and bicycles and the symbolic relationship between the two transporta-tion vehicles. Development of program is also fo-cused here.Concept: Regenerative Braking recaptures energy from a car's momentum during slowing down. The main function of the system is that it resuses other-wise lost engery.
Second Stage: Site Analysis
Aerial View of rendered Site Plan
Tourist Office
Adminstratiom Office
Interior Bike Repair Workshop
Outdoor Area
RR
Storage
Conference Room
Ramp Entrance/ Exit
Ramp Entrance/ Exit to Arch.20B Project
ProgramExisting Traffic Flow
Bike Repair Station: The heart of repairing jobs performed at the bike kitchen. This station is a cus-tomized, foldable mobile workstation well-suited for indoor repair. The station includes a clamp, a bike kickstand stabilizer and internal compartments for quick access to tools, accessories and a compart-ment for a PC tower for more advanced diagonis-tics for repair-related issues.
Site Program:Office 150 sq. ft.Conference room 300 sq. ft.Interior bicycle repair area: work tables and tools. Storage of parts and bicycles. Tools and bicycles must be secured each night. Movable workstations.Tourist office 250 sq. ft.Bathrooms: M, F separate accommodate 3 persons each. Accessible from inside, outside and Outdoor gathering and work areas .
Site Section
Final Stage: Program and Form.The site is located near the end of 710 freeway, with the site of archi-tecture 20b just west from Andy's gargage. Traffic circulation will be looked at for emergence for both cars and bicycles and the symbolic relationship between the two transportation vehicles. Develop-ment of program is also focused here.
Repair Staion
Front Rendering
Ground Floor Plan
Long Section
Second Floor Plan
Short Section
Exterior Rendering
Showing the bridge connection coming from 20B site , facing the Bicycle Kitchen
Spatial Sequence Model Arch. 10BFall 2008Instructor: Coleman Griffith
Ground level Second levelBasement level
The Mosewich House, located at British Columbia, Canada. By D'Arcy Jones Design. Single-family dwelling, 2003-2004
First Stage
Mosewich House Floor Plan
Spatial Sequence Model
Description: Exploration of the interior spaces of modern home of choice and the study of spatial properties such as circulation, private and public spaces, as well as sequential acessibility of these spaces.Objective: Development of understanding of spa-tial relationships in a given common interior space and revealation of sequenial order through the use of both digital and physical model.Process:First Stage: Identifying Spaces. For the first part of the spatial study the circulation is examined criti-cally since it's defining the experience of accessing spaces.Second Stage: 3D Model DiagrammingImages of spatial diagrams in 3D solids of spaces of private, public and circulation, are shown for comparison.
All SpacesPrivate + CirculationPrivate only Private + Public
Second Stage
Exploded axonometric view of the digital model
(1) Model with nothing removed (2) Front courtyard removed
Final Stage
(3) Kitchen, two story space and family room removed
(4) Living room+two story sapce and stairway removed
Final Stage: Spatial Sequence Digital Model, the revelation of spatial sequence. Rendered images with dissembling diagrams below narrate how spaces are accessed sequentially. Notice that cir-culation block (in red) will be removed before public spaces (in blue) do so and how the users access spaces in a sequencial manner.
(8) Model with everything removed(7) Basement hallway removed(6) Studio and Study are removed(5) Second story hallway removed
The Found Spaces Arch. 10BFall 2008Instructor: Coleman Griffith
(2) Transforming spaces into three dimensional objects(1) Found spaces are documented
First Stage
The Found Spaces
Description: Locating and identifying spaces that are often overlooked and ignored of their potential as functional spaces in their respective environ-ment. The spaces are then documented and digi-tally constructed as three dimensional objects.Objective: Gather fogotten spaces and transform them into three-dimensional contour objects and subtract them from a cube.Process:First Stage: Gathering Fogotten Spaces. The site of chosen found spaces is located in Pasadena City College; the picture shows the view of Shatford li-brary facing south. Mutliple pictures are made into a collage.Second Stage: Digital Documentation. Showing documented and illustrated found space objects in sequence, presenting the progression of objects being transformed.
(3) All are being arranged as a single form
(4) Spatial objects is placed inside the cube
(5) Object is differenced with the cube
Second Stage
(6) Cube is contoured
Rendered perspective view
Final Stage: The rendered interior view of the cube. After being subtracted and contoured, view of the cube interior is shown here. This view, in particular, effectively defines differences in spatial relationships such as postive vs. negative spaces and solid vs. void.
The Eames House Case StudyArch. 12BSpring 2007Instructor: Peter DeMaria
Description: This home is designed by Charles and Ray Eames, the landmark of modern architec-ture of the mid-20th century. The case study ana-lyzes spatial properties of interior spaces.Objective: Constructing a 3-D replica model of the Eames House using digital software. The spatial re-lationships inside the house are closely examined.Process:First Stage: Plan and Section DrawingsThe drawings will become the foundation for build-ing the 3-D digital model. Precision is important here as there are parts of the house that require attention to detail.Second Stage: Construction of the Digital ModelExhibiting the series of images of the model in se-quential order of how the house would be built in actuality, as well as digitally.Final Stage: Digital Model RenderingThe digital model is rendered with the aid of a com-puter software.
First stage Second stage
(1)Building the trusses
The Eames House, by Charles and Ray Eames, courtsey of Google image
EleavtionsFloor Plans
The Eames House Case Study
(2)Building ground floor pavement and rooftops (3)Adding interior spaces, floors and walls (4)Adding exterior window frames (5)Adding exterior window glasses
The Eames House Digital Model
Plywood Fabrication DesignArch. 14Fall 2009Instructor: Coleman Griffith & Dinicio Valdez
24.000096.0000
24.0000
48.000012.2500 11.7500 12.2500 11.7500
23.0000
10.0000
4.0000
15.0000
5.3633
Final Stage: Rendered Digital Model and As-sembly The *Tablair is a dual-purpose piece in one sleek, sustainable design. The hybrid design of the Tablair pushes the boundaries between the desk and table to the limit. It's both decorative and functional, and while being very resource efficient at the same time.
Second Stage: Planning and Configuring. The plan drawing shows how the design is being used on a 8'x4' plywood, with measurements included.
Description: The design project focuses on creati-ing a prefab object that can be a scrupture, a fur-niture piece or anything that cab be held together. There's a size constraint in which how big the ply-wood panel is used. Objective: Using no hardwares and glues, create a design with a 8'x4' plywood that can be self-sub-stained structurally.*"Tablair" is a hybrid word of "table" and "chair"
First Stage: Exploring Design Ideas.The main goal of design focuses on being efficient without sacrificing functionality and dualibility. The pencil sketch shows the early stage of development of the furniture that is intended to be a dual-func-tioning piece.
Design Process:
First Stage Second Stage
Plywood Fabrication Design
Perspective view Showing removable chair Chair detached from the table Chair in seating configuration
Final Stage
The efficienicy of material use: During the fabrica-tion process the tablair uses about 7.5 of all 8 2'x2' pieces, or about 93% usage in material.
The Art Gallery: Artworks from 2006 to Present
Still Life- High Contrast ObjectsCompleted in summer 2007Medium used : charcoals, pencil
Still Life- High Reflectivity ObjectsCompleted in summer 2007Medium used : charcoals, pencil
Still Life- Shiney objectsCompleted in summer 2007Medium used : color charcoals, pencil
Still Life- Landscape SketchCompleted in summer 2007Medium used : charcoals, pencil
Still Life- High Reflectivity Metal ObjectsArt 18 Instructor: Joel BellMedium used : Markers, fine tip pen and white gouache
Still Life- Wooden ObjectsArt 18 Instructor: Joel BellMedium used : Markers, color pencils
Still Life- Assorted ObjectsArt 18 Instructor: Joel BellMedium used : Markers, color pencils, fine tip pen and white gouache
Still Life- Assorted Objects Art 18 Instructor: Joel BellMedium used : Markers, color pencils, fine tip pen and white gouache