EXPERIENCE
LI PANG (315)-350-6066 lplipang@gmail.com
MILRY E-commerce Co., Ltd at Yangzhou | Design Intern JULY 2013 - AUGUST 2013 | YANGZHOU, CN Photography Assistant. Worked on jewelry and luggage design department. Associated director in editing and photo rendering, also participated in marketing discussions with other departments.
Yangzhou Broadcast & Television Media Group | News Intern JULY 2014 - AUGUST 2014 | YANGZHOU, CN Worked on news editing. Gathered the videos and scripts from previous news, then according to certain criteria, matched them correctly and categorized them into local storage for the purpose of further research.
SKILLS
Languages Chinese | English
Technical Wood working | Mold making | Wheel throwing | Slip casting Electronics | Technical drawing | Figure drawing | Fabric sewing
Software & Programming Adobe CC (Illustrator Photoshop InDesign Premiere Flash AfterEffects) Solidworks | Rhino | KeyShot5 | Microsoft Office | Axure Pro 7.0 Sketch | Flinto | HTML/CSS
EDUCATION
ACTIVITIES
SYRACUSE UNIVERSITY Graduation: MAY 2017 | SYRACUSE, NY Bachelor of Industrial & Interaction Design | School of Design Ceramics Minor | College of Visual and Performing Arts
Jianzhen International Half Marathon APRIL 2011 | YANGZHOU, CN Volunteered in Jianzhen International Half Marathon. Activities included event language translation, logistics reception service, competition organization service, and water station service.
Wayfinding Signage Design NOVEMBER 2014 | SYRACUSE, NY Submitted signage design for Syracuse Connective Corridor department. Worked with Connective Corridor on improving sinage design for historical buildings in local areas.
D6 Project for London Portobello Market February - May 2016 | London, UK Project manager for a student group called D6 when studied abroad in London. orked with Portobello market office to design a sitting area in order to enhance the communications between the office and the local community.
TABLE OF CONTENTS IND PROJECTS Collaborative VR MTA Wayfinding Aid D6 Portobello FUN PROJECTS SUIID Light Ceramic
Collaborative VR
COLLABORATIVE VR - THESIS My thesis focuses on the question of how we can collaborate in a virtual environment. Collaboration is the topic I picked for creating the content with VR, since it is a daily activity that I feel can be relevant to most people, in this way, I am also trying to bring this technology closer to us and into our everyday life.
Inspirations
Collaboration is the “secret sauce� to success. While the importance of collaboration is getting acknowledged by more and more people around the world, with the help of Virtual Reality(VR) technology, there is a more immersive and meaningful way to communicate with each other inside collaborative activities.
By gathering individuals together, innovations are fostered by social interactions between people with different perspectives.
Everyday team collaboration.
VR, as one type of media, its purpose is to communicate. VR (Virtual Reality) is a powerful connection between the physical and digital world. But without the content for applications, technology only lives in hardware not in our life.
VR being used in London Natural History Museum in early 2016.
Field Study & Interviews
To Get a Contextual Understanding. Blackstone Launchpad Blackstone LaunchPad at Syracuse University connects the campus innovation ecosystem with a global network. Lack of space: each section of tables and chairs is arranged next to each other.
Interview 1 Syracuse Coworks
Linda Hartsock: Executive director of Syracuse University’s Blackstone LaunchPad project.
Syracuse Coworks is for freelancer. Coworking allows them to network without committing to a long-term lease.
She thinks that having the right technology is a leading ingredient in the recipe for a successful collaborative space.
Lack of communication speed: Slack is being frequently used in Coworks. The founder wants to create more slack channels.
Interview 2 Frank Biocca: Director of the Newhouse School’s M.I.N.D. Lab. Also the author of “Communication in the Age of Virtual Reality.” After introducing VR mapping system to me, he advised me to not focus only on one VR system, but rather a combination of them.
THE NATURE OF COLLABORATIVE SPACE DRIVES ITS USE. From my thesis research book, I looked into people’s behaviors in different collaborative activities to see how VR systems can fit in. A space becomes a place for a certain activity, and a space can host several places over time. To make the most use out of a space, a combination of VR systems can expose the nature of collaborative space.
Research & Ideation
Spaces & Places Strategic Thinking Spaces Spaces like this will have movable and comfortable chairs to allow people move around with a long period of staying.
Scenarios
BRAINSTORM
Presentation spaces Clean walls are installed for presentations and pinup information. Privacy is needed to provide clear focuses for audiences.
PROJECT ROOM
Tactical Execution Spaces Chairs and tables in these spaces should have flexibility to either break into a small space or group into a larger space.
VIDEOCONFERENCE
Prototypes & Testings
Create a Collaborative Virtual Environment (CVE). For these testings, I first asked them “what are their images of VR technology�, and then briefly described different VR systems, so participants knew what their expectations were. After that, I provided them with those prototypes showed in the pictures. While participants could put down their marks and notes in a mini room, they could also move around those silhouette models to role play and test out different scenarios from ideation.
PRESENTER
JOURNEY MAP
PREPARE
PRESENT
INTERACT
INNOVATE
INTEGRATE
1
2
3
4
5
ACTIONS
Gather information Input information
Present the content
Explain Repeat the presentation
Amend Add side notes
Export to other devices Display for further use
Circle pain-points
Additional modeling
Add secondary notes
Communicate well Max use from VR system
Understand questions Find the pain-points
Mutual understandings Problems solved
Improvements made
Ready to present
Ready to explain Ready for questions
Is this a good question Good questions
Higher values now Project is improved
Collaboration is great
Computer VR Projection
VR Projection Computer
VR Mobile VR Projection VR Headset
VR Headset VR Projection VR Mobile
Computer VR Mobile
Get into the room
Listen to presenter Write down questions
Propose questions Circle pain-points
Help process developments Add side notes
Further participation
Run a test GOALS
Get all Info correct Set the stage well
INTERACTIVE
THOUGHTS
ACTIONS
PARTICIPANT
Activate Mapping
Display supportive info
GOALS
THOUGHTS
Ready for the presentation
Full understandings
Questions understood Additional info showed
Questions answered Mutual understandings
Improvements made
Ready to ask questions
Are questions explained What are my solutions
I understand better now Project is improved
Collaboration is great
Creating CVE
1
Use VR system to create an immersive environment. Realtime rendering is generated to connect the presenter with audiences. This can increase the amount of information received by audiences and enhance the quality of learning experience.
3
Communications between the presenter and audiences can build connections, integrate new perspectives and other social interactions, thus can foster innovations under such collaborative environment.
ROOM SET-UP TOP VIEW
Projectors
Presenter & Participants Working Area
2
Interactions have been made easy and meaningful for audiences with using simply their mobile phones. Through secondary realtime rendering, comments that are made from collaboration can be displayed on specific projection areas where are desired.
VR MOBILE Smart phone allows every team member to jump into the collaboration at any time with the capability of providing additional information through wireless connections. VR HEADSET Headset can provide precision mapping to assist the graphic work load on projectors. VR PROJECTION A VR room requires a minimum of four projectors in order to cover the entire space as well as performing an immersive environment. COMPUTER Computer transfers information for VR devices inside projection room.
Creating CVE
A team collaboration on light design with VR
Presenter sets up the space.
Run a test on CVE.
Presenter uses laptop to change back drop.
Apply visual effects through VR projection.
Real-time rendering when the lamp moves.
Interact with audiences though VR mobile.
VR mobile transfers comments to Projection.
Quick change of back drop.
Use VR headset for secondary rendering.
Gather notes after team collaboration.
Organize notes using modular Share for further interface. collaborations.
Smart Collaboration with CVE This is a hero shot I took for my final CVE room mock-up. The story here is a team collaboration working on light design, within that process, VR projection, VR headset, and VR mobile technology have been involved respectively into different team work phases based on the needs from collaborative activities. Video Link: https://vimeo.com/215693648
MTA Wayfinding Aid
MTA WAYFINDING A low tech supplementary tool with visual directions from point A to point B for users who are unfamiliar with New York City Subway. It works with the current color schemes, numbers and MTA system in order to better navigate the NYC subway.
Research
Exploring the Subway
Photos that we took/found by traveling through the NYC subway and the wayfinding signs.
While exploring the MTA subway we found many problems of how a person gets from point A to point B. When entering the subway our phones’ signals were lost, and we did not notice the interactive map. Meanwhile, we noticed schedule change and other tourists in the area wandering around. In the subway car itself, we noticed tourists using physical maps instead of the built in maps and the speakers in the cars were inaudible.
X
Preliminary Phase
1
Industrial Design
Presentation to Whitman School (School of Business)
How Does a Rider Use the System?
1. The user enters the subway station.
2. The user approaches the wayfinding and ticketing kiosks.
4. The paper directions print.
5. The user hops on the train that corresponds with their directions.
2
Types of Users
? 3. The user goes through the prompts on the kiosk.
Tourists outside of the country
3
Citizens outside of NYC State
New Yorkers unfamiliar with sections of New York
Background Research According to fast company:
There are currently 1.6 Billion annual riders of the NYC MTA Historically, the NYC subway system was formed when three separate train companies merged into one. Each had their own identity and color system thus making today’s current MTA system, confusing and irrelevant.
Whitman School
Original Concept: Design a low tech supplementary attachment that works with the current color
schemes, numbers and MTA card swiping system in order to better navigate the NYC subway. The solution would be printed with the MTA fare card and stick to the back of the card with visual directions from point A to point B.
Whitman Feedback: After a month. The entrepreneur students handed us their business plan,
they thought implementing the card into the current MTA kiosks would be too expensive and not feasible due to the struggle of working with the MTA.
Whitman Feedback
NYC Observation
INSIGHTS • Solution should be lowtech, such as actual printed tickets. • Work within confines of MTA system • Target tourists and inexperienced riders
Printing Technologies
Benchmarking
Metal Foil Printer
Can print on a wide range of materials, including plastic, leather cloth, and acrylic.
Prepeat
Prints on reusable paper and uses no ink. Reusable paper can be used over 1000 times.
Zink Happy Plus
No ink needed. Printing paper uses Zink Print technology, which activates the color crystals on the paper. Recyclable.
Research
MTA Style Guide Analysis A breakdown of Massimo Vignelli’s original Graphics Standard Manual
Branching System: “The basic concept of this branching system is that the subway rider should be given only information at the point of decision. Never before. Never After” - Graphics Standard Manual Transfer Signage: “A traveler disembarking from the train will receive his exit information in context and at the point of decision.” -Graphics Standard Manual
Use of Arrows: To indicate movement through the station: Left/Straight Ahead/ Center/Right Also indicate traffic flow: Bear Left/Bear Right Primary, Secondary, Tertiary Information: Module Breakdown: Arrow Discs Directional Text
Concept Development
Persona 1 - Maria Garcia 34 Year Old Colombian Business Woman Traveling to NYC for a Conference.
Persona 3 - Agatha Callis Persona 2 - Jack Baydon 16 year old boy traveling from Southern Pennsylvania to visit his father in NYC over the holiday break.
??
X
A=A
She walked down the stairs, ignored all maps and signage and headed towards the MTA attendant. The attendant told her that she could print out directions with interactive map kiosk.
He attempted to download a subway navigation app but lost signal when he went underground. He typed in the address of his father’s apartment building and printed the map. He turned the printed directions around and noticed a list of instructions of where to look and what to pay attention to. He then approached the purchasing kiosk to buy his fare card.
Knowing she could not remember each step, she realized there is print option. She then headed to an MTA attendant to purchase a fare card. She matched the symbols on her printed directions with the wayfinding MTA signage and found her designated train.
Agatha headed toward the subway ? station outside of her house.
Jack arrived at NYC on a Bus and walked toward the subway station.
After arriving in JKF she used wayfinding signs to find her way to the subway station. The map was very confusing and she did not understand what train she should take. After getting frustrated with map, she noticed a large touchscreen map and heads towards it.
68 Year Old Woman who has lived in the Greek section for 45 years. She wants to revisit a bakery in Yonker.
He waited till the direction symbol matched the symbol of the subway and then proceeded to board. After getting off, he met his father.
BIG text
Although she had lived in Queens for most of her life, she was still unfamiliar with the area she visited long ago. She could not remember the address of the bakery so she typed in the name. Since she was familiar with MTA symbols, she easily matched the symbols on the direction to the MTA symbols. She found her subway track and waited for her train.
MTA Wayfinding Aid
Final Implementation Design Intent This wayfinding aid works in conjunction with the current MTA system. Our aid is designed following the principles of Vignelli’s style guide developed in 1970, using his module theory, original PMS colors, typeface and his “one step at a time” philosophy.
Main Info: Current station, destination, and travel time. Icons: Large Icons make action more noticeable. Action Completed & Folds: When the user has completed a step they can fold the paper and only their following step will appear. Walking Directions: Our design also provides walking directions to their final destination.
Color Call-outs: Being able to quickly identify the name of metro is important especially when in a busy station. Reminders & Stop Counter: we have added a reminder stop so they do not miss their final destination. Sequential Steps: This at-a-glance linear progression of events highlights the number of steps the user will take.
Our solution works with the current infrastructure of the MTA, not against it. In addition our aid fits into the flow of current wayfinding kiosks that are on the market and serve as an extension of these services. The printed out directions serve as a non-electronic, personal navigator for a traveler in a dynamic and ever changing environment. Video Link: https://vimeo.com/148810804
D6 Portobello
D6 PORTOBELLO Portobello Road is one of London’s best known streets and an international tourist attraction that is located in the Notting Hill district of the Royal Borough of Kensington and Chelsea. D6 is a group of six Industrial & Interaction Designers and I am the project manager in the group. D6 worked closely with local communities and the Portobello market office throughout this project. Together we came up the third space design to help the current Portobello market move forward.
THE MAP OF PORTOBELLO This west London road is famous for its markets and the liveliness of the crowds who tend to go on the weekends to buy or simly look around. The busiest day of the week is Saturday, where the road flourishes with various stalls. From antique dealer stalls, racks of new second hand goods, ethnic goods, fea markets, fruit and vegetable stalls, to street food stalls that fill the area with the scrumptious smell of hot foods. Along this mile long and narrow winding street lies residential cobbled side roads.
Golborn Market (hotfoods)
£ Chair - Portobello End
ck s
NEW
Br
id
ge
tu
be
tra
NEW
NEW
High-End Portobello Green Market
NEW
£
£
NOW PLAYING
SUPERMAN VS. BATMAN NOTTING HILL JUNGLE BOOK
MARKET TRAIL
Portobello Community Housing
NEW
Electric Cinema
Goldborn Market
£
Hot Foods New Goods NEW
Antiques
Flea Market New Goods
NEW
Fruits+Vegetables
Fruit and Veg New Goods Antiques
New Goods
£
Flea Market Hot Foods
Antique 101 Arcade
“I HAVE MEMORIES OF THE MARKET BEING SO LIVELY WHEN I WAS YOUNG, THEY FEEL FAKE.” “THIS MARKET IS SLOWLY LOSING ITS SOUL IT ONCE HAD.” TIM “OLIVE MAN”PORTOBELLO
“COMMUNICATION THROUGH THE MARKET AND THE RESIDENTS IS DIFFICULT AS IT IS.” MARK - MARKET MANAGER
______ OF CATH KIDSTON
“THERE’S THE NEW COMMUNITY THAT WANTS THE MARKET GONE, LIKE WESTWAY AND THEN THERES US.” RIBENA - COMMUNITY ADVOCATE
The idea of a communal space has began to lack as this market, and London in general, has become GENTRIFIED. Whether from tourists not knowing the history of the places they are visiting or from locals being angry at tourists taking up their daily living space, this is a conflict that we wanted to focus on.
“THIS IS JUST A CHECK OFF ON A LIST OF PLACES TOURISTS COME, IT FEELS LIKE DISNEYLAND.” NICHOLAS - MARKET MANAGER
Observation & Interviews & Culture Probes
A chalkboard for your THOUGHTS? We built a chalkboard to collect people’s opinions about portobello market.
Here we started to understand that there was a disconnect between the market and the consumers.
Concept Testing
SO WE SET UP TWO SPACES FOR IDEA TESTING.
Open a Space.
Where Does Food Come From?
What would happen within a community if we were to set a space up in the middle of the market and observe the conversations that took place? This space would act as a resting area because of Portobello’s lack of seating in an age of a different shopping experience we once had compared to the past, where we went to the market to just buy things, today its an experience journey. Where you buy things, buy hot food, sit relax and enjoy the full day there.
If you were given 2 different fruits/vegs, could you distinguish which were bought from a store and from a stall? Through a period of years, Portobello’s symbol of the produce stands have been declining. In the next two years we estimate that there will be 2 produce stands compared to the 30 only 10 years ago. We wanted to know why people shop at Tesco and Stalls and if they could tell the difference between the quality of produce.
Summary
Only seating area on Portobello Road.
Creation of rest areas in market (Increase dwell time and experience)
Third Space Goals increase interaction/conversation
How can we promote conversation and dialogue between people centered around Portobello?
(Between locals, market and tourists)
?
Teach visitors about market
(show that there is more to the market than just a pretty place to be checked off of a bucket list) Use available Trader stall spaces
Potentially change flow of visitors
(the market wants people to see more of portobello then just the main market area, there are more stores and areas waiting for visitors)
HOW TO USE?
Final Design 1 GAZEBO ROOF Protection from rain and sunlight during hot days.
2 INTERACTIVE BOARD 1
2
A board for people to write their thoughts about the “daily question� provided by the market. The information is sent to the market for them to analyze. It also provides locals, tourists and others a conversation starter to learn about one another. Social media applications help promote the market to younger generation.
3 THE BASE 3 4
A foundation to hold the furniture intact to the ground as well as the poles. It is the standard size of a stall area in Portobello Market.
4 ACCORDION BENCH Three-ply water resistant cardboard for light-weight yet durable usage. Seating is mainly for leaning against for comfort, and arrangement encourages people facing one another for conversations.
Photo rendering by D6 Product Designer.
What does this_?
Info
THE IMPACT WE HAVE BROUGHT TO THE MARKET. 6.0K 4.0K 2.0K Apr 3
We earned 54.2K
Apr 10
Apr 17
Apr 24
IMPRESSIONS over a 30 DAY period.
Our main social media platform of communication to the public - Twitter.
Our primary stakeholder, Portobello Market Manager Nicholas, commented on our final product. He sees the value of the space, as London is changing and now feels that Portobello should change with it.
“THE FACT THAT YOU HAVE TO TALK TO A HUMAN BEING. IT’S LIKE... POWERFUL.”
Video Link: https://vimeo.com/165286855
SUIID
SYRACUSE UNIVERSITY INDUSTRIAL & INTERACTION DESIGN
LOGO DESIGN In this section, I designed a logo for Syracuse University Industrial and Interaction Design in both two dimensional and three dimensional form. The purpose of this project is intended as an opportunity to take what I have learned in class and apply it to a graphic design exercise.
Process
SYRACUSE UNIVERSITY INDUSTRIAL & INTERACTION DESIGN
SYRACUSE UNIVERSITY INDUSTRIAL & INTERACTION DESIGN
CLEAR indication is what I always keep in mind. This logo needs to be designed with high readability,
since both versions of my logo can be possibly applied on any medium in a variety of formats.
Light
LIGHT DESIGN ELEGANT light not only illuminates the environment, but also delights moods, and enlightens minds.
Process
The light consists of eight bended strips in total. Each strip is laminated with three layers of mahogany veneers in order to keep the flexibility based on the shape of light.
Ceramic
CERAMIC SLIP CASTING To understand the relation of a part to the whole. To see that a complex object is made of simple objects, or smaller complex objects. The “Pepsi Cup� is casted with single-part mold; The hand is casted with multi-part mold which has five components.
THANK YOU lplipang@gmail.com (315)-350-6066 www.linkedin.com/in/lipang www.coroflot.com/lipang