YAN ZHENG Selected Works 2017 - 2020 Integrated Product Design University of Pennsylvania
RESUME
YAN ZHENG CONTACTS 415.463.9609 yzheng2019@gmail.com San Francisco, CA
SKILLS
Design/Prototype Sketch Framer Rhinoceros
Storyboards/Drawings Adobe Creative Suite Rhinoceros Auto CAD
Visualization
Adobe Creative Suite Framer KeyShot
Organization/Communication Microsoft Office
ACHIEVEMENTS
EDUCATION Integrated Product Design Certificate Master of Architecture University of Pennsylvania, Philadelphia, PA 2017 - 2019 | 3.8 GPA Human Factors Based Product Design, Designing Smart Objects for Play and Learning, Eng Entrepreneurship I, Design Connected Objects and Experiences,
A+ AAA
Bachelor of Science in Architectural Studies University of Southern California, Los Angeles, CA 2013 - 2017 | 3.7 GPA Magna Cum Laude
PROFESSIONAL EXPERIENCE Architectural Designer, Rafael Vinoly Architects August 2019 to Present | Cupertino, CA
Vallco Town Center Finished 100% DD package in Revit for the 50-acre mixed-use affordable housing project on North Wolfe Road, Cupertino Incorporated design changes into the Revit models of 11 building blocks and the world’s largest green roof Modeled and documented 2,402 residential units and kept track of the project areas to make sure it complies with SB-35 requirements Prepared CD package materials for phase one blocks Prepared drawings for clients’ presentations
Architecture Intern, HGA Architects and Engineers
2018 Projects featured in 2018 PennDesign publication Pressing Matter VII 2017 PennDesign Thomas C Lehman Memorial Fellowship Fund 2017 Doug Moreland Scholarship in Architecture for excellence in academics and design
Summer 2018 | Santa Monica, CA
REFERENCE
Architecture Intern, HGA Architects and Engineers
Craig Bacheller, Supervisor Director, RVA cbacheller@vinoly.com 917.374.3398 John Frane, Supervisor Design Principal, HGA JFrane@hga.com 310.666.8178 Matthew Austin, Supervisor Senior Architect, HGA MAustin@hga.com 401.369.5196
Saddleback College Competition Designed the physical model to achieve a gradual landscape and coordinated with a remote office to manufacture the model Prepared a series of story-telling renderings and drawings for the presentation JAMS Marketing Effort Prepared composite drawings to capture and showcase the key concepts of the project as marketing materials for the LA Office Apple Office Renovation Assisted in programming studies and prepared floor plan layout iterations Summer 2016 | Santa Monica, CA
Hollywood Arts Collective Prepared drawings and renderings for the winning competition proposal Met with stakeholders to understand and incorporate different perspectives into the design Apple | Beats Office Renovation Prepared iterations of collage renderings for interior material studies and assisted to finish the CD report in Revit
PORTFOLIO/ LINKS https://issuu.com/yzheng19/docs/portfolio https://www.linkedin.com/in/zheng-yan https://youtu.be/BJHoA50lNwY - “Highway to Resilience“ Research Movie
CONTENTS
4
HUMAN-CENTERED DESIGN
Together, Alone Exhibition - “likes“
06
Parking Kiosk Redesign
14
Wearable Object - “the prey“
22
GRAPHIC VISUALIZATION
Flushing Food Hub
28
Red Hook Bike Hub
32
John Adams Middle School
34
5
“likes“ PennDesign Integrated Product Design I 2019 Spring Team Work with Corey Abramowitz and Breanna Lyn “The project is an exhibition piece that tries to exemplify the relationships between people in this digital age. The project integrated the use of Particle Argon, data processing, and product designs to visualize digital and actual human interactions. The project is featured on the UPenn IPD portfolio page.”
6 PennDesign | Spring 2019
_INSPIRATIONS
Are we more connected?
Or more separated...?
Are we brought together?
Or are we all alone...?
8 PennDesign | Spring 2019
_IDEAS/ SKETCHES
A DIGITAL HEART
V.S.
3D printed triangulated frame
A BIOLOGICAL HEART
3D printed triangulated frame translucent vellum sheets translucent vellum sheets
10”
LED lights that mimic the beating of an actual heart
LED lights that fills up the digital heart
anchored on display stand
anchored on display stand
Connected to a computer that tracks the number of “likes“ of the exhibition on social media through Particle Argon
Connected to four motion sensors at each exhibition project tracking actual human interactions during the event through Particle Argon
LED lights in four different colors correspond to four exhibition pieces
LED lights in four different colors correspond to four exhibition pieces
The brightness of the LED corresponds to the number of “likes“ online
The brightness of the LED corresponds to the number of human interactions with each project
9
_ITERATION PROCESS Digital Models and Prototyping
The team decided to iterate the project in both digital and physical environments. I created several iterations of digital models to test the feasibility of the project. After that, the team printed several pieces of the heart to test the effects and how to work with the electronic components of the project.
detail diagram for panel assembly
I generated a few renderings through the iteration process and the team decided on black frames and white vellums for the final product.
Assembly Diagrams
The digital model for 3D printing is created with details to attach the vellum sheets later.
I generated a few assembly diagrams and broke down the digital model to test the feasibility of the final product. 10 PennDesign | Spring 2019
Final Exhibition Setup Visualization
By taking into account the actual display stand, I generated images to visualize the final setup at the event and the team decided to put the project in a corner.
Prototyping to test final effects and feasibility
Electronic Components Prototypes
The team later created motion sensor and LED lights prototypes to test sensitivity and connectivity with Argon. 11
_”ALONE, TOGETHER” EXHIBITION
“likes“
Likes on social media have become a measure of acceptance and fulfillment in our modern world today. Differentiating between the physical and the digital, ‘likes’ draws the line between human recognition via two very different media. The classic ‘Instagram’ heart (left) fills with love
12 PennDesign | Spring 2019
for every ‘like’ on a picture of this very exhibition via social media in real time. It’s counterpart, resembling a physical heart (right), beats with an intensity which mimics the level of engagement of the guests within this room right now, including you, standing here, reading this, at this very moment.
13
Parking Kiosk Redesign PennDesign Integrated Product Design I 2017 Fall Team Work with Courtney Kobata and Daniel Moreno “The project focuses on the redesign of parking kiosks in Philadelphia. The team focused on user experience trying to simplify this everyday activity of paying for parking. We strove to make the process simple and intuitive by redesigning both the user interface and the physical look of the kiosk.�
14 PennDesign | Fall 2017
simple geometry and brighter color combination to locate from a distance
embedded design instead of the use of a canopy to keep the geometry simple
engraved “P“ sign
10” touch screen display with adjustable angle located at 4’ above ground
coin, card, cash, and ticket slots under the display with possible integration of NFC payments
15
_OBSERVATIONS AND PAIN POINTS
1.
2.
4.
1. No clear instruction on how to start 2. One needs to bend very low to get coins 3. Too much useless information 4. One has to pay first to use
16 PennDesign | Fall 2017
10.
6.
5.
5. 6. 7. 8.
Buttons not self-explanatory Too many redundant buttons Screen too cluttered and dim No language options
7.
12./13.
9. Instructions are not in a good location 10. People write over the instructions 11. Instructions are not clear enough 12. It takes time to read through all the instructions 13. Too much useless information
17.
15.
14.
14. The parking kiosk cannot be easily identified from a distance 15. Some “P“ signs and the body of the kiosk are scratched off
9.
18.
16. Lights are not bright enough at night 17. Spot lights create a very bad reading experience at night 18. Hard to read instructions at night
19./20.
19. The screen is too dim at night 20. One needs to bend very low to read the information at night
17
_USER SURVEY
18 PennDesign | Fall 2017
30%
are confident that they fully understood instructions
78%
not sure where to start and would put in card or cash first
60%
feel that the process of getting a ticket takes too long
90%
feel the display is too cluttered and shows too little useful information
50%
feel the display is too dim and hard to read especially at night
_DESIGN CRITERIA
EASY
and intuitive to use with the total process taking ~45s
CLEAR
feedback for beginning, error, and completion
VISUAL
instructions rather than textual integrated within each step
easy to
LOCATE MORE
from a distance and at an appropriate height for all users
language options at the start and more modern looking
19
_WORKFLOW DIAGRAM
_UI
Walk up to kiosk
Display payment screen
Display start screen
Arrows point to payment options
Tap the screen to start
Insert coins
Insert bills
Display selection screen
Display remaining balance
Display status of parking cost
Pay full balance
Insert card
Authorize card
Toggle to payment based selection
Display confirmation screen
Select parking duration
Select the amount to pay
Display ticket on screen
Display price and expiration time
Display duration and expiration time
Cancel/Refund
Print ticket
Click continue
Display printing screen
Display payment screen
Reminder to place ticket on dashboard
Return to start screen
20 PennDesign | Fall 2017
S s
I DESIGN
Simple and straightforward start screen with language options
Final ticket confirmation screen
Intuitive UI design for time selection adopted from everyday smartphone use
Reminder to display the ticket on the dashboard
Clear feedback information of duration and expiration time
Cancel screen
Simple and straightforward instructions for payments working together with the updated kiosk design
21
The Wearable Object PennDesign Integrated Product Design I 2019 Spring Individual Work “The project started with a class visit to the Wagner Free Institute of Science for inspiration. Wagner is a natural history museum in Philadelphia. I found the animal forms at the museum especially inspiring and I based my project on the abstraction of forms found in nature.�
22 PennDesign | Spring 2019
23
_INSPIRATIONS abstraction of natural forms
biting movement
interlocking skeleton
grabbing movement of a claw
bionic designs 24 PennDesign | Spring 2019
_IDEAS/ SKETCHES
large piece design that comes in two parts
modular design connected by magnets
initial sketches for the neck wearable
front finalFRONT sketch
back final BACK sketch
FRONT
Neck Wearable Concept
CONNECTIONS
sketches for side connection details
Yan Zheng IPD-529
CONNECTIONS
25
_FINAL WEARABLE OBJECT
26 PennDesign | Spring 2019
27
Graphic Visualization PennDesign M.Arch “Selected illustration images from my architectural projects at PennDesign and professional works.�
28 PennDesign | Fall 2018
Right Perspective View at Flushing Food Hub
29
Stepp
New Development College Point Street Plaza Northern Blvd
Vertical Farmin
Food Ferry
Food Storage + Processing
Elevated Park Water Plaza
W
Flushing Creek
Willets Point Development Van Wyck Expy
30 PennDesign | Fall 2018
Above Comprehensive Axon for Flushing Food Hub
Main St Station
ping Stone Stepping Stone Stepping Stone
Stepping Stone Stepping Stone
ng
Stepping Stone
New Development
Waterfront Park
Line 7 Metro
31
32 PennDesign | Spring 2018
Above Perspective View at Red Hook Bike Hub
33
34 HGA Los Angeles | 2018
Above Marketing Perspective Section for John Adams Middle School
35
yzheng2019@gmail.com 415.463.9609