Architectural Design Portfolio

Contact Information:John Hublugreen.design@gmail.com(310)908-6450

The Alhambra Bicycle Kitchen: Exchange & Connection......... 13-21Spatial Study: Spatial Sequence.............................................. 23-28Found Space: Subtracted Cube................................................30-34

Table Of Contents: Architectural Design Projects (2007-2010), Pasadena City College

10B

Plywood Design Production: "Tablair".......................................40-421412B The Eames House Case Study.................................................36-38

20A The Alumni Commons: Surface Architecture..............................5-11

The Art GalleryArt Works...................................................................................44-48

The Almuni Commons: Surface ArchitectureArch. 20AFall 2010Instructor: Coleman Griffith

First Stage: Concept Development and Rule SetReverse osmosis is chosen as the concept in the development of design.

Description: In recent years, landscape architects and architects have jointures in creating buildings that interact with surface at the site. The goal is to investigate the opportunities of design inventions by combing landscape and architectural building design, as opposed to traditional box-shaped, symmetrical structures.Objective: Design an architecture that interacts and emerges with surface at the site. The design can be used as a complementay site for student affairs and faculty meetings and become part of the college's system of structures.

Second Stage: Site AnalysisThe site is looked at both locally and regionally.

Process:

First stage: Research and Concept Development

Reverse osmosis is a filtration method that re-moves many types of large molecules and ions from solutions by applying pressure to the solution when it is on one side of a selective membrane. The result is that the solute is retained on the pressurized side of the membrane and the pure solvent is allowed to pass to the other side. To be "selective," this membrane should not allow large molecules or ions through the pores (holes), but should allow smaller components of the solution (such as the solvent) to pass freely.

Bi-nuclear words: permeability, balance

Site Program: snack shop, botanical garden, outdoor gathering lounge and restrooms

Second stage: Analysis of the Site

Circulation at regional scale Circulation at local scale; traffic Circulation at local scale; density Circulation developed for the design

N

Long Section

Site Plan

Final Stage: Surface Integration with the SiteThe design focuses on the principle that the structure will blend in with site. Section drawings, as well as plans and renders, are shown .

Interior Perspective View

Floor Plan Short Section

Perspective View

Perspective View, overlooking the design project from the R building

The Alhambra Bicycle Kichen : Exchange and ConnectionArch. 10BFall 2008Instructor: Coleman Griffith

First Stage: Concept and Rules DevelopmentThe concept chosen for this design project is a braking mechanism called the regenerative brakeing. Found in vehicles such as hybrid and electric cars, the system can recapture kinetic energy that is lost unlike traditonal fricition-based brakes.

Description: The Alhambra Bicycle Kitchen and Tourist Center is a non-profit community bicycle space, dedicated to educating the comunity on bicycle repair and maintenance and promoting a velo-centric way of life in America's most car-dominated city. The design project is located in the former Andy's Gas Station located on Westmont and Valley blvd.Objective: Design a community center that accomdates the needs of repair shop for bicycles as well as a gathering place for the cycling community; and establish connection with Arch. 20b site.

Second Stage: Stie AnalysisThe site is located by the end of 710 freeway, with arch. 20bjust west from Andy's gargage. Traffic circulation will be lookedat for emergence for both cars and bicycles.

Process:

Site for the project

Rules:Recapture: reclaiming energy partially that is otherwise lostRecharge: re-energized and restoreReuse: remaking energy regarded as a waste product as an useful element in a system

Concept: Regenerative BrakingRegenerative braking recaptures energy from a car's momentum during slowing down. The main function of the system is that it resuses otherwise lost engery.

Bi-nuclear words:Linkage & Conversion

Second Stage: Site Analysis

First Stage: Concept Development

710 Freeway

Arch. 20B site

Long Section

Tourist Office

Adminstratiom Office

Interior Bike Repair Workshop

Outdoor Area

RR

Storage

Conference Room

Ramp Entrance/ Exit

Ramp Entrance/ Exit to Arch.20B Project

Bike Repair StationRepair made easy with a good repair station. This station is a customized, 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 PC tower for more advanced diagonistics for problems.

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 .

Final Stage: DesignThe final design is based on the developed rule sets and program diagram. The new intervention now serves as an "add-on" to the existing building. A connection to the arch. 20b site is also established.

Section A

Side view of the Alhambra Bicycle Kitchen

Ground Plan

Legend1 Tourist Office2 Adminstrative Office3 Interior Bike Reapir Shop4 Sheltered Outdoor Area

Section B

View of the ramp connection to the Alhambra Bicycle Kitchen, coming from the transit design project of Arch. 20B

2nd Floor Plan

LegendA Tourist Office- 2nd FloorB CommunityC RestroomD Conference RoomE Open to BelowF Ramp Access to Arch. 20B SiteG Ramp Access to Valley Blvd.

Spatial Study: Spatial SequenceArch. 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-2004Description: 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: Demostrate understanding of spatial relationships in a given common interior space and revealation of sequenial order through the use of both digital and physical model.

First Stage: Identifying SpacesFor the first part of the spatial study the circulation is examined criti-cally since it's defining the experience of accessing spaces.Second Stage: Three Dimensional Model DiagrammingImages of spatial diagrams in 3d solids of spaces of private, public and circulation, are shown for comparison.

Process:

First Stage

All SpacesPrivate + CirculationPrivate only Private + Public

Second Stage

Digital Model Disassembly

Final Stage: Spatial Sequence Digital Model, The Revelation of Spatial SequenceThe rendered images above narrate how spaces are accessed sequentially. Notice that circulation block will be removed before public spaces do so that the complete disassembly of the model can be done in a sequential order.

(1) Model with nothing removed (2) Front courtyard removed (3) Kitchen+two story space and family room removed (4) Living room+two story sapce and stairway removed

Final Stage

(8) Model with everything removed(7) Basement hallway removed(6) Studio and Study are removed(5) Second story hallway removed

Found Space : The Cube Subtracted from WithinArch. 10BFall 2008Instructor: Coleman Griffith

(2) Transforming spaces into three dimensional objects

Description: Locating and identifying spaces that are often overlooked and ignored of their potential as functional spaces in their respective environment. The spaces are then documented and digitally constructed as three dimensional objects.Objective: Gather fogotten spaces and transform them into three-dimensional contour objects and subtract them from a cube.

First Stage: Gathering Fogotten SpacesThe site of chosen found spaces is located in Pasadena City College; the picture shows the view of Shatford library facing south. Mutliple pictures are made into a collage. Second Stage: Digital Documentation Showing documented and illustrated found space objects in se-quence, presenting the progression of objects being transformed.

(1) Found spaces are documented

Process:

First Stage

(3) Spatial objects being arranged as a single form

(4) Spatial object is placed inside the cube (5) Object is differenced with the cube

Second Stage

(6) Cube is then contoured

Axonometric viewof the cube with acrylic layers

Final Stage: Rendered Interior Perspective ViewThe interior view of the cube after being subtracted and contoured from spatial objects 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

Second Stage: Construction of the Digital ModelExhibiting the series of images of the model in sequential order of how the house would be built in actuality, as well as digitally.

Description: This home is designed by Charles and Ray Eames, the landmark of modern architecture of the mid-20th century. The case study analyzes spatial properties of interior spaces.Objective: Constructing a 3-D replica model of the Eames House using digital software. The spatial relationships inside the house are closely examined.

First Stage: Plan and Section DrawingsThe drawings will become the foundation for building the 3-D digital model. Precision is important here as there are parts of the house that require attention to detail.

Process:

First stage

second stage

(1)Building the trusses (2)Building ground floor pavement and rooftops

Final Stage: Digital Model RenderingThe digital model is rendered with the aid of a computer software.

(3)Adding interior spaces, floors and walls (4)Adding exterior window frames (5)Adding exterior window glasses

The Eames House Digital Model

Plywood Design Production: "Tablair"Arch. 14Fall 2009Instructor: Coleman Griffith & Dinicio Valdez

24.0000

96.0000

24.0000

48.000012.2500 11.7500 12.2500 11.7500

23.0000

10.0000

4.0000

15.0000

5.3633

Final Stage: Fabrication and Digital Model. 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 creatiing an object/scrupture/furniture with a piece of plywood with size limitations. Objective: Using no hardwares and glues, create a design with a 8'x4' plywood that can be self-substained 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 sketch shows the early stage of development of the furniture that is intended to be a dual-functioning piece.

Process:

First Stage Second Stage

How efficient is the design? During the fabrication process the tablair uses about 7.5 of all 8 2'x2' pieces, or about 93% usage in material!

Perspective view Perspective view facing removable chair Removable chair detached from the table Chair in seating configuration

Final Stage

Tablairs being used in a space

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

Marker Rendering- Still Life with Metal Objects Art 18, Fall 2007Instructor: Joel Bell

Marker Rendering- Still Life with Wooden BlocksArt 18, Fall 2007Instructor: Joel Bell

Marker Rendering- Still Life with Mutliple Objects Art 18, Fall 2007Instructor: Joel Bell

Marker Rendering- Still Life with Plastic and glass Art 18, Fall 2007Instructor: Joel Bell