PORTFOLIO HSIN YU CHEN | 2016 - 2021
COPYRIGHT @ 2021 HSIN YU CHEN All rights reserved. No part of this book may be used or reproduced in any manner without the written permission of Hsin Yu Chen.
HSIN YU CHEN LEED Green Associate
Biography My name is Hsin Yu. I am an Interior Architecture & Design student graduating from the Academy of Art University in May of 2021. This portfolio is a selection of my best representative work over the last 5 years. I have interned and have been a part of several competitions. I have also participated in collaborative projects and enjoy working with teams. I am full of curiosity, and am always striving to learn and grow. Besides my interior design degree, I have also studied graphic design, photography, and textile design to supplement my skills. Contact Information Phone / 415.741.9713 Email / cbelladesigner@gmail.com Web / issuu.com/hsinyubellachen
CONTENTS
1 2 3 4 5
National Geographic Headquarters
6
Commercial & Workplace Design
Mariotto’s Residence
30
Residential Design | Affordable Housing
Senior Living Center
40
Commercial Design | LEED
CSUMB Campus
60
Sustainable Design | Net Zero Energy Building
Other Works Hand Drawings | Graphic Design | Textile Design
82
6
1
NATIONAL GEOGRAPHIC HEADQUARTERS Science / exploration / education
Location: San Francisco, United States Category: Commercial & Workplace Design Client: National Geographic Society Year Completed: Spring 2020
The goal for this project is to design a new West Coast headquarters for the National Geographic Society, a global nonprofit organization committed to exploring and protecting the planet. The project will be located in an existing building in the historic Presidio district of San Francisco, California. The scope of the project is to design the first and second floor of the building. The first floor is the public space which contains a lobby, exhibition area, retail store, café, and loading dock. The second floor is the office space for the National Geographic Society, including reception, private offices, open work space, small meeting room, conference room, lounge area, and coffee kitchenette.
7
Commercial & Workplace Design | National Geographic Headquarters
Case Study: Sonia Boyajian Jewelry Store
Location: Los Angelos, United States Design: Studio Shamshiri Size: 5,000 square feet
Sonia Boyajian is a jewelry boutique and workshop located in Los Angeles designed by studio Shamshiri. The project was finished in 2019. The space is around 5,000 square feet. Boyajian called it “the pink palace” because the interior walls were painted by blush plaster. Some of it handley-carved into niches to display the neck lace, earrings, and bracelets that were hand-maded by Boyajian. In addition, she also crafted the store’s lighting fixtures, such as pendant and sconces. Her pieces strive to bring together texture, material, culture, and mood into harmony. Since her pieces most ly have ir reg ula r shapes a nd a re made of speci f ic material and color, the designer incorporated her style into the interior space, such as organic lines, natural and metal materials, and unsaturated color. The shop belongs to a small and private business, so it tends to be more free and flexible. It reflects on its design such as there are barely straight lines and sharp angles, and the display of products is free form arranged.
8
Site Neighborhood
N
SITE PARKING LOT SCHOOL VISITOR CENTER WALT DISNEY MUSEUM
9
Commercial & Workplace Design | National Geographic Headquarters
Site Analysis
N
10
Concept Development
The Presidio is the place that has the longest history in San Inspired by that, the new headquarters of the National Francisco. Since hundreds of years ago, it has carried pre- Geographic Society will be the place linking the past and decessor’s memories and stories until now. Even now, this future with the primal and timeless design. Inside of the land still continues writing its own narratives. We see our historical shell, the primitive elements are used to show the ancestors through photographs and documents. The trace time before the technology, at the same time, the modern they left now became art and material that we learn from. materials are added for illuminating the indoor atmosphere. Cave was the primeval home of humans and also the place where art was firstly created. We recorded our life and produced the art on the walls of caves. It is also a media that connects between the past and future. Without the record, people are unable to know the past, neither able to pass down experience to the future.
Inspiration images show the color, texture, and form of caves. Pattern & design inspired by cave texture.
11
Commercial & Workplace Design | National Geographic Headquarters
Diagrams & Sketches
Adjacency Diagrams
Level 1
Level 2
Block & Circulation Diagrams
Level 1
12
Level 2
Reception & retail display - create unique display for merchandise.
Reception & lobby area - curvy elements are used in this area.
Open workplace area - using of exposed ceiling to create
Private office - several openings provide natural light.
Cafe area - provide adequate seating for up to 16 people.
a more spacious feeling within the space.
13
Commercial & Workplace Design | National Geographic Headquarters
Level 1 Floor Plan & RCP
Level 1 Floor Plan
6 5
7
8 11
4 1
9 2
3
12
N
Plan North
10
N
True North
14
1. Lobby
7. Retail
2. Coat Check
8. Storage
3. Janitor’s Closet
9. Loading Deck
4. Telecom/Data Room
10. Exhibition
5. Cafe
11. Women’s Restroom
6. Kitchen
12. Men’s Restroom
Level 1 RCP
N
Plan North
N
True North
3” Recessed Light
1
Pedant Light 1
Pedant Light 2
4” Recessed Downlight 2
Pedant Light 3
Flexbible LED Strip Cove Light 3
Pedant Light 4
Cylinder Track Light 4
1
Ceiling Mounted Light
Wall Washer Light
Linear Pedant Light 1
Wall Mounted Light 15
Commercial & Workplace Design | National Geographic Headquarters
Level 2 Floor Plan & RCP
Level 2 Floor Plan
15
14
16
17 11
4
13
25
3
12
N
Plan North 24
23
22
21
20
19
18
N
True North
13. Office Reception
20. Marketing Director Office
14. Meeting Room
21. Art Director Office
15. Coffee Kitchenette
22. Senior Web Editor Office
16. Conference Room
23. Senior Editor Office
17. Open Workplace
24. Regional Manager Office
18. Lounge Area
25. Print/Copy Room
19. Controller Office
16
Level 2 RCP
N
Plan North
N
True North
3” Recessed Light
4” Recessed Downlight
2
3
Linear Pedant Light 2
4
Linear Pedant Light 4
Pedant Light 5 5
Wall Mounted Light
Linear Pedant Light 3
17
Commercial & Workplace Design | National Geographic Headquarters
LOBBY The lobby shows the primitive elements and forms of the cave. The stone reception desk, polished concrete f loor, and frosted glass symbolizes the grain from the caves, and the quartz elevator wall indicates the bumpy surface inside of the cave. The pendant lights represent the birds, which people usually see near the caves. The logo wall, instead of using the yellow rectangular logo of National Geographic, the wood stripes frame a rectangular outline for the logo, and yellow is applied to the letters.
Concrete floor
Quartz wall
Frosted glass
Stone reception
19
Commercial & Workplace Design | National Geographic Headquarters
EXHIBITION The exhibition space includes curvy and geometric elements because caves are the combination of both. The whole space is surrounded by curvy walls which create more sleek and interesting space. The cove light on the ceiling furthermore emphasizes the curvilinear form. In the middle, two geometric shapes create hollows from the ceiling representing the crack of the cave, and the light within the geometric shapes symbolizes the sunlight passing through the cracks.
Concrete floor
Plaster wall
Clear glass panel
Commercial & Workplace Design | National Geographic Headquarters
CAFÉ The café name is DRIP. Due to the humid environment inside of caves, the water drip is common to see and when it drops, it creates echo. Inspired by that, the pendants have the form of drip. In addition, the repetition of patterns represents the echo, such as the 3- dimensional ceiling and the back wall of the café.
White tile wall
3d tile floor
Procelain tile floor
23
Commercial & Workplace Design | National Geographic Headquarters
RETAIL The goal of designing the retail store is to borrow the primitive features from nature and at the same time combine the modern feeling. The key point is the niche wall on the right, it has several recessed holes for displaying merchandise. The idea was from the void volume inside of the cave.
Wood shelving
Carpet
Marble reception
25
Commercial & Workplace Design | National Geographic Headquarters
OFFICE RECEPTION Since caves are the origin of the art, the space was designed to present the unity of the ancient and modern art. The photo mural on the left represents the cave art. The modern materials are used such as the clear glass of pendant, marble reception desk, and vinyl wood flooring. The pendant above the side table symbolizes the irregular shapes of the stones in the cave, and the wooden piece on the reception desk reminds the crack of caves.
Vinyl wood floor
Vinyl brick wall
Photo mural wall
27
Commercial & Workplace Design | National Geographic Headquarters
OPEN WORKSPACE/ CONFERENCE ROOM In the conference and open work space, simple is the key point. For the conference room, the uneven surface of the TV wall shows the texture of the cave. The clear glass wall provides the visibility of the outside. For the open work space, the exposed ceiling expands the vision vertically which creates more space for pendants hanging from the ceiling. The pattern of the carpet tile brings more complexity into this area. The left wall near the hallway is the whiteboard area where people can write their idea down.
Carpet tile
Engineered wood Carpet
Quartz wall
29
30
2
MARIOTTO’S RESIDENCE Affordable and comfortable residence
Location: San Francisco, United States Category: Residential Design Client: The Mariotto’s Family Year Completed: Fall 2018
The project is located at 13 Wood Street, San Francisco. 13 Wood Street is a three-story residential condominium building. The building is located in the Laurel Heights Village area of San Francisco, CA. Each story contains a separate condominium unit, for a total of three units. The building has been owned by the Mariotto family since its construction in 1955. The Mariotto’s is a three generations extended family. The family occupies the 3rd floor condominium. The 1st and 2nd floors will be listed for rent to low-income tenants, under a government-assisted rental housing program.
31
Residential Design | Mariotto’s Residence
Site Analysis
The site is vehicle and pedestrian accessible and there are three bus stops near the site. The surrounding area is a residential area so it is quiet but there are some noises from the main street. The sunlight is adequate for the building during the year. The wind direction is mainly from the northwest.
32
Concept Development
Level 1&2: Less is More The first and second floor units will be designed as affordable housing. The concept is inspired by Less is More design philosophy. It focuses on the functionality within the simplistic space. The color palette is neutral and grey. The white paint with yellow undertones gives a warmer and calm atmosphere and extends the interior space visually.
Inspired by the pattern of Japanese zen garden and minimalist items.
Level 3: Urban Take On San Francisco History Inspired by the characteristics and cultural background of San Francisco. San Francisco contains both traditional culture and modernization. The combination of tradition and modern represents the contrast and conflict. Therefore, the third floor will apply the idea through the contrast of colors, textures, materials, and lines.
The contrast of colors, materials, textures, styles, and lines. 33
Residential Design | Mariotto’s Residence
LEVEL 1
Bubble Diagram
Block & Circulation Diagram
Level 1 Floor Plan 1. Garage 4
2. Entry Closet
5
3. Living Room 4. Work Space 5. Bedroom
1
6
3
6. Kitchen 7. Dining Area
7 2
8
8. Linen Closet 9
11
9. Laundry 10. Bathroom 11. Patio
10
N
34
Wood flooring
Carpet
Beige paint
35
Residential Design | Mariotto’s Residence
LEVEL 2
Bubble Diagram
Block & Circulation Diagram
Level 2 Floor Plan 1. Bedroom
7
10
3
2. Master Bedroom 3. Work Space
4 6
4. Master Bathroom
8
5. Bathroom 6. Patio
5
11
9
2
7. Powder Room 8. Study Room 9. Entry Closet 10. Living Room
14
11. Dining Area
13
12. Kitchen
15 1
13. Pantry
12
14. Linen Closet 15. Laundry
N
36
Wood flooring
Concrete wall
Beige paint
37
Residential Design | Mariotto’s Residence
LEVEL 3
Bubble Diagram
Block & Circulation Diagram
Level 3 Floor Plan 1. Frank’s Bedroom 12
3. Master Bedroom
8
4
2. Simona’s Bedroom 4. Master Bathroom
3
5. Shared Bathroom
9
6. Laundry/Linen Closet
10
7. Home Office 8. Kitchen
5
7
2
9. Pantry
11
10. Powder Room 11. Entry Closet 12. Living Room
6 1
13. Dining Area 13
N
38
Carpet
Wood panel
Beige paint
39
40
3
SENIOR LIVING CENTER Live better, better life
Location: Barcelona, Spain Category: Commercial Design Client: Nonprofit Organization Year Completed: Fall 2019
The client is a nonprofit group which has purchased an existing two-story office building with 10,874sq. ft. gross. The role as the designer is to plan the interior renovation of the building and meet the client’s programming requirements. The building is a senior living center and the average age of the residents is expected to be 75 years old. The center will provide private condominiums, community activity spaces, a dining facility, and onsite nursing care. In this project, f ive main contents would be addressed through the overall design, including senior living, code compliance, universal design, sustainable design principles and practices, and LEED rating system.
41
Commercial Design | Senior Living Center
Site Map
The project site is located at Avenue de Vilanova, 12 in Barcelona, Spain. Barcelona has a rich cultural heritage and is today an impor t a nt cult ura l cent re a nd a major tourist destination. The walk score is 100 because the site was chosen at the center of the city so it is convenient to reach any destination for residents. There are several green areas near the building as well as the government facility, schools, and landmark.
N
SITE GOVERNMENT LANDMARK SCHOOL PARK
42
Site Analysis
T he site is accessible w ith vehicles and pedestrians. In addition, there are several bus stops and a train station near the site. The noise is mainly from the west side due to the traffic. The daylight is more bright on the south and less on the north side. The wind direction is from northwest from October to January and southwest the rest of the year.
N
SITE WIND DIRECTION SUN PATH NOISE BUS STATION TRAIN STATION PEDESTRIAN & VEHICHLE ACCESS
43
Commercial Design | Senior Living Center
Sustainable Site Strategy
Rainwater Collector Rainwater Storage Organic Local Farm Bicycle Parking Photovaltaic Panels ADA Parking
Native Plants/Grassland
Western Evergreen Windbreaker
N
44
Concept Development
Inspired by the dandelion. The fruit of the dandelion was blown by the wind. When the wind stops, the dandelion will root and grow up in the new area. The life of the dandelion is similar to human beings. Everyone is a drifter in their life. People never know which direction they will go. However, they will eventually find somewhere to settle down, just like the dandelion. The senior center is the place where residents can nestle themselves and start their new journey in their life. Dandelion symbolizes the life cycle of human and nature. People grow, explore the world, and finally return to the embrace of the mother earth. When its life ends, it devotes itself. It becomes the nutrition to nourish the earth and other plants. Same as human beings. People pass down experience, wisdom, and love to the next generation. Each individual has a meaningful contribution to the world. Each person is unique and significant.
Sketches represents the form of dandelions and objects caused by wind. Inspiration images show different dandelions and natural elements.
45
Commercial Design | Senior Living Center
Diagrams & Sketches Adjacency Diagram
Bubble Diagrams
Level 1 46
Level 2
Apartment interior with material selection.
Reception & waiting area at lobby.
Logo wall development.
Dining area with seating & buffet table.
Library bookshelf & seating design. 47
Commercial Design | Senior Living Center
Floor Plans
Level 1 Floor Plan
5
4
1
6 7
2 3
8
9
10
10
N
48
1. Lobby
6. Mechanical Room
2. Waiting Area
7. Telecom Room
3. Decorative Wine Cellar
8. Restroom
4. Dining Room
9. Couple Studio
5. Kitchen
10. Single Studio
Level 2 Floor Plan
11
10
10
12 7
16 8
15
9
13
14
N
11. Library 12. Janitor’s Closet 13. Exercise Room 14. Staff Office 15. Nurse’s Office 16. Community Area
49
Commercial Design | Senior Living Center
LOBBY
Terazzo tile
Green panel
Blue paint
Orange paint
51
Commercial Design | Senior Living Center
DINING AREA
Porcelain tile
52
Green paint
Wood veneer
Red fabric
53
Commercial Design | Senior Living Center
APARTMENT
54
Wood flooring
Pink panel
Ivory paint
55
Commercial Design | Senior Living Center
ROOFTOP
Bench Projector Gas Fireplace
Reclining Chaise Lounge Chairs Dining Table & Chairs
56
Wood flooring
Stone tile
Wood plank
N
57
Commercial Design | Senior Living Center
EXTERIOR VIEW
SECTION VIEW
58
59
Team Members Chian Han Chang Ying Chieh Chan Ya Chun Yang Hsin Yu Chen Yuliang Wang Yung Ting Hsu Project Advisors Stephanie Smith Michael Sammet Project Consultant Yuan Yuan Chuang Detail Consultant Tzu Li Chiu Graphic Design Consultant Linyi Guo
4
CSUMB CAMPUS Changer - Architecture at Zero Winning Project
Location: Monterey Bay, United States Category: Educational Design Client: California State University, Monterey Bay Campus Year Completed: Spring 2019
The project goal is to create a zero net energy (ZNE) Student Recreation Center at the California State University, Monterey Bay campus. ZNE structures are designed from the start to be energy efficient and offset the energy people consume through onsite renewable energy generation. The Student Recreation Center includes phase I and phase II buildings with a total of 52,400 square feet. Each building has a kinesiology department and recreation center. In order to solve the ZNE challenge, our team came up with five major design solutions: heating, preventing water evapotranspiration, collecting water, collecting electricity, and introducing reflected light.
61
Sustainable Design | California State University, Monterey Bay Campus
Site Location & Climate
T he project is located in Monterey, CA. The site is 1.35 miles away from Monterey Bay. The climate in Monterey is adjusted by the Pacific Ocean. The average high temperature ranges from 14°C (57°F) in w inter to 21°C (70°F) in summer. T he average annual precipitation is about 23.6 inches (600 mm), and most of the rainfall occurs between October and April. The summer in Monterey is often cool and foggy with less rainfall.
N
62
Site Context
T he nor th of the project site is Divar t y Street. The west side is Engineer Lane. On the south side there is a curved walking path connecting the core campus buildings in the same block. The two existing buildings on the base will be demolished (Tide Hall and Beach Hall) and the student recreation center will be built.
N
63
Sustainable Design | California State University, Monterey Bay Campus
Energy Simulation Chart
This chart is used for determining the orientation of the building and the direction of the window. Those variables show the rotation angle of the volume, large window opening in either long or short direction, and 0% or 40% automatic window opening for other walls. To conclude, buildings with the angle of 180 degrees (east-west orientation) and the north window will consume the least energy costs.
64
Project Programming Chart
65
Sustainable Design | California State University, Monterey Bay Campus
Site Analysis
There are many green spaces a nd out do or s p or t s venue s on campus. There is a large parking lot on the west side of the project site, which keeps the complete pedestrian area near the building. From the perspective of the landscape, the building should be able to maintain a good view, but avoid glare. In ter ms of the circulation, the central square crosses the buildings and the connecting area serve as the main entrance. The roads on the north and south sides are pedestrian zones in which people can approach the building.
GREEN SPACE
SPORT SPACE
BICYCLE ROAD
TRAFFIC FLOW
Building Analysis
VIEW 66
CIRCULATION
LANDSCAPE
TRAFFIC FLOW
Sun Path & Shadow Study
SPRING / FALL
MOTION ENERGY
SUMMER
SOLAR PANEL
WINTER
WIND TURBINES
WATER SYSTEM 67
Sustainable Design | California State University, Monterey Bay Campus
Concept Development The project design and sustainable strategy are inspired by the ocean kayak. The fluid dynamics and design features of the ocean kayak inform the approach to passive solar and the arrangement of solar panels on the building exterior. The idea that a kayaker achieves the most powerful and efficient stroke by minimizing excess body movement within the kayak informs efficient energy use. Fluid dynamics of an ocean kayak and the act of achieving a powerful and efficient paddle stroke inform the project design and sustainable strategy. Using the air pressure formed by the kayak as the principle of passive design. Additionally, the act of paddling used as a reference for arrangement of solar panels. Energy storage is also used as the primary energy control and distribution system to achieve the most appropriate assistance and arrangement. This principle is used as the goal of the whole campus to help other campus buildings have a specific storage space and build a campus to perfect a set of energ y sharing networks and systems.
Ocean kayak sketches and the adoption of its dynamic features on the building ventilation system. Inspiration images show the ocean kayak and the pattern of ocean. 68
Diagrams & Sketches
Restroom Kitchen Cafeteria Kinesiology & Recreation Faculty Office Recreation Faculty Office Healthcare Room Healthcare Office
Adjacent Nearby
69
Sustainable Design | California State University, Monterey Bay Campus
Floor Plans Level 1 Floor Plan
Phase 2
Cour t
Phase 1
Court
Administrative & teaching building
1. Physical Education Space
6. Laundry
2. Shower
7. Dance Studio
3. Locker
8. Kitchen
4. Storage
9. Weight/Cardio Rooms
5. Toilet
10. Gym
1F 2F The noise-causing space is placed on the first floor. The The office is placed on the second f loor of the building. weight/cardio room set on the first floor is to avoid over- The auditorium is set up on the second floor of the sports loading. The dynamic sports court is built in a single field. The auditorium can enter from the terrace and inside building, and locker room and shower room are around of the building. the court. Between two building, there is a courtyard for activities or entertainment.
3F Dry labs, department offices and conference rooms are on the third floor of the first phase building. Classrooms are placed on the third floor of the second phase building, each of them can accommodate 24 people.
70
Level 2 Floor Plan
5. Toilet 11. Kinesiology & Recreation Faculty Offices 12. Recreation Faculty Offices
Level 3 Floor Plan
5. Toilet 13. Kinesiology Classrooms 14. Kinesiology Faculty Offices 15. Conference Room 16. Dry Lab
71
Sustainable Design | California State University, Monterey Bay Campus
OPEN WORKSPACE
E1
Level 1
E2
E3
Level 2
Interior Elevations
E1 - E2
E3 - E4
72
E4
Sustainable Design | California State University, Monterey Bay Campus
Material Board
Wood Flooring Create a natural and warm atmosphere which could make people enjoy staying here.
Carpet Flooring Durable, flexible, and easy to maintain. The resiliency can reduce the pain for people if standing for a long time.
Vinyl Flooring This floor could against stains and create a calming healthcare area. In addition, it provides comfort, slip-resistance and less maintenance fee and effort.
Vinyl Wallpaper The pattern symbolizes the water wave, and color is chosen to match with the overall atmosphere.
Low VOC Painting Provides a durable and washable film. Low VOC for low impact on indoor air quality.
74
Furniture Board
Very Task Chair - Patented asymmetrical lumbar control & fully adjustable - Ergonomics support to enhance sitting experience - GREENGUARD Gold certified
Swoop Lounge Chair - Accommodate a variety of postures and positions - Indoor Advantage Gold certified - 40% recycle content
Office Guest Chair - Sloping arms and an integral lumbar support for comfort - FSC certified wood - 30% post-consumer recovered fiber
Bac Round Table - Create inviting feeling of the space - FSC certified wood - Non toxic chemicals
75
Sustainable Design | California State University, Monterey Bay Campus
Master Plan
1
2
3
4
5
6
7
8
76
The landscape planning strategy is divided into three parts: building area, man-made area, and natural reserved area.
N Building area
Man-made area
Reserved area
1. Staggered Canopy System 2. Roof Garden 3. Lifting Water Tank 4. Heating Glass Square
N
5. Waste Treatment 6. PV Power Station 7. Wind Farm 8. Natural Reservent Area
77
Sustainable Design | California State University, Monterey Bay Campus
Section & Sustainable Strategies
09 03
02
08
06
04
01 02
05 07 13
78
09 06
01
10
02
03
01
04
01
02 05 12 11
13
01. Fog Net
08. Top Lighting
02. Ventilation Port
09. Roof Garden
03. Internal Sawtooth Roofs
10. Staggered Canopy System
04. Northbound Transparent
11. Water Treatment Center
05. Motion Power
12. Geothermal Treatment Room
06. Atriums
13. Ground-coupled Heat Exchanger
07. Local Battery Pack
79
Sustainable Design | California State University, Monterey Bay Campus
OTHER WORKS
82
Hand Drawings Graphic Design Textile Design
83
Other Works | Hand Drawings
HAND DRAWINGS
84
Other Works | Graphic Design
GRAPHIC DESIGN Typography
86
1. Prototypeface (Calligraphy) 2. Prototypeface (Bitmap) 3. Typesetting 4. Text Paragraph 5. Type Anatomy 6. Kerning Headline 7. Typographic Hierarchy 8. Stationery Systems 9. Type Classification Poster
87
Other Works | Graphic Design
GRAPHIC DESIGN Cardset Design
88
89
Other Works | Textile Design
TEXTILE DESIGN
90
91
Author Hsin Yu Chen Photography Hsin Yu Chen Text Hsin Yu Chen Typeface Gotham / Fairfield / Avenir
Contact Information Phone / 415.741.9713 Email / cbelladesigner@gmail.com Web / issuu.com/hsinyubellachen
