Issuu

Bryan Suzuki Selected Works Orange Coast College

••• 23mm | ISO 400 | f/3.2 | 1/640s

STUDIO PROJECTS First Year Design ARCH A115

Architectural Design & Theory 1

F18

pp. 13–14

ARCH A205

Arch. Drawing & Design Visualization 2

F20

pp. 20–22

ARCH A215

Architectural Design & Theory 2

F19

pp. 10–12

Second Year Design ARCH A180

Architectural Construction Documents

F20

pp. 15–16

ARCH A185

Environmental Design Systems

F20

pp. 07–09, 17–19

ARCH A230H

Architectural Design & Theory 3 Honors

Sp20

pp. 03–06

AUXILIARY PROJECTS

CONTENTS

Rhinoceros & Grasshopper

Su20

p. 24

Hand Drawings

Sp19

p. 25

Music

Sp20

p. 26

Personal Branding

Sp21

pp. 27–28

STUDIO PROJECTS

Make With the manifestation of long and deep thought on what does, does not, and should matter in Architecture today ARCH A230H | F20 | Community

Costa Mesa, CA manifesto, thesis-style research & development

Rhinoceros

Photoshop

V-Ray

Illustrator

Born out of a thesis-like study, Make With aims to set a precedent for the modern public space. The goal of the project is for people who are not familiar with maker culture to find a passion for it through community involvement. The design maximizes opportunity for collaboration, interaction, and education. A primary feature of this project is the Strands, the vine-like elements that seemingly reach out to neighboring developments. They also symbolize the growth of the site from a low-traffic, underutilized corner to a community hub.

Opportunity = Inclusivity

Fall to Rise — A Personal Manifesto Ouroboros, the symbol of a snake eating its own tail, signiﬁes eternity and the cycle of birth and death. Making mistakes is not only acceptable but is an essential part of growth as humans. The ideas listed to the right strive to foster a design agenda for the 21st century.

No Preconceived Rules

Compost

The importance of inclusive design, both through basic needs and taking a more holistic and human approach to space. People will not be able to grow if they are not given the opportunity. The idea of practicing something foreign to improve something familiar. Finding creative ways to polish a ﬁrst pass at an idea is the best way to breed creativity. Adaptive reuse is essential to our growth as a civilization, and it should be pursued extensively. Additionally, throw ideas which are seemingly bad at ﬁrst into the compost rather than the trash, and let them nurture future ideas and projects.

List of Works In order from left to right, top to bottom “What is at stake?” Brainstorming the beginnings of a design manifesto Manifesto Research “Connected Isolation” – Thom Mayne “Generation M” – Dimitris Papadopoulos “Learning from Las Vegas” – Robert Venturi Example user proﬁles of Make With Summary of ideas, site analysis, & sample makerspace artifact “Fall to Rise” Manifesto

IDEAS & VALUES PERSONAL MANIFESTO

+/- 0

Loading Zone

The Knoll

+/- 0

+12’6” DN UP

Parking Loading Zone

The Alcove

+17’

+/- 0

tre

+/- 0

isto lS

+17’

9 -1’

d Ran

+/- 0

olph

+9’4”

The Courtyard

+/- 0

n Ave

-1’ DN

+14’ -2’

-3’ DN

Drop-oﬀ Zone

+/- 0

Programs

Equipment

1. Makerspace Lobby

7. Concept Room

13. Rooftop Courtyard

2. Audio/Video Editing

8. Prototype Room

14. Bridge to the LAB

3. All Gender Restrooms

9. Retail Lobby

15. Community Garden

4. Industrial/Woodshop

10. Retail

5. Main Film Studio

11. Workshop

6. Social Core

12. Outdoor Theater

Small Storage

Router Table

Drum Sander

Drill Press

Miter Saw

Sharpening

Table Saw Lathe

Workbench

16. Mezzanine Lookout

Sander Band Saws Sander

Epilog Helix Laser Cutter Epilog Fusion Pro Laser Cutter

SITE PLAN & FLOOR PLANS

Ultimaker S3 3D Printer

Joiner Ultimaker S5 Pro Bundle

Storage

Epilog Zing 16 Laser Cutter

Industrial/Woodshop

Prototype Room

The Courtyard

The Alcove PERSPECTIVES

coNURTURE a small community focused on fostering the growth of single-parent families through communal collaboration ARCH A185 | F20 | Residential

557 S Breed St, Los Angeles, CA 90033 off-grid, small-space living, adaptability

Rhinoceros

Photoshop

V-Ray

Illustrator

coNURTURE is a small community designed for single parent households in the Boyle Heights district of Los Angeles. This project is a manifestation of the idea of opportunity = inclusivity, and it is intended to foster children’s growth through communal collaboration. In order to keep cost low, there are seven dwellings in the property, approximately double the density of surrounding lots. Furthermore, the residences are designed to be as off-grid as possible, including systems such as photovoltaics, rainwater collection, and natural thermal control.

Alleyway

Tesla Photovoltaic Panels

SunEarth Solar Water Heater

S. Breed Street

11 1 3

Outdoor Shower with Showerloop Technology

R-19 Rockwool Insulated Wall

R-28 Rockwool Insulated Roof

10 5000 gal. Cistern

E. 6th Street

Site Plan

0’

5’

10’

20’

50’

1. Grasscrete Parking & Field

4. Study, Work, & Social Space

7. Full Sun Garden

10. Solar Water Heaters

2. Pervious Concrete for Stormwater

5. Recreation & Exercise Area

8. Succulent Garden

3. Community Outdoor Kitchen

6. Shade & Partial Sun Garden

9. Photovoltaic Panels

11. Large Roof for Thermal Control & Rainwater Collection

Single Unit Exploded Axon

Tesla Photovoltaic Panels

Energy Requirements Room

Appliance

Kitchen

Large (Refrigerator, Microwave, etc.)

Living

Bath Misc.

Watt-hrs/Day 3,864

Small (Blender, Coﬀee Maker, etc.)

116

Dishwasher & Garbage Disposal

538

Water Heater

128

TV, Laptop, Printer, Vacuum

635

Phone Charger

SunEarth Solar Water Heater

Energy Solutions

Mitsubishi Mini Split AC

158

Clothes Iron

200

Washer-Dryer Combo

516

LED Lights

507

Tesla solar per day (9 hr, 20 panels)

61.20 kw

Large Roof for Rainwater Collection

Energy needed per unit per day

6.682 kw

Tesla Powerwall All-in-one Battery, Charger, & Controller

Energy provided per unit per day

8.743 kw

Total excess energy per day

2.061 kw

Tesla Powerwall capacity

1.516 kw

Energy needed for emergency day

13.50 kw

Emergency days of stored power

4.497 d.

Greywater Filtration

Aqua2use GWDD

Power & hot water to storage & other units

5000 gal. Cistern

Energy & Water Circulation

DIAGRAMS & SITE PLAN

2b 2c

3 Plan — Study Layout 1 Reading Nook

1’

2’

5’

10’

3 Bath

2 Kitchen

Storage, Seating

Washer-Dryer Combo

Integrated Storage

Tall Item Closet

Pull-out Pantry

Composting Toilet

Ironing Board, Storage

Refrigerator

Outdoor Shower

Combined Sofa & Murphy Bed

0’

Dining Layout

PLANS

Convertible Coﬀee & Dining Table

Sleeping Layout

Media Center, Seating, Storage

Combined Desk & Murphy Bed

The Vertex a central mixing location, this project provides a neighborhood market and recreation under ten apartment units ARCH A215 | F19 | Mixed-Use

7000 West Coast Highway, Newport Beach, CA residential, studios, recreation, commerce

Rhinoceros

Photoshop

V-Ray

Illustrator

Situated less than 5 minutes walking distance from the beach in a quiet residential district, the Vertex provides a desirable space for nearby residents to gather at, to socialize, or to relax. Additionally, the project provides a bridge across Highway 1 to compensate for the lack of crosswalks in the area. The programs include ten two-bedroom apartment units and six commercial tenant units. The apartment units are the perfect size for a couple or young family, and the tenant units include spaces for merchants, artist studios, and a small café.

Neighborhood Connection

3 4

Ground Floor & Site Plan Neighborhood Connection

e to dg ch Bri e Bea th

7 8

8 9

2nd Floor Plan

PLANS

Café

Signage Attraction

Merchant Stores

Public Lawn

Elevators

Artist Studios

Scenic Overlook

Performance Area

Boardwalk

Apartment Units

Resident Parking

Private Outdoor Lounge

West Bridge Entrance

Market

Resident Courtyard

SECTION & PERSPECTIVES

Initial Photo & Arrangement

Pencil Tracing

Final Figure-Ground Drawing

Addition of Line Weights & Patterns

Life Begins After a hand drawing exercise that transforms trash and found objects into artwork and formal ideas ARCH A115 | F18 | Artistic Expression

Selective Edits & Depth

Costa Mesa, CA hand drawing, figure-ground

Photoshop (clean up)

The primary objective of this project was to give unwanted objects, trash, and found items new meaning and beauty. Supporting this objective was the use of basic hand drawing elements such as line weights, textures, patterns, and shading techniques. As the art piece progressed, many discovered shapes and details lent themselves to be inspired by the idea of the afterlife. Paralells were drawn between the objective of the artwork and the idea of the afterlife, further influencing the outcome. Each drawing after the initial trace exhibits various characteristics.

2 7 1 4

Programs

Namigoé a conceptual museum on the beach showcasing a multitude of surﬁng-related exhibits and experiences ARCH A115 | F18 | Experience Museum

Meditation Walk Entry

Theater & Stage

Café

Introspection Chamber

Restaurant

Return to the Surface

Gift Shop

Elevator

Newport Beach Pier, Newport Beach, CA surfing, ocean, event spaces, senses stimulation

SketchUp

V-Ray

Rhinoceros

Illustrator

6 Introspection Chamber

The ocean’s deep expanse has a unique way of impelling introspection to whomever dares to enter. The tranquility one experiences when alone in the water kindled the concept, and the infinite waves inspired the form. Namigoé, Japanese for “voice of the waves”, is a museum not in the traditional sense, but rather in an experiential sense, offering visitors a chance to press pause on the daily bombardment of information we experience. Namigoé gently fills the void as one decends into the depths, stimulating reflection, tranquility, and deep thought.

Hikari an Accessory Dwelling Unit designed for a young professional, focusing on wood framing and construction documents ARCH A180 | F20 | Residential

264 Walnut Street, Costa Mesa, CA type V, raised foundation, ADU

Revit

V-Ray

Rhinoceros

Acrobat

This project was the culmination of a semester of studying type V wood frame construction and construction documents. A raised foundation was chosen to make future repairs easier, and although this was mainly a technical project, various design principles, such as maximizing natural light and airiness of the space, were considered. The backyard ADU was designed with a young professional in mind, including a large combined living and kitchen area as well as a bedroom loft. After modeling the building in Rhino, all construction documents were then drawn in Revit,

29' - 8" 0' - 0" 4' - 4"

4' - 0"

N 40° 00' 00" E 130.00'

2' - 4"

0' - 0"

2' - 4"

NEW ADU

EXISTING DWELLING

4' - 4"

N 50° 00' 00" W 50.00'

6' - 0"

4' - 0"

EXISTING GARAGE

32' - 6"

6' - 0"

S 50° 00' 00" E 50.00'

DOUG FIR WOOD DECK

6' - 0"

4' - 0"

SETBACK FROM EXISTING STRUCTURES & PROPERTY LINE

0' - 0"

SITE PLAN ORIGINAL SCALE: 3/16" = 1'-0"

3' - 3"

STANDING SEAM METAL ROOF

3' - 6"

2' - 0"

ASPHALT SHINGLES

16'

32'

3/4" GYP BD.

3/4" STUCCO

1x3 FLOORING

3/4" PLYWOOD

T.O. UPPER MEZZ PLATES 19' - 4 1/2"

2' - 8"

1 7/8"

T.O. ROOF 20' - 10 1/2"

1' - 6"

1'-0"

STUCCO O/ METAL LATH O/ (2) 60 MIN. BLDG PAPER

3/4" PLYWOOD

R-16 BATT INSULATION 2x6 STUD WALL @ 16" O.C.

T.O. LOWER MEZZ PLATES 16' - 8 1/2"

4' - 5 1/2"

0' - 0"

S 40° 00' 00" W 130.00'

11 7/8" TJI FLOOR JOISTS @ 16" O.C. R-32 BATT

WOOD SIDING

ANCHOR BOLT 1' - 6"

4" DIA. DRAIN PIPE

10 5

FIN. 1ST FLOOR 1' - 8"

2' - 0"

WEEP SCREED

T.O. PLATES 11' - 3"

12' - 3"

10' - 7"

0' - 8"

22' - 10 1/2"

DECK LEVEL 12' - 3"

0' - 6"

2' - 0"

26' - 10 1/2"

1' - 6"

0' - 8"

SLAB FOUNDATION

0' - 6"

T.O. STEM WALL 0' - 8" GROUND 0' - 0"

1' - 0"

T.O. FOOTING -2' - 0"

SLAB FOOTING

SOUTH ELEVATION ORIGINAL SCALE: 1/4" = 1'-0"

FOUNDATION SECTION DETAIL ORIGINAL SCALE: 1 1/2" = 1'-0"

CONSTRUCTION DRAWINGS

GREEN NEW DEAL SUPERSTUDIO

Cycle City a path towards mainstream suburban cycling through bicycle-oriented design, strategies, and solutions ARCH A185 | F20 | Community

Woodbridge Community Park, Irvine, CA bicycle-oriented design, modular, prefab, CLT

Rhinoceros

Photoshop

V-Ray

Illustrator

A kit of the most important amenities for cyclists, designed modularly, are designed to be placed in clusters at key nodes throughout Irvine’s existing cycling infrastructure. The short-term goal is to stimulate a city-wide cycling culture with these nodes, which vary in size depending on the site’s charismatic characteristics. This will incentivize the city to expand and improve its exisitng cycling infrastructure, and the long term goal is for other cities to follow, normalizing choosing cycling over driving. Each unit is prefabricated from cross-laminated timber.

40-60%

reduction in greenhouses gases from 2010 levels by 2030, urged by HR 109 (preamble, 4a)

Spoke Bicycle Café Frogtown, Los Angeles, California This establishment was an important precedent for this project, as it played a major role in shaping a growing cycling culture in the Elysian Valley.

Why invest in BOD’s? Bicycle-Oriented Design is more than just bike lanes and trails Motivations to include BOD Enhance safety and aesthetics of the facility by removing hazardous, unsightly, and inappropriate bicycle parking A commitment to environmental stewardship A commitment to the city to reduce parking Earn LEED credit for including bicycle facilities Project’s “green” history meant developers wanted to promote alternative transportation Market the site as a “car-free” location Avoid damage to property from improper bicycle storage Less risk of bike theft attracts tenants

0.6% 12.4% 121%

of Americans reported biking to work between 2013 and 2017

of Americans reported cycling regularly in 2016

increase in leisure bike sales amid the COVID-19 pandemic in March 2020

Benefits of a Cycling City Energy & Deep Decarbonization Each vehicle emits around 5.0 tons of carbon dioxide per year, which can be drastically reduced by mainstream cycling

Sustainable Transport Cycling costs $150/year for maintenance (vs $8,000 for fuel & automobile maintenance

Rethinking the Urban Fabric Reduction of cars results in smaller roads

photo credits: spokebicyclecafe.com

Culture and Heritage Cycling culture will foster a healthier and more active community Cycling allows for more “eyes on the street”, which results in a safer street environment and reduced crime Cycling will shift the focus back to local attractions, creating new and reviving forgotten local cultures

Local Economy

Inequality & Inclusivity As cycling infrastructure costs a fraction of automobile infrastructure, budgets can be diverted to affordable housing and other important uses Cycling infrastructure helps give equitable access to educational opportunities for both children and adults Recovered land from reduced automobile infrastructure can be used for affordable housing, parks, and nature

Cycling increases emphasis on hyper-local travel, stimulating local businesses and economies

BACKGROUND & RESEARCH

Test Site – Woodbridge Community Park –5 5

This project is a proposal for Groove E-Bikes, a local small business and electric bicycle retailer,

Smith Farms

to expand into a full service cycling center that

I– 5

The District

Rock ‘n’ Roll Cyclery

Trail’s End Cycling Center

serves cyclists in the area.

Bill Barber Memorial Park AN RR BA

W PK Y

NORTH LAKE

WOODBRIDGE VILLAGE CENTER

William Mason Regional Park

Tanaka Farms

Quail Hill Trailhead

I–4

AL TO

University of California Irvine

DIE

Irvine Spectrum

U6 U5

–7 3

–13

UC Irvine Bicycle Recycling Program

Orange County Great Park

Irvine Bicycles

I–4 John Wayne Airport (SNA)

WOODBRIDGE COMMUNITY PARK

PK W

Irvine, California

1/8” = 1,000’ 1,000

5,000

Test Site – Woodbridge Community Park

Riverside Bike Trails

Other Planned Nodes

Existing Cycling Infrastructure

STORAGE/ INVENTORY

Point-of-sale

Viscinity Map

Site Plan

10,000

Bike Trails

Groove E-Bikes

Senior Center

The Lost Bean Café

Public Restrooms

Grocery Outlet

AMC Theater

Self-repair Station

U3 Restrooms & Showers

E-Bike Charging

U4 Bike Storage

U1 Bike Retail Shop

U5 Café

U2 Bike Repair

U6 Affordable Residential

Workbenches with integrated tool drawers

Air pump

MECH

Refrig.

MERCHANDISE

Portable bike repair stands

MECH

Bike Retail Section

DEVELOPMENT PLAN & TEST SITE

Bike Retail Plan

Bike Repair Section

Bike Repair Plan

photo credits: cityofirvine.com

U.S.–Mexico Border Wall (Removed)

Food & Refreshments Art Exhibits & Features Relaxation & Self-Care Dedicated Cycling Amenities Active Recreation & Exercise

Embrace a borderless vision for shared experiences in the arts through recreation, education, and human interaction ARCH A205 | F20 | Cultural Center

International Friendship Park, San Diego, CA removing borders, recreational, art, public park

Rhinoceros

Photoshop

V-Ray

Illustrator

The theme of integration is at the core of this project, determining many factors such as program placement, circulation, and most importantly, the concept. The concept of this project is to erase a border between the United States and Mexico, both literally and figuratively. In order to execute the idea, a reimagination of the traditional cultural center was deemed necessary, and the chosen method was to facilitate spontaneous interactions through a variety of hyper-integrated programs spanning recreation, art, entertainment, food, and leisure.

1. Original Image

5. Formal Separation

PROCESS

2. Digital Collage

3. Traced Linework

Paths

Buildings

Extrusions

Elevated

6. Final Geometry

4. Hierarchical Linework Separation

11 10

1 3 6 4

B 3

3. Mural Walls

10. Cycling Paths

4. Stage & Performance Venue

11. Calisthenics

5. Sculpture Gardens

12. Walking & Running Path

6. Children’s Arts & Crafts

13. Weight Room

Border Wall Removed

Being a conceptual project, the decision to remove the border wall was made as part of a vision for less barriers between countries. Embrace was designed to serve as a shared zone between the two countries: a communal area where interactions happen regularly. People from both sides of the previous border can learn, grow, and enjoy life together through shared everyday activities and experiences.

United States

9. Meditation Space

7. Makerspace

Mexico

2. Food Truck Mixer

8 7

8. Yoga Studios

Pacific Ocean

1. Food Truck Entrances

Faro de Playas de Tijuana

Beach Front Blue Bay Hotel

B PROGRAMS & PERSPECTIVES

AUXILIARY PROJECTS

Inputs

Elevator Car & Shaft

Rendering composited with image in Photoshop Background image by Ben O’Bro via unsplash.com

Swell a twisting, rounded triangle-based tower modeled entirely in Grasshopper, rendered in KeyShot, composited in Photoshop Rhino & Grasshopper | Su20 | Conceptual

Outputs

Floors & Columns

Glass Facade & Roof

Skin & Skin Supports

Initial Polygon

Fillet

Scale

Rotate

Result

Adjustable radius and number of sides

Fillet radius adjustable, automatically scales with graduated polygon sizes

Polygon is scalable independently in X and Y directions

Adjustable rotation of base polygon, each subsequent polygon, and axis of rotation

Size ratio and number of intermediate polygons between base and roof can be adjusted

New York City, NY photo composite, grasshopper code, modularity

Grasshopper KeyShot

Photoshop 24

Portraiture | Graphite pencil on 80 lb. drawing paper | 8” x 12”

Hand Drawings two value drawings produced for a hand drawing class that explore various shading techniques and lighting situations Hand Drawings | S19 | Exercise

Huntington Beach, CA portraiture, still life, values

Still Life | Charcoal on 80 lb. drawing paper | 24” x 36”

Overall View | Black with Dark Amber Burl Finish

Photo by Devon Asmus

Quantum mk II a project inspired by my personal experiences as a charter member of Instinct Percussion in Spring 2020 Detailed 3D Modeling | S20 | Conceptual

Hardware Detail | White with Liquid Marble Finish

Hardware Detail 2 | Chrome with White Pearl Finish

Rancho Cucamonga, CA marching percussion, industrial design

Rhinoceros KeyShot

Photoshop 26

Personal Logomark

Typography

The logomark is the culmination of a personal logo exercise, shown below. Eight different designs were explored with four iterations each, and the last iteration was ultimately chosen and refined to become my personal logomark. The initial typeface used is Liz Tilberis and Fabien Baron’s HTF Didot, originally commissioned by Harper’s Bazaar Magazine in 1991.

When choosing typefaces, the three factors taken into consideration were legibility, versatility, and friendliness. Paratype’s Futura was chosen as the primary typeface because it can stand out on its own, but it is also able to function as a clean foundation for other assets on the page to shine. Other typefaces used include Łukasz Dziedzic’s Lato and in special cases, Matthew Carter’s Georgia.

Futura BS

Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Light

Book

Lato

Medium

Used for longer blocks of text, as necessary

Personal Branding february 2021 snapshot – an ongoing project of developing and reﬁning my personal graphic identity and its voice Graphic Design | S21 | Exercise

Huntington Beach, CA logo design, typography

Illustrator

Demi

Heavy

Bold

Georgia

Used in occasions when a serif typeface is more appropriate, such as business documents.

Color Palette

Equal Color Balance

Inspired by Kodak’s classic color negative film stock Portra 400, this palette aims to be as flexible as possible while maintaining order. It is designed to be useful in a variety of combinations, simple to complex, subdued to colorful. Utilizing an abundance of white enhances the airy visual characteristic of these colors.

Primary

Dark

meadow

dusk

CMYK 17 0 50 0

CMYK 70 62 63 58

RGB 217 231 154

RGB 50 52 51

HEX D9E79A

HEX 323433

Secondary

Mid

When all four non-neutral colors are necessary, such as when creating a legend or color coding items, they may be used with equal visual weight. In this scenario only, in order to utilize the colors for visual separation (as opposed to visual hierarchy), the value of the colors above may be changed (i.e. lightened or darkened) to match the tone necessary.

Contrast Guide In order to ensure that all text can be read easily by as many people as possible, the WCAG standard for color contrast was used. An AA rating requires minimum contrast of 3 for large text and 4.5 for regular text. An AAA rating requires 4.5 contrast for large text and 7 for regular text.

Good Examples & Ratings meadow

6.2

AAA

shale

6.9

meadow

6.2

AAA

dusk

10.4

meadow

6.2

AAA

pure black

17.5

AAA

dune

shale

CMYK 4 15 21 0

CMYK 68 57 56 35

RGB 242 216 196

RGB 74 79 80

HEX F2D8C4

HEX 4A4F50

Tertiary

Light

marine

terra

moonlight

CMYK 29 0 12 0

CMYK 0 37 24 0

CMYK 9 3 5 0

RGB 279 224 225

RGB 248 177 171

RGB 230 236 236

HEX B3E0E1

HEX F8B1AB

HEX E6ECEC

background: shale

background: moonlight

Bad Examples & Ratings FAIL

white

1.3

FAIL

moonlight

1.1

FAIL

white

1.3

FAIL

marine

1.0

FAIL

white

1.3

FAIL

terra

1.3

background: dune

background: meadow