work portfolio

Do

Not

Print

Here!

This

is the

Spine

the design portfolio of gerardo franco

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

co

nte

nts

dra

win

gs

pa

inti

ng

s

mo

de

l ma

kin

g

2-D

de

sig

n

3-D

de

sig

n

ph

oto

gra

phy

wo

od

wo

rkin

g

katt

en

bu

rg a

rch

ite

cts

1 5 8 13 14 15 20 21

Do

Not

Print

Here!

This

is the

Spine

bu

il

di

ng

i

n

th

e l

an

ds

ca

pe media used: pencil and

charcoal

class: architecture 131

original size: 19 in x 24 in bristol vellum

professor: biliana stremska

semester: first semester, fall 2011

the assignment was to create a study of the dvc library and its landscape/context in tone with the goal of learning to successfully render architecture and landscape in tone. the drawing was to have an appropriate view which gives character to the building and its setting while being observant of proportions in prospective.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

ge

st

ur

e

dr

aw

in

g media used: charcoal





gesture drawings were made to focus on the ideas of movement, balanced proportions, and drawing to capture the essence of a whole figure. the clarity of the image was to read well when observed from a distance of up to 20’.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

co

mp

os

it

et

re

e media used: pencil and charcoal





we were to select a tree that has expressive form and textures and then creating a composite live study drawing in tone consisting of three elements- the entire tree, and two details which were a leaf and the stem of the tree. the three elements were to be arranged gracefully and the use of tone was to unite the drawing so it creates a harmonious hole.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

bu

il

di

ng

in

el

ev

at

io

n media used: 2h, h, hb, b, 2b, 4b, pencils





the assignment was to create a contour elevation study of a portion of the east facade of the physical science building of the dvc campus. the goal was to develop a successful method and ability to analyze complex proportional relationships such as building elevations, and to continue advancing in composition, line weights, detail development, and texture through contour.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

cu

be

c

om

po

si

ti

on media used: 2h pencil,

black ink, paint brush


original size: 12 in x 16 in watercolor paper

professor: tatjana polyakova

semester: second semester, spring 2011

the assignment was to cast shadows of a three dimensional object, and to study geometric forms. we were to use a light pencil for the overall figure then use black ink for constructing the shadows. the goal was to learn how to cast shadows, constructing guide lines for shadow boundaries, coordinating views in plan and elevation, and to learn hatching techniques.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

de

fi

ni

ng

a

cu

be media used: 2h pencil,

watercolors, paint brush



professor: daniel abbott


after observing the work of the destijl architects and laszlo moholy nagy, we were asked to construct our own view of our cube model. that we first started by drawing well drafted lines using a 4h pencil on water color paper. the drawing needed two elevations of the cube model, a plan view, and an axonometric view. once the drawing was complete, we were to render the drawing with water colors.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

fo

ld

in

g

sp

ac

e media used: 2h pencil, water colors, paint brush





after we constructed a model based on a series of folding planes, we were to draw two views of our model on water color paper. i drew two side views and then rendered the drawing with water colors. we were to pay close attention to the composition of the image and how the views are placed on the page. we were to show either physical relationships between the two views or to create alignments that explore graphic relationships in the composition of the painting. we also included diagonal lines at 45 degrees to represent shadows and depth.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

eq

ue

st

ri

an

r

es

or

t

media used: 4 ply board, autocad, laser cutter


original size: scale- 1/32” = 1’-0”

professor: elena tomlinson


we were asked to design a resort for guests training at a horse ranch, and for horse owners who are boarding their animals long term. the new addition was to be a hybrid that represents the old buildings of the farm with modern architecture being the design inspiration. we were to consider the relationship between the landscape and the built elements. the model was made at 1/32” scale using 4 ply museum board and the model consisted of a hotel lobby, restaurant/saloon, and hotel building.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

de

fi

ni

ng

a

cu

be media used: 4 ply

museum board, tacky glue


original size: 3-1/2” x 3-1/2” x 3-1/2” cube



the assignment was to define the volume of a 3-1/2” x 3-1/2” x 3-1/2” cube in space with planes in three dimensions. the idea behind this project was thinking of a solid cube and how it reacts in space if it were to explode. we studied the relationships that it presented and how even with different movements the model is still defining a cube in space.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

mo

nd

ri

an

mu

se

um media used: 4 ply

museum board, balsa sticks, tacky glue


original size: 3/16” = 1’-0”



the assignment was to design a pavilion to display artwork created by piet mondrian. the pavilion sits in a garden court yard that is intended to be open to the landscape in as many ways possible to utilize natrual shading, ventilation, and views to the surrounding landscape. the model was to also show columns and structural frames while having walls that can either be u shaped, l shaped, t shaped, or straight shaped walls.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

ale

xa

nd

er

ca

lde

r g

al

le

ry media used: 4 ply

museum board, tacky glue, autocad, laser cutter


original size: 3/16” = 1’-0”



we were to design an art gallery that will be used to display the artwork of the artist alexander calder. it should be able to display between one and three medium to large size mobiles by calder. the gallery was to be designed as one large sculptural space that takes into consideration natural ventilation. the overall model was done in autocad then put into a laser cutter printer to be cut and then massed with glue.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

re

d

bl

ue

c

ha

ir media used: balsa wood,

balsa sticks


original size: 1”=1’-0”

professor: joe valdez


after studying gerrit thomas rietveld and the de stijl movement, the assignment was to design the red blue chair which is one of the most influential pieces of furniture in modern history. with a 1”=1’-0” scale, we then constructed the red blue chair with balsa wood and balsa sticks.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

ur

ba

n/

si

te

an

al

ys

is media used: autocad,

adobe indesign


original size: 24 in x 36 in poster



the urban analysis poster is focused on the transportation of the hayes valley district which strictly focuses on bikes, trains, and buses instead of individual vehicles. the transportation diagrams were designed using city planning maps and then drawing them in autocad. the rest of the poster was designed using adobe indesign. the site analysis poster of the urban farm was also done in indesign with the site plan being made in autocad then used in photoshop to overlay the contours with the aerial image.

Do

Not

Print

Here!

This

is the

Spine

BART

BUS

MUNI

BIKE SHOPS

BUS STOPS

BIKE PARKING

AnalysisHayes Valley HistoryIn the late 1800s, Hayes Valley was a tract of land owned by Thomas Hayes, with a park that burned down in the year City Hall broke ground -- 1872. In the early 20th century, the Western Addition area adjacent to Hayes Valley became a vibrant African American community, described sometimes as a Harlem-style renaissance in San Francisco. The neighborhood later succumbed to controversial redevelopment.

After the earthquake in 1989, a section of noisy and ugly freeway that ran through Hayes Valley was demolished. The neighborhood was reborn of the rubble and is now a thriving residential and commercial district.

Hayes Valley PeopleHayes Valley is a mix of old time residents, young professionals and families. Absinthe Brasserie and Jardiniere have two of the best bars in the city. At the same time, you’ll see strollers and parents with young kids in the local shops and cafes.

Residents of Hayes Valley are protective of the Bohemian character and community ethic that still thrive. The Hayes Valley Neighborhood Association is active in local issues.

Hayes Valley EnvironmentThe Hayes Valley area is full of Victorian homes. There are many tree-lined streets and quiet areas off the main commercial strips. In spite of busy retail zones, on weekdays the neighborhood still feels like a sleepy enclave.

Hayes Valley borders on some areas that are considered sketchy at night, so the usual safety measures should be taken if walking in the area after hours.

For more specific information on neighborhood safety, the San Francisco Police Department has an interactive Crime Map where you can search for statistics by area and zip code.

Hayes Valley DemographicsPopulation: 28,991Median Age: 38.2Largest Age Group: 25 – 34 (22.6%)Households:Families: 24.4%Non-Family: 75.6%Average Family Size: 2.99

Hayes Valley Housing StatsMedian Housing Price: $ 715,000SF Chronicle List of Real Estate Brokers

Rent: $800 - $1300 (Studio) • $1800 - $3000 (2-Bedroom)Craig’s List is the best resource for rentals

Owner-Occupied Units: 5.2% *Renter-Occupied Units: 94.8% *

Hayes Valley ParksPatricia’s Green: The Hayes Green is part of the hailed Octavia Bou-levard Project. The span of green with children’s playground and benches also hosts outdoor public art exhibits.

Golden Gate Park: Golden Gate Park is a treasure, providing green and forested sanctuary in the heart of the city. The de Young Mu-seum, the Conservatory of Flowers and the Botanical Gardens are among the attractions in the park.

Alamo Square: With a view of the Painted Ladies Victorian homes and the San Francisco skyline behind them, Alamo Square is a popular place to lay a blanket and hang out with the kids or play with your dog. about.com/hayes valley

BIKE SHARING

LOCAL BARS

hayes valley urban analysissan francisco, california

BART

BUS

MUNI

BIKE SHOPS

BUS STOPS

BIKE PARKING

AnalysisHayes Valley HistoryIn the late 1800s, Hayes Valley was a tract of land owned by Thomas Hayes, with a park that burned down in the year City Hall broke ground -- 1872. In the early 20th century, the Western Addition area adjacent to Hayes Valley became a vibrant African American community, described sometimes as a Harlem-style renaissance in San Francisco. The neighborhood later succumbed to controversial redevelopment.

After the earthquake in 1989, a section of noisy and ugly freeway that ran through Hayes Valley was demolished. The neighborhood was reborn of the rubble and is now a thriving residential and commercial district.

Hayes Valley PeopleHayes Valley is a mix of old time residents, young professionals and families. Absinthe Brasserie and Jardiniere have two of the best bars in the city. At the same time, you’ll see strollers and parents with young kids in the local shops and cafes.

Residents of Hayes Valley are protective of the Bohemian character and community ethic that still thrive. The Hayes Valley Neighborhood Association is active in local issues.

Hayes Valley EnvironmentThe Hayes Valley area is full of Victorian homes. There are many tree-lined streets and quiet areas off the main commercial strips. In spite of busy retail zones, on weekdays the neighborhood still feels like a sleepy enclave.

Hayes Valley borders on some areas that are considered sketchy at night, so the usual safety measures should be taken if walking in the area after hours.

For more specific information on neighborhood safety, the San Francisco Police Department has an interactive Crime Map where you can search for statistics by area and zip code.

Hayes Valley DemographicsPopulation: 28,991Median Age: 38.2Largest Age Group: 25 – 34 (22.6%)Households:Families: 24.4%Non-Family: 75.6%Average Family Size: 2.99

Hayes Valley Housing StatsMedian Housing Price: $ 715,000SF Chronicle List of Real Estate Brokers

Rent: $800 - $1300 (Studio) • $1800 - $3000 (2-Bedroom)Craig’s List is the best resource for rentals

Owner-Occupied Units: 5.2% *Renter-Occupied Units: 94.8% *

Hayes Valley ParksPatricia’s Green: The Hayes Green is part of the hailed Octavia Bou-levard Project. The span of green with children’s playground and benches also hosts outdoor public art exhibits.

Golden Gate Park: Golden Gate Park is a treasure, providing green and forested sanctuary in the heart of the city. The de Young Mu-seum, the Conservatory of Flowers and the Botanical Gardens are among the attractions in the park.

Alamo Square: With a view of the Painted Ladies Victorian homes and the San Francisco skyline behind them, Alamo Square is a popular place to lay a blanket and hang out with the kids or play with your dog. about.com/hayes valley

BIKE SHARING

LOCAL BARS

hayes valley urban analysissan francisco, california

Do

Not

Print

Here!

This

is the

Spine

eq

ue

st

ri

an

r

es

or

t

media used: google sketchup, kerkythea


original size: 6 in x 6 in



the equestrian resort which I talked about before also needed 3-d renderings which show interior and exterior spaces. the renderings were first modeled in google sketchup then rendered in kerkythea to give it a more finished look.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

dy

na

mi

cp

ho

to

gr

ap

hy media used: nikon d3100,

photoshop, textorizer

class: none

original size: 800 x 600

professor: none


in order to do well in architecture, an individual must understand the essences of photography. the series of photographs which are presented within this portfolio are made with understanding dynamic photography and how the values of architecture such as form and composition relate to photography. this image was shot with an slr camera and then manipulated in photoshop using several layers and using the channel mixer to change several channel colors. the program textorizer was also used as a concept idea for my portfolio cover.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

dy

na

mi

cp

ho

to

gr

ap


photoshop

class: none

resolution size: 800 x 600

professor: none


this locker shot was used with the photography style “shallow depth of field”. the foreground is blurred while the surrounding area appears sharp. the viewer closely concentrates first on the foreground then to the middle and back. the blurred locker combo gets more attention than the rest of the image because of its dynamic view. the manipulation of layers and channel mixers was also used in photoshop.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

dy

na

mi

cp

ho

to

gr

ap


photoshop

class: none


professor: none


this shot of the cement facade was also used with the photography style “shallow depth of field”. the foreground in this photo is sharp with the rest slowly blurring. a study of sunlight and shadows is also in use for this photo. the manipulation of layers and channel mixers was also used in photoshop.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

dy

na

mi

cp

ho

to

gr

ap


photoshop

class: none


professor: none


the shot of this facade was also used with the photography style “shallow depth of field”. the foreground in this photo is sharp with the rest slowly blurring. the manipulation of layers and channel mixers was also used in photoshop.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

dy

na

mi

cp

ho

to

gr

ap


photoshop

class: none


professor: none


this photo was used to capture motion blur in photography. capturing motion is an essential skill in photography. the manipulation of layers and channel mixers was also used in photoshop.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

as

se

mb

ly

fa

br

ic

at

io

n media used: woodshop


original size: wooden bookshelf



this course covered the methods of fabrication for architectural projects in metal, wood, plastic, and other materials. it was also an introduction to shop safety, machine and tool operation, and small scale design and construction. the idea behind my design was having a small side couch lamp stand while also making a storage space for books and magazines and other items that I can place in the middle of the stand. it was made completely out of wood.

Do

Not

Print

Here!

This

is the

Spine

Do

Not

Print

Here!

This

is the

Spine

ma

rk

et

in

gd

es

ig

n media used: adobe indesign

employer: kattenburg architects

original size: 8.5 in x 11 in

time frame: 1 week to complete

time: summer 2011

working in an architectural firm has furthered my knowledge in architecture by giving me an understanding of areas such as marketing and business in architecture, an introduction to construction documents, detailing, and product specifications. my knowledge in autocad has also excelled by working in a firm. this series of pr pieces were created in adobe indesign to be put into the pr folders which are given to potential clients to further expand their knowledge in the type of designs the firm has.

Do

Not

Print

Here!

This

is the

Spine

Orinda Remodel Kattenburg Architects Gilhuly Residence

Orinda

Orinda

Kattenburg Architects

Do

Not

Print

Here!

This

is the

Spine

ma

rk

et

in

gd

es

ig

n media used: adobe indesign

employer: kattenburg architects

original size: 8.5 in x 11 in

time frame: 1 week to complete

time: summer 2011

this series of pr pieces were created in adobe indesign to be put into the pr folders which are given to potential clients to further expand their knowledge in the type of designs the firm has.

Do

Not

Print

Here!

This

is the

Spine

Smith Residence Kattenburg Architects

Orinda

Lafayette Residence Kattenburg Architects

Do

Not

Print

Here!

This

is the

Spine

work portfolio

Documents

spinedonot print

original size

bristol vellum professor

biliana stremskasemester

spinegesture drawing

h pencil

landscape media

use of tone