Yan Zheng - Product Design Portfolio

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