- Charles EamesThe details are not the details. They make the design.

3 ClassGoalYearInstructor

Commercial DesignPotrero LibraryFall 2014Serena Zanello

Redesign San Francisco Public Library, Potrero Branch. This is a team project.

Moodboard / Concept Site Target User Programming Construction Drawings Floor Plans RCP

Lighting Schedule Elevations Design Details Perspectives Materials Branding Strategy

People usually say that we can broaden our view through traveling. Reading is a special way of travel. Travel is an experience of exploring and adventuring. Words record past, and books are mediums which store those memories. Our concept was traveling. As time goes by, technology helps us get information faster, but books still play an important role in our life. Some people still like to read hardcopies rather than kindle. Our goal was to design a space for the community to enhance the mind and relax by reading. In our space, we encourage people to read, play, and communicate with each other. Through traveling and adventuring with words, our life and knowledge will be enriched.

To symbolize travel, we used railroads and hot air balloons as our main design ideas. Railroads on the ground also became a wayfinding sign, which guides people to the entire space; furthermore, we minimized the use of materials to reduce distraction and cost. Our elegant space design will be more focused on letting users sense the environment. Moreover, daylighting in our design reduced the cost of electricity and brought the warm and natural feeling inside the entire space.

Moodboard / Concept

RelaxPlayfulActive

MemorizeHide and Seek

Hsiaochi ChangPo

trero

Lib

rary

Commercial Design

Moo

dbo

ard

con

cept

49 50

Commercial Design

Mission Library

Mission Bay Library

Potreto

CheckoutReturnInformationPrint / Copy

Reading AreaChildren’s AreaComputer

Restroom

OfficeStaff Lounge

Seed Exchange Area

Manager Office

Multipurpose Room

White Alone

Below High School

Asian Alone

High School

Black Alone

College

Hispanic

Associate Degree

Two Races

Bachelors Degree

Native Hawaiian / Other Pacific Islander Alone

Graduate Degree

Other

1. Checkout

Potrero Branch

Publich Library

Adjacencies

Public Access

Daylighting View

Privacy

2 . 3 . 4 H M L

4. Print / Copy 1 . 6 M L L

7. Children’s Area 4 . 5 . 6 . 13 H H L

10. Office 1 . 2 . 4 . 11 L M H

2. Return 1 H L L

5. Computer 6 . 7 H M L

8. Multipurpose Room 10 M H M

11. Staff Lounge 9 . 10 L L H

13. Restroom 6 . 7 H L L

3. Information Counter 12 H M M

6. Reading Area 4 . 5 . 7 . 13 H H L

9. Manager Office 11 L M H

12. File’s Room 3 . 4 . 10 L L H

14. Seed Exchange Area 6 . 7 H M L

Entrance

Main Adjacency

Secondary Adjacency

Site

LocationSF Public Library Potrero Branch1616 20th St, San Francisco, CA 94107

Near Branches:Mission Bay LibraryMission Library

Educational data shows the highest level of education attained by San Francisco residents is in Potrero Hill. Over 70% of residences have completed a bachelor’s degree or higher, which is higher than the San Francisco Metro (27%).

We thought this data told us that people study a lot in this district; therefore, the target users for this project will be children and local community.

Target User : Children / Community

Criteria Matrix

Programming

Bubble Diagram

Hsiaochi Chang

51 52

Potre

ro L

ibra

ry

Targ

et U

ser

Prog

ram

min

g

BASEMENT FLOOR PLAN1

BASEMENT FLOOR PLANscale:

Staff Circulation

Private Area

scale:0 0 ft.3 36 69 9

4'-1134"

3'-6"

3'-10"

4'-4"

8'-8"

2'-6"

2'-6"

29'-612"

23'-1012"

N N

Backyard

Unusable Area Unusable Area

Library Storage

Mechanical Area

UP UP

Book StorageThe basement was kept as a storage space for now. The shelves were planned to be installed between ceiling and concrete platform.

ft.2

Legend

Concrete Wall

Reinforced Concrete Column

Hsiaochi Chang

5453

Potre

ro L

ibra

ry

Con

stru

ctur

e D

raw

ing

Flo

or P

lan

Commercial Design

3'-9"

3'-214"

7'-10"

1'-412"

20'-11916"

1'-412"

13'-1014" 27'-334"

2'-212"

19'-914"

1'-412"

21'-414"

1'-412"

16'-834"

5 116"

3'-934"

1'-412"

7'-4"

14'-112"

13'-1014" 8'-314"

6'-10"

10'5'

4'-934"

3'-5"

6'-014"

10'-434"

5'

5'-1"

R2'-6"

4'-914"

4'-1134"3'-912"

7'-734"

15'-114"

17'-112"

4'-312"

13'-412"

7'-11"

8'-578"

9'-3"

16'-514"

1'-4" 7'-1012"2'-1"

8'-1134"

10'-3"

25'-10"

44'-812"

FIRST FLOOR PLAN3

FIRST FLOOR PLANscale: scale:

0 0 ft.3 36 69 9ft.4

Media Room

Staff Lounge

Children’s Area

New Book Area

Restroom

Storage

Book Return WindowMultipurpose

Room

Main Entrance

Entrance for ADA

Counter

Self-checkout

Seeds Exchange&

Display Ground

Manager’s Office

UP

UP

DNUP

UP

DN

Staff Circulation

Communities Circulation

Private Area

Stair Seats and bookshelvesChildren love adventure and play. This area was created for children to have fun and enjoy reading. During their story time, stairs can bring all kids together and have them concentrate on story tellers.

Seeds Display and StorageThe Seed exchange is a specific difference from other branches. We designed the space below the staircase to use as an educational and decorated space for seeds.

Self-checkout machineWe kept the original design, which is convenient for communities to pick up their book orders and checkout.Legend

Concrete Wall

Reinforced Concrete Column

Grass

Carpet

Lumber Core PlywoodN N

Hsiaochi Chang

5655

Potre

ro L

ibra

ryCommercial Design

Con

stru

ctur

e D

raw

ing

Flo

or P

lan

SECOND FLOOR PLAN5

SECOND FLOOR PLANscale: scale:

0 0 ft.3 36 69 9ft.6

4'-8"

9'-014"

5'-7"

5'-314"

3'-9"

7'-5"

3'-014"

7'-714"

5'-814"

R2'-6"

13'-514"8'-412"

R2'-6"8'-3"

9'-212"

19'-914"

10'-434"7'-1134"

21'-7"

4'-4"

10'-034"

5'5'

4'-1134"18'-214"

13'-012"

9'-534"

8'-3"

25'-10"

9'

14'-3"

Legend

Concrete Wall

Reinforced Concrete Column

DN

DN DN

DN

Restroom

Magazine Area

Information Desk

Files Room

Computer Area

Computer Area

Office

Staff Restroom

Reading Lounge

Fiction / Non-fiction Area

Staff Circulation

Communities Circulation

Private Area

Multipurpose SofaWe combined the function of bookshelf and seat in a piece of furniture. This way could reduce the use of bookshelves which block the good views of the curtain walls.

Books Sharing ColumnTo bring the community closer, all the columns are designed for use of book sharing activites. They will be use in special holidays and different hot issues.

N N

Hsiaochi Chang

5857

Potre

ro L

ibra

ryCommercial Design

Con

stru

ctur

e D

raw

ing

Flo

or P

lan

Legend Legend

1 or 2 TL5 Fluorescent Light 1 or 2 TL5 Fluorescent Light

Accent DownlightBASEMENT REFLECTED CEILING PLAN

7FIRST FLOOR REFLECTED CEILING PLAN

scale: scale:0 0 ft.3 36 69 9ft.

7

Lighting Fixture Lighting Fixture

More details on lighting schedule More details on lighting schedule

Arano Asymmetric High-performanceWallwasher

Arano Asymmetric High-performanceWallwasher

Storefi tDownlight

SmartCFL Downlight

CorelineDownlight

CFL Downlight

LED Downlight

TL5 Fluorescent

N N

Hsiaochi Chang

6059

Potre

ro L

ibra

ryCommercial Design

RCP

SECOND FLOOR REFLECTED CEILING PLAN9 scale:

0 3 6 9 ft.

Legend

1 or 2 TL5 Fluorescent Light

Accent Downlight

Lighting Fixture

More details on lighting schedule

Arano Asymmetric High-performanceWallwasher

AranoLight Box

SmartCFL Downlight

CorelineDownlight

CFL Downlight

LED Downlight

TL5 Fluorescent

ITEMS

g. Lighting Schedule

MANUFACTURER

PHILIPS

PHILIPS LED (with Fixture)

PHILIPS

PHILIPS

PHILIPS

WHITE

WHITE Media Room

SILVER

WHITE

SILVER

Fluorescent1 OR 2 TL5/G5

28/35/49/54/80 W

Compact Fluorescent1/2 PL-C PING24D - 1/2/3

10/13/18/26 W

LED 10s

FLUORESCENT 1 OR 2 TL5 / G5

28/35/49/54/80 W

Best in-class lightingChoice of 1 or 2 TL5Mounting individually or in lines

Efficient reflectEnergy savingOffering a choice of power, color, and beam width

Affordable, effective accent lightingSafe and durableEasy to install and maintain

Quality of lightSustaintial enegy and maintenance savingReplace conventional CFL

Create a bright, welcom-ing ambienceCompies fully with the latest office-lighting standardsIntegrated LED tech.

Basement , Office , Stairs , Media Room

Restrooms

General Ambience

Fiction / Non-fiction Area

LMAP COLOR BENEFITS SPACE APPLICATION

Arano Asymmetric High-performance Wallwasher

Storefit DownlightElbow

Smart CFL-niDownlight

CorelineDownlight

AranoLight box

N

Mai

n Ho

use

Hsiaochi Chang

61

Commercial Design

RCP

Lig

htin

g S

ched

ule

62

Counter Elevation (A Side)

Children’s Area Elevation (B Side)

10

11

no scale

no scale

Hsiaochi Chang

6463

Potre

ro L

ibra

ry

Elev

atio

ns D

esig

n Pr

oces

s

Commercial Design

A

B

C

Staircase Elevation (C Side)12 no scale

Hsiaochi Chang

6665

Potre

ro L

ibra

ryCommercial Design

Elev

atio

ns D

esig

n Pr

oces

s

Magazine Area Elevation (D Side)13 no scale

1’-4 1/4”

1’-2”

4”

6”

1/2”

1/2”

D

S

S

S

S S

A Unit of Glass Ceiling

Connection of Each Unit

Glass Connection

Connection With Wall

14

17

16

15

no scale

no scale

no scale

no scale

Hsiaochi Chang

6867

Potre

ro L

ibra

ry

Elev

atio

ns D

esig

n Pr

oces

s D

eta

il

Commercial Design

Top View of The Green Wall

Section of The Green Wall

Top View of the Railroad

Section of the Railroad

18

19

20

21

no scale

no scale

no scale

no scale

1/2”

1/2”

1/2”

1/2”

8 1/4”

9 1/2”

2’-1”

3’-11 1/2”

3’-3”

Clear Glass

7 3/4”

7 1/4”

1 1/4”

2”

6”10”

3”

4”

10”

2 1/2”1”

S S

SS

S S

S

S

S

Hsiaochi Chang

7069

Potre

ro L

ibra

ryCommercial Design

Elev

atio

ns D

esig

n Pr

oces

s D

eta

il

10'5'

Hsiaochi ChangPo

trero

Lib

rary

71 72

Commercial Design

Pers

pec

tives

10'5'

Hsiaochi Chang

73 74

Potre

ro L

ibra

ry

Pers

pec

tives

Commercial Design

10'5'

Hsiaochi ChangPo

trero

Lib

rary

75 76

CHILDREN’S AREA READING LOUNGE

Commercial Design

Pers

pec

tives

Hsiaochi ChangPo

trero

Lib

rary

77 78

Commercial Design

Pers

pec

tives

Hsiaochi Chang

80

Potre

ro L

ibra

ry

79

Pers

pec

tives

Commercial Design

Hsiaochi Chang

82

Potre

ro L

ibra

ry

81

Pers

pec

tives

Commercial Design

Materials

We tried to minize the use of materials, and also make it simple, clean, and bright. We want this space attract people to feel the calm and quiet when they are reading. However, we still pick some bright colors in children’s area. The materials suit for school use and meet the fire code.

Branding Strategy

The specialty in our design was periodical book sharing activities. The events will be held every holiday, important historical date, and season; such as Christmas, Valentine’s Day, and St. Patrick’s Day, to name a few. In our project, we designed a book sharing event for Christmas. This event was focused on children of the neighborhood during the Christmas season. The goal of the event will be based on Christmas story sharing and handmade Christmas cards.

Materials from top to bottom, left to right

Children’s areaEntranceCustomize FurnitureBookshelvesStaircase

FabricDraft WoodLeatherLight WoodGreen Wall

Hsiaochi Chang

83

Potre

ro L

ibra

ry

84

Ma

teria

ls B

rand

ing

Str

ate

gy

Commercial Design